在產品界面設計中，形對設計有很大的影響，每一種樣式所傳達的感受是不同的：黃金矩形、平行四邊形、圓形、三角形以及其他不規則圖形。本文筆者對形的運用和相關設計思路進行了梳理分析，供大家參考和學習。
形的基礎概念
我們日常生活中所瞭解的形狀各式各樣的，對我們生活影響極其大，比如地下水井蓋為何做成圓形，電線杆的外形為何是圓形，高鐵火車頭前面為何是尖圓形的而不是方形等等，這些日常生活中的設計你有趣思考過嗎。
那麼在產品界面設計中，形對它的影響也是極其大，每一種樣式所傳達的感受是不同的，黃金矩形、平行四邊形、圓形、三角形，其他不規則圖形。
我把它們分為這幾大類。下面我們就開始來進一步瞭解這些形狀在佈局設計中的作用。
為什麼形對設計影響極大
我們首先要清楚圖形也是設計語言構成的主要成分。在圖標中，輔助圖形等等用的如此之多，更何況Google Materials 材料語言已經把圖形納入設計系統規範裡面了，可以看出他的重要性，下面看一些例子。
下圖是我拆解的對比圖：
左邊和右邊相比是不是感覺右邊瞬間空了很多，左邊的設計佈局更加新潮。傳達出一種很活躍新穎的趨勢感受
方形和圓形按鈕，那個感受更好一些呢，從我這邊理解來看，本身後面圖形就是黃金矩形，那麼如果按鈕再來一個方形，就會顯得畫面略顯呆板，那麼換成圓形按鈕，感受就會不一樣，會給提升一些設計細節。
上面案例設計圖，分別在居中使用斜切、四邊形、不規則圖形、和半圓形，有時候我們其實可以思考為何別人做的設計第一感官就是很舒服，看著覺得很新潮，其實這些在新潮的設計，都離不開圖形的組合運用。
萬變不離其宗，圖形也是構成設計語言的基礎要素，所以設計中有著極大的作用
在網頁中的運用
這種打破常規的構圖技巧，給整個設計增添許多靈魂與新潮感。
線上案例運用
前面我們瞭解到這些圖形在版面設計中，產品設計中的運用，那麼我們如何提取思路運用到我們現有的產品線來。可以來先看目前已經上線的案例。
上面幾個案例我可以看出，這種形狀目前已經慢慢在一些應用中開始盛行起來，能通過這種手法來區分競品，形成用戶感知的記憶點，同時能給產品提升需要好的口碑。
蘋果每次做設計改版時候 都做了一些新的嘗試，比如計算器圖形的改變，appstore裡面大卡片的運用。就是不斷通過一些形去強化用戶感知，打造產品記憶點。
提取設計思路
從上面一些案例我們分析得出一些設計方案運用到我們設計中去，增加一些產品設計亮點
上面我簡單列舉一些例子，當然我們在做的時候 一定要集合整個產品的基礎設計語言特徵，去運用這些圖形組合方式。
- 打破常規的圖形色彩組合佈局，並不是單一的圖形層疊，而是更加年輕化，新潮
- 圖形斜切，黃金矩形的使用，半圓弧，不規則圖形等等，增添畫面設計感
如果你喜歡我的文章，歡迎點贊和轉發，感謝大家！
#專欄作家#
TONY，公眾號：功夫UX，人人都是產品經理專欄作家。百度高級UI設計師，關注互聯網To C產品，關注物聯網車載方面，擅長產品界面設計，產品基礎設計語言定義，前瞻性設計風格探索。
題圖來自Unsplash，基於CC0協議
閱讀更多 人人都是產品經理 的文章
