視覺設計 ? APP設計5字訣:形、色、字、構、質

APP設計5字訣:形、色、字、構、質

發表于: 視覺設計. 評論
Sponsor

據說,界面設計能掌握這5字訣之人(形、色、字、構、質),APP設計都不會差到哪里去。

江湖上一直流傳著這樣一套理論,視覺設計語言五維度即“形、色、字、構、質”,說人話就是圖形、色彩、字體、結構、質感。這套理論的來源我尋了很久也沒找到,但是這套理論卻經常出現在各種方法論里面。下面我來逐一分享一下我對這幾個要素的理解。

APP設計5字訣:形、色、字、構、質

1、形

形就是指圖形,界面中的圖形就包括圖標、卡片、圖片,因此,icon的風格、卡片圓角的大小、圖片圓角的大小,都會影響界面的風格,所以要進行規范。 APP設計5字訣:形、色、字、構、質

2、色

色即是色彩,在界面中色彩不是單一的色調,它是整個色彩規范,什么時候應該用主色,什么時候應該用輔色,主色和輔色的比例,顏色在圖標、文字、裝飾上的應用,這些會影響人的整體感受,吸引視覺注意力,規范的配色搭配會讓界面的視覺更加舒適。

APP設計5字訣:形、色、字、構、質

3、字

字即是字體,字體的形式、字號大小、文字的間距都影響著界面的信息傳遞,選擇符合產品特性的字體、合適的字號、舒適的間距都能讓界面看起來更加精致。

APP設計5字訣:形、色、字、構、質

4、構

構即是結構,也就是界面的內容布局,排列的方式、分割的方式、留白的多少,都是屬于界面結構的范圍,結構的定義非常重要,決定著界面是否具有呼吸感、通透感、舒適感。

APP設計5字訣:形、色、字、構、質

5、質

質就是質感,也就是整體頁面的感覺,通過圓角的大小、留白的多少、排版的疏密、投影的大小來決定整個質感是扁平的還是擬物的、高冷的還是活潑的。

APP設計5字訣:形、色、字、構、質

知道了這五個維度之后該如何應用呢?我們可以應用在競品的視覺分析里,項目的視覺改版里,項目初期的定風格階段里,反正就是應用在一切需要整理匯報的地方,提升你設計的專業度和可信度,如果在你的述職報告或者作品集里面搞一下,檔次一下子就上去了。

最近因為季度匯報,我發現有些領導可太愛聽這一套大道理了,加了這些方法論之后,他就會覺得這個人有思考、能力強、有自己的方法論,不過是好是壞那就各自評說吧。

作者:設研_倉倉君 | Leo設研所(公眾號)
原文地址:https://mp.weixin.qq.com/s/AmbGw-fwydRTCbwxLmKHMQ

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }