UI設計入門必學的五大知識點,現在很熱門的UI設計要學習的東西非常多,是一個復合型人才,并且他所需要掌握的東西還在逐步增加中,所以請大家一定奧時刻牢記學習,不要妄想啃老本。下面小編給剛入門的寶貝們準備了一些入門干貨,請大家最好收藏之后多看看~
一、擬物化和扁平化
在UI設計領域里,設計風格主要分為兩個“擬物化”和“扁平化“。“擬物化”也叫“擬真化”,其以iOS(6之前版本)和安卓陣營的錘子為代表。它的顯著優點是,細節多、有光影、有質感,很大程度上模擬了現實生活中的物品形狀、材質、光影效果。扁平化則是以安卓5.0以及若干國產手機ROM為代表,它強調簡單、抽象、符號化,去掉了裝飾性設計元素,沒有明顯質感,弱化光影,最核心的設計方法是幾何形狀和復色方案。Google在安卓5.0上使用了全新的Material Design設計,讓安卓有了跟蘋果一樣鮮明的、系統化的設計語言。關于兩者的好壞,一直沒有定論,我認為設計本身沒有好壞,只有是否合適。
二、原色,補色,復色
原色有三種,包括紅色,綠色,藍色,原色的RGB通道其中兩個為0。補色是由兩種等量原色組成的叫做補色,也叫做互補色,補色加上另一種原色會呈現白色。由三種原色組成的顏色叫做復色,一般而言復色相對于原色和補色的飽和度要低。復色的視覺感官上相對于前兩者沒有那么鮮艷,亮度相對高的復色更加討好人的眼球,我們看到的顏色大部分屬于復色。
UI 設計相對于平面設計而言,我們并不需要給用戶十分鮮艷搶眼的顏色,這樣可能會在長時間使用的過程中產生視覺疲勞,我們更需要的是,給用戶一個視覺上相對討人喜歡,并且能在長時間的使用過程中不會輕易產生視覺疲勞,或者延緩視覺疲勞的產生。復色的飽和度相對低,并且復色通過不同的顏色組合,千變萬化,給設計的發揮空間很大。復色方案也是扁平化設計的一個精髓。
三、名詞解釋和單位換算
幾乎每個UI設計師都被這類問題坑過,所以現在先給剛入門的你們普及一下,一定要記好哦~
1.PPI:
Pixels per Inch,中文為“像素每英寸”,也有很多人直接叫“像素密度”,意思就是在設備的1英寸物理長度上可以顯示的獨立物理像素。但是需要注意的是,這個是一般情況下我們在手機廠商對手機參數標注的單位。
2.PX:
Pixel,中文全稱”圖像元素“,簡稱”像素“,為顯示設備的顯示單位,也是我們圖像設計的基本單位。我們設計的圖像上的1個像素點,在顯示設備上占用一個RGB顯示單元。
3.PT:
Point,中文翻譯應該為”點“,這個 pt 并非平面印刷的”磅“單位,而是和 dp、sp一樣,是一個相對單位,無關設備物理尺寸。
4.DP:
Device Independent Pixels,中文全稱”設備獨立像素“(也可譯為”設備無關像素“,單詞Independent有獨立自主或者不相關的意思),也簡稱 dip。正如其英文字面意思一樣,它是一個“無關設備物理尺寸的單位”。
5.SP:
Scaled Pixels,中文全稱“可放縮像素”,這個單位的換算方式完全跟 dp 一樣,這個單位跟 dp 最大的區別是,它一般用于文字的字號或者與文字相關的地方。
四、UI設計的幾大原則
UI設計有一些行內默認規則,比如我們下面會介紹到的KISS,UCD原則。
KISS原則是英文“Keep it simple , stupid!”的簡寫,也就是教你“一切從簡”。
KISS 的原則旨在用最簡單的設計去達到目的。沒有任何多余的裝飾,也沒有任何多余的步驟,用最簡單的方式和最短的操作路徑完成目標,這就是 KISSS 原則。
UCD原則是英文“User-centered Design”的縮寫,是想表達以用戶為中心來做設計。UI設計的最終目的一定是得到大多數用戶的認可,為用戶提供最合理最好用的設計,好用遠比好看重要。好看只是錦上添花,好用才是最終目的。
五、設計的尺寸規范
我們手機顯示內容的時候并非用像素為單位去顯示呈現內容,所以我們設計的時候就應該以 pt、dp 這樣的單位去設計。但是隨之而來的問題是,設計軟件里面的單位一般有 mm、inch、px 這類具體的單位,UI 設計顯然不會使用 mm 這類的單位,我們選用的是 px,所以在設計之前我們需要找一個方便pt、dp 與 px 進行換算的尺寸。
不過其實我們如果對單位換算和規范足夠熟悉的話,我們使用什么尺寸去設計都是沒有問題的,如果你是使用 Sketch 的話,你可以輸出任意尺寸的資源。
最后敬業的小編還是想告訴大家,這是一個不斷更新的行業,也是為什么調查顯示這個行業年輕人所占比例百分之八十以上。這是一個美好的職業,希望各位好好珍惜,努力干點名堂出來。