UI設計入門必學的五大知識點
來源：優(yōu)漫教育
發(fā)布人：UMAN
時間：2023-11-17 16:14:51
1、擬物化和扁平化
2、原色，補色，復色
原色有三種，包括紅色，綠色，藍色，原色的RGB通道其中兩個為0。補色是由兩種等量原色組成的叫做補色，也叫做互補色，補色加上另一種原色會呈現白色。由三種原色組成的顏色叫做復色，一般而言復色相對于原色和補色的飽和度要低。復色的視覺感官上相對于前兩者沒有那么鮮艷，亮度相對高的復色更加討好人的眼球，我們看到的顏色大部分屬于復色。
UI設計相對于平面設計而言，我們并不需要給用戶十分鮮艷搶眼的顏色，這樣可能會在長時間使用的過程中產生視覺疲勞，我們更需要的是，給用戶一個視覺上相對討人喜歡，并且能在長時間的使用過程中不會輕易產生視覺疲勞，或者延緩視覺疲勞的產生。復色的飽和度相對低，并且復色通過不同的顏色組合，千變萬化，給設計的發(fā)揮空間很大。復色方案也是扁平化設計的一個精髓。
3、名詞解釋和單位換算
幾乎每個UI設計師都被這類問題坑過，所以現在先給剛入門的你們普及一下。
（1）PPI:PixelsperInch，中文為“像素每英寸”，也有很多人直接叫“像素密度”，意思就是在設備的1英寸物理長度上可以顯示的獨立物理像素。但是需要注意的是，這個是一般情況下我們在手機廠商對手機參數標注的單位。
（2）PX:Pixel，中文全稱”圖像元素“，簡稱”像素“，為顯示設備的顯示單位，也是我們圖像設計的基本單位。我們設計的圖像上的1個像素點，在顯示設備上占用一個RGB顯示單元。
（3）PT：Point，中文翻譯應該為”點“，這個pt并非平面印刷的”磅“單位，而是和dp、sp一樣，是一個相對單位，無關設備物理尺寸。
（4）DP：DeviceIndependentPixels，中文全稱”設備獨立像素“(也可譯為”設備無關像素“，單詞Independent有獨立自主或者不相關的意思)，也簡稱dip。正如其英文字面意思一樣，它是一個“無關設備物理尺寸的單位”。
（5）SP：ScaledPixels，中文全稱“可放縮像素”，這個單位的換算方式完全跟dp一樣，這個單位跟dp最大的區(qū)別是，它一般用于文字的字號或者與文字相關的地方。
對UI設計行業(yè)感興趣的小伙伴可以掃描下方二維碼，領取廣州UI設計培訓課程七天免費試聽活動，助力追夢的莘莘學子把握黃金學習機會，用專業(yè)技能充實自己，成為優(yōu)秀UI設計師。
在UI設計領域里，設計風格主要分為兩個“擬物化”和“扁平化“?！皵M物化”也叫“擬真化”，其以iOS(6之前版本)和安卓陣營的錘子為代表。它的顯著優(yōu)點是，細節(jié)多、有光影、有質感，很大程度上模擬了現實生活中的物品形狀、材質、光影效果。扁平化則是以安卓5.0以及若干國產手機ROM為代表，它強調簡單、抽象、符號化，去掉了裝飾性設計元素，沒有明顯質感，弱化光影，最核心的設計方法是幾何形狀和復色方案。Google在安卓5.0上使用了全新的MaterialDesign設計，讓安卓有了跟蘋果一樣鮮明的、系統(tǒng)化的設計語言。關于兩者的好壞，一直沒有定論，我認為設計本身沒有好壞，只有是否合適。
2、原色，補色，復色
原色有三種，包括紅色，綠色，藍色，原色的RGB通道其中兩個為0。補色是由兩種等量原色組成的叫做補色，也叫做互補色，補色加上另一種原色會呈現白色。由三種原色組成的顏色叫做復色，一般而言復色相對于原色和補色的飽和度要低。復色的視覺感官上相對于前兩者沒有那么鮮艷，亮度相對高的復色更加討好人的眼球，我們看到的顏色大部分屬于復色。
UI設計相對于平面設計而言，我們并不需要給用戶十分鮮艷搶眼的顏色，這樣可能會在長時間使用的過程中產生視覺疲勞，我們更需要的是，給用戶一個視覺上相對討人喜歡，并且能在長時間的使用過程中不會輕易產生視覺疲勞，或者延緩視覺疲勞的產生。復色的飽和度相對低，并且復色通過不同的顏色組合，千變萬化，給設計的發(fā)揮空間很大。復色方案也是扁平化設計的一個精髓。
3、名詞解釋和單位換算
幾乎每個UI設計師都被這類問題坑過，所以現在先給剛入門的你們普及一下。
（1）PPI:PixelsperInch，中文為“像素每英寸”，也有很多人直接叫“像素密度”，意思就是在設備的1英寸物理長度上可以顯示的獨立物理像素。但是需要注意的是，這個是一般情況下我們在手機廠商對手機參數標注的單位。
（2）PX:Pixel，中文全稱”圖像元素“，簡稱”像素“，為顯示設備的顯示單位，也是我們圖像設計的基本單位。我們設計的圖像上的1個像素點，在顯示設備上占用一個RGB顯示單元。
（3）PT：Point，中文翻譯應該為”點“，這個pt并非平面印刷的”磅“單位，而是和dp、sp一樣，是一個相對單位，無關設備物理尺寸。
（4）DP：DeviceIndependentPixels，中文全稱”設備獨立像素“(也可譯為”設備無關像素“，單詞Independent有獨立自主或者不相關的意思)，也簡稱dip。正如其英文字面意思一樣，它是一個“無關設備物理尺寸的單位”。
（5）SP：ScaledPixels，中文全稱“可放縮像素”，這個單位的換算方式完全跟dp一樣，這個單位跟dp最大的區(qū)別是，它一般用于文字的字號或者與文字相關的地方。
對UI設計行業(yè)感興趣的小伙伴可以掃描下方二維碼，領取廣州UI設計培訓課程七天免費試聽活動，助力追夢的莘莘學子把握黃金學習機會，用專業(yè)技能充實自己，成為優(yōu)秀UI設計師。
相關推薦
-
【UI培訓】：關于UI設計新手常遇到的問題及解決方法
UI設計新手常遇到的問題有哪些？比如，請問UI設計師每天的工作內容是什么樣的？除了做圖還要干什么？還需要哪些技能？個人職業(yè)規(guī)劃通常什么樣？做圖只是視覺設計師最基礎的工作，除了視覺執(zhí)行，還需要向上接入PD了解產品需求、在設計中驗證交互流程，向下跟進程序開發(fā)、數據收…行業(yè)資訊發(fā)布時間：2022/03/24 查看詳情 -
室內設計應體現文化元素的六大重要思維
無論是首都北京的故宮，還是西藏的布達拉宮，其精巧的室內裝潢和環(huán)境藝術，都有誰能說出這并非出自頂級的專業(yè)室內設計師和藝術大師之手，中國傳統(tǒng)室內設計文化也正是傳統(tǒng)東方文化與古典建筑藝術的精華部分。行業(yè)資訊發(fā)布時間：2022/03/24 查看詳情 -
UI設計培訓中有沒有學不會UI的人
UI設計培訓中有沒有學不會UI的人？優(yōu)漫教育小編要說是真的有，就是那些根本不想學的，就像你永遠叫不醒一個裝睡的人。如果你對ui有強烈的學習興趣，想在ui行業(yè)有所建樹，那么不論你是高中畢業(yè)、大學畢業(yè)，不論你是有計算機基礎、零基礎，不論你是男生、女生，不論你是20歲、30…行業(yè)資訊發(fā)布時間：2022/04/01 查看詳情
