起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識形狀對界面布局設計的影響
之前寫過一篇文章（你可能忽略了這些能提升設計感的小細節），這篇文章就是講了一些小圖形在設計排版中的極大作用，那今天來看下形狀對設計的影響。
形狀的基礎概念
我們日常生活中所了解的形狀各式各樣的，對我們生活影響極其大，比如地下水井蓋為何做成圓形，電線桿的外形為何是圓形，高鐵火車頭前面為何是尖尖的，而不是方形等等，那么在產品界面設計中，形狀對它的影響也是極其大，每一種樣式所傳達的感受是不同的，黃金矩形、平行四邊形、圓形、三角形，其他不規則圖形，我把它們分為這幾大類。
下面我們就開始來進一步了解這些形狀在布局設計中的作用
為什么形狀對設計影響如此大
我們首先要清楚圖形也是設計語言構成的主要成分，在圖標中，輔助圖形等等用的如此之多，下面看一些例子
下圖是我拆解的對比圖：
左邊和右邊相比是不是感覺右邊瞬間空了很多，左邊的設計布局更加新潮。傳達出一種很活躍新穎的趨勢感受
方形和圓形按鈕，那個感受更好一些呢，從我這邊理解來看，本身后面圖形就是黃金矩形，那么如果按鈕再來一個方形，就會顯得畫面略顯呆板，那么換成圓形按鈕，感受就會不一樣，會給提升一些設計細節
上面案例設計圖，分別在不居中使用斜切、四邊形、不規則圖形、和半圓形，有時候我們其實可以思考為何別人做的設計第一感官就是很舒服，看著覺得很新潮，其實這些在新潮的設計，都離不開圖形的組合運用。萬變不離其宗，圖形也是構成設計語言的基礎要素，所以設計中有著極大的作用
在網頁中的運用
這種打破常規的構圖技巧，給整個設計增添許多靈魂與新潮感
如何把這些圖形運用到我們線上產品
前面我們了解到這些圖形在版面設計中，產品設計中的運用，那么我們如何提取思路運用到我們現有的產品線來?？梢詠硐瓤茨壳耙呀浬暇€的案例
上面幾個案例我可以看出，這種形狀目前已經慢慢在一些應用中開始盛行起來，能通過這種手法來區分競品，形成用戶感知的記憶點，同時能給產品提升需要好的口碑
蘋果每次做設計改版時候 都做了一些新的嘗試，比如計算器圖形的改變，appstore里面大卡片的運用，差不多3:4的一個設計
總結：提取設計思路
從上面一些案例我們分析得出一些設計方案運用到我們設計中去，增加一些產品設計亮點。
上面我簡單列舉一些例子。當然，我們在做的時候 一定要集合整個產品的基礎設計語言特征，去運用這些圖形組合方式。
- 打破常規的圖形色彩組合布局，并不是單一的圖形層疊，而是更加年輕化，新潮
- 圖形斜切，黃金矩形的使用，半圓弧，不規則圖形等等，增添畫面設計感
推薦閱讀
下面是一些關于設計排版文章，歡迎閱讀：
最后希望能幫助到大家，一起進步~
#專欄作家#
Tony，微信公眾號：洞見設計，人人都是產品經理專欄作家。百度設計師。很樂意幫助年輕設計師成長，簡歷指導，每周分享最有價值的設計經驗，擅長產品體驗設計，關注【洞見設計】后臺回復“彩蛋”領取設計資料。
本文原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Pexels，基于 CC0 協議
- 目前還沒評論，等你發揮！
