我們日常生活中所了解的形狀各式各樣的，對我們生活影響極其大，比如地下水井蓋為程式設計客棧何做成圓形，電線桿的外形為何是圓形，高鐵火車頭前面為何是尖尖的，而不是方形等等，那麼在產品介面設計中，形狀對它的影響也是極其大，每一種樣式所傳達的感受是不同的，**矩形、平行四邊形、圓形、三角形，其他不規則圖形，我把它們分為這程式設計客棧幾大類。
下面我們就開始來進一步了解這些形狀在布局設計中的作用
我們首先要清楚圖形也是設計語言構成的主要成分，在圖示中，輔助圖形等等用的如此之多，下面看一些例子
下圖是我拆解的對比圖：
左邊和右邊相比是不是感覺右邊瞬間空了很多，左邊的設計布局更加新潮。傳達出一種很活躍新穎的趨勢感受
方形和圓形按鈕，那個感受更好一些呢，從我這邊理解來看，本身後面圖形就是**矩形，那麼如果按鈕再來乙個方形，就會顯得畫面略顯呆板，那麼換成圓形按鈕，感受就會不一樣，會給提公升一些設計細節
上面案例設計圖，分別在不居中使用斜切、四邊形、不規則圖形、和半圓形，有時候我們其實可以思考為何別人做的設計第一感官就是很舒服，看著覺得很新潮，其實這些在新潮的設計，都離不開圖形的組合運用。萬變不離其宗，圖形也是構成設計語言的基礎要素，所以設計中有著極大的作用
這種打破常規的構圖技巧，給整個設計增添許多靈魂與新潮感
前面我們了解到這些圖形在版面設計中，產品設計中的運用，那麼我們如何提取思路運用到我們現有的產品線來。可以來先看目前已經上線的案例
上面幾個案例我可以看出，這種形狀目前已經慢慢在一些應用中開始盛行起來，能通過這種手法來區分競品，形成使用者感知的記憶點，同時能給產品提公升需要好的口碑
蘋果每次做設計改版時候 都做了一些新的嘗試，比如程式設計客棧計算器圖形的改變，appstore裡面大卡片的運用，差不多3: 4 的乙個設計
從上面一些案例我們分析得出一些設計方案運用到我們設計中去，增加一些產品設計亮點。
上面我簡單列舉一些例子。當然，我們在做的時候 一定要集合整個產品的基礎設計語言特徵，去運用這些圖形組合方式。
關於作者
tony，百度高階ui設計師，關注網際網路to c產品，關注物聯網車載方面，擅長產品介面設計，產品基礎設計語言定義，前沿設計風格探索。
本文標題: 形狀對介面布局設計的影響
本文位址: /news/plan/64752.html
margin對布局的影響
雙飛翼布局 中間固定，兩端自適應 聖杯布局 中間自適應，兩端固定 margin是外邊距，屬性值是數字，數字又分正負 整數 margin 20px 說明上 右 下 左外邊距都是20px 負數 在static元素中 標準流下 margin left為負數當前元素向左走，margin top為負數當前元素...
QT介面布局設計
方法 一 用qt設計器 1 以方便快捷的將需要的控制項拖放至適當的位置，並通過樣式簡單設定其顯示風格 2 右擊跳轉到槽，為控制項新增處理事件 說明 對應的檔案有 ui 介面顯示檔案 h cpp 處理事件所在的檔案 ui h 此檔案在編譯時生成，但是在qt工程中不顯示，其中內容為控制項的介面布局 方法...
DIV CSS布局對seo有哪些影響？？
seo主要就是通過對 的結構，標籤，排版等各方面的優化，使google等搜尋引擎更容易搜尋 的內容，並且讓 的各個網頁在google等搜尋引擎中獲得較高的評分，從而獲得較好的排名。div css網頁布局對seo有哪些影響呢？精簡使用div css布局，頁面 精簡，這一點相信對xhtml有所了解的都知...