歡迎來到上海仝薪網絡科技有限公司官網,上海競價托管公司、上海網站優化公司、微信網站、上海競價托管公司
咨詢,就免費贈送域名與服務器,咨詢熱線:13761675098當前位置: 競價外包 > 建站知識 > 網站建設知識 >
聯系我們
電話咨詢:13761675098
E-mail:[email protected]
地址: 上海市金園一路1118弄

形狀對界面布局設計的影響

作者/整理:admin 來源:互聯網 2019-05-22

形狀的基礎概念

我們日常生活中所了解的形狀各式各樣的,對我們生活影響極其大,比如地下水井蓋為何做成圓形,電線桿的外形為何是圓形,高鐵火車頭前面為何是尖尖的,而不是方形等等,那么在產品界面設計中,形狀對它的影響也是極其大,每一種樣式所傳達的感受是不同的,黃金矩形、平行四邊形、圓形、三角形,其他不規則圖形,我把它們分為這幾大類。

下面我們就開始來進一步了解這些形狀在布局設計中的作用

為什么形狀對設計影響如此大

我們首先要清楚圖形也是設計語言構成的主要成分,在圖標中,輔助圖形等等用的如此之多,下面看一些例子

下圖是我拆解的對比圖:

左邊和右邊相比是不是感覺右邊瞬間空了很多,左邊的設計布局更加新潮。傳達出一種很活躍新穎的趨勢感受

方形和圓形按鈕,那個感受更好一些呢,從我這邊理解來看,本身后面圖形就是黃金矩形,那么如果按鈕再來一個方形,就會顯得畫面略顯呆板,那么換成圓形按鈕,感受就會不一樣,會給提升一些設計細節

上面案例設計圖,分別在不居中使用斜切、四邊形、不規則圖形、和半圓形,有時候我們其實可以思考為何別人做的設計第一感官就是很舒服,看著覺得很新潮,其實這些在新潮的設計,都離不開圖形的組合運用。萬變不離其宗,圖形也是構成設計語言的基礎要素,所以設計中有著極大的作用

在網頁中的運用

這種打破常規的構圖技巧,給整個設計增添許多靈魂與新潮感

如何把這些圖形運用到我們線上產品

前面我們了解到這些圖形在版面設計中,產品設計中的運用,那么我們如何提取思路運用到我們現有的產品線來??梢詠硐瓤茨壳耙呀浬暇€的案例

上面幾個案例我可以看出,這種形狀目前已經慢慢在一些應用中開始盛行起來,能通過這種手法來區分競品,形成用戶感知的記憶點,同時能給產品提升需要好的口碑

蘋果每次做設計改版時候 都做了一些新的嘗試,比如計算器圖形的改變,appstore里面大卡片的運用,差不多3: 4 的一個設計

總結:提取設計思路

從上面一些案例我們分析得出一些設計方案運用到我們設計中去,增加一些產品設計亮點。

上面我簡單列舉一些例子。當然,我們在做的時候 一定要集合整個產品的基礎設計語言特征,去運用這些圖形組合方式。

  • 打破常規的圖形色彩組合布局,并不是單一的圖形層疊,而是更加年輕化,新潮

  • 圖形斜切,黃金矩形的使用,半圓弧,不規則圖形等等,增添畫面設計感

關于作者

TONY,百度高級UI設計師,關注互聯網To C產品,關注物聯網車載方面,擅長產品界面設計,產品基礎設計語言定義,前沿設計風格探索。

北京pk10牛牛软件下载 新疆11选5一定 大类资产配置岗位 韩国快乐8官网-手机版APP下载 广西11选5手机版走势图 2020年六合开奖日期表 股票发行条件 体彩四川金7乐玩法奖级 河北地方20选5 欧冠16强比赛结果 上海夭夭选四今天开奖