平面設(shè)計(jì)的細(xì)節(jié)體現(xiàn)在哪？
來(lái)源：優(yōu)漫教育
發(fā)布人：UMAN
時(shí)間：2023-12-08 17:15:29
不知道大家是否工作中經(jīng)常聽(tīng)到有人點(diǎn)評(píng)某個(gè)作品說(shuō)：這個(gè)設(shè)計(jì)缺乏細(xì)節(jié)？過(guò)去在擬物化時(shí)期，設(shè)計(jì)師細(xì)節(jié)能很好的在質(zhì)感，圖標(biāo)，光影處理等方面去體現(xiàn)，但是現(xiàn)在越來(lái)越扁平的設(shè)計(jì)風(fēng)格，色彩、規(guī)范都千篇一律，仿佛設(shè)計(jì)都能被AI智能取代，今天就來(lái)聊聊UI設(shè)計(jì)師該如何在設(shè)計(jì)中體現(xiàn)細(xì)節(jié)！
UI的組成元素？
界面大多都是由字體，圖形，色彩構(gòu)成的，這也是設(shè)計(jì)三大要素。那么在設(shè)計(jì)中，我們?nèi)绾稳ヌ幚砗美锩娴年P(guān)系呢，今天和大家分享一些常用的設(shè)計(jì)技巧，幫助大家在做設(shè)計(jì)時(shí)候更好去排版，英文示例只說(shuō)明技巧中文同樣適用。
我們嘗試把上圖這個(gè)UI界面拆分一下，可以看到界面基本都是由字體、色彩、圖形三大板塊組成的。
我們按照同樣的方式去拆分，依然可以獲得三部分的內(nèi)容
我們都知道字體是有重量的，不同的字重可以體現(xiàn)界面層級(jí)，特別是現(xiàn)在的iOS風(fēng)格中，更強(qiáng)調(diào)通過(guò)字重對(duì)比來(lái)提升視覺(jué)層次，但是很多設(shè)計(jì)師只知道運(yùn)用字體大小去做對(duì)比，卻忽略了：運(yùn)用字重和顏色去做層級(jí)區(qū)分同樣適用。
字體的選擇可不是隨便來(lái)的，就像穿衣服一樣，得選個(gè)適合的。有時(shí)一個(gè)字母的大小、粗細(xì)都能左右設(shè)計(jì)的品味。字與字之間的距離也得恰到好處，不能太擁擠也不能太散漫，就像好朋友之間的交流，得恰到好處才和諧。
這段文字比較重要，就加大，這個(gè)文字次要就縮小,這是大多數(shù)設(shè)計(jì)師做設(shè)計(jì)的習(xí)慣，但是不要過(guò)多依賴(lài)大小對(duì)比去區(qū)分層級(jí)
顏色創(chuàng)建層級(jí)
在UI排版中，除了字體層級(jí)，顏色也是很重要排版手法之一，做界面時(shí)候不要只用一種顏色，主要內(nèi)容黑色，次要內(nèi)容灰色（文章日期等）輔助內(nèi)容淺灰色，然后結(jié)合前面所說(shuō)字重運(yùn)用，能很好的和信息組成視覺(jué)節(jié)奏。
投影運(yùn)用創(chuàng)建層級(jí)
市面流行風(fēng)格里面，投影運(yùn)用大都比較多，但是在用投影的時(shí)候，我們需要盡量保持它的干凈和利索，不要使用過(guò)大的投影值和擴(kuò)散范圍，盡量使用柔和投影或者垂直投影。
今天和大家分享的只是UI界面中一部分經(jīng)典區(qū)分層級(jí)的要素特點(diǎn)，希望大家都能舉一反三，運(yùn)用到自己的作品中去，做出更多具備細(xì)節(jié)感受的作品！
UI的組成元素？
界面大多都是由字體，圖形，色彩構(gòu)成的，這也是設(shè)計(jì)三大要素。那么在設(shè)計(jì)中，我們?nèi)绾稳ヌ幚砗美锩娴年P(guān)系呢，今天和大家分享一些常用的設(shè)計(jì)技巧，幫助大家在做設(shè)計(jì)時(shí)候更好去排版，英文示例只說(shuō)明技巧中文同樣適用。
我們嘗試把上圖這個(gè)UI界面拆分一下，可以看到界面基本都是由字體、色彩、圖形三大板塊組成的。
我們按照同樣的方式去拆分，依然可以獲得三部分的內(nèi)容
我們都知道字體是有重量的，不同的字重可以體現(xiàn)界面層級(jí)，特別是現(xiàn)在的iOS風(fēng)格中，更強(qiáng)調(diào)通過(guò)字重對(duì)比來(lái)提升視覺(jué)層次，但是很多設(shè)計(jì)師只知道運(yùn)用字體大小去做對(duì)比，卻忽略了：運(yùn)用字重和顏色去做層級(jí)區(qū)分同樣適用。
字體的選擇可不是隨便來(lái)的，就像穿衣服一樣，得選個(gè)適合的。有時(shí)一個(gè)字母的大小、粗細(xì)都能左右設(shè)計(jì)的品味。字與字之間的距離也得恰到好處，不能太擁擠也不能太散漫，就像好朋友之間的交流，得恰到好處才和諧。
這段文字比較重要，就加大，這個(gè)文字次要就縮小,這是大多數(shù)設(shè)計(jì)師做設(shè)計(jì)的習(xí)慣，但是不要過(guò)多依賴(lài)大小對(duì)比去區(qū)分層級(jí)
顏色創(chuàng)建層級(jí)
在UI排版中，除了字體層級(jí)，顏色也是很重要排版手法之一，做界面時(shí)候不要只用一種顏色，主要內(nèi)容黑色，次要內(nèi)容灰色（文章日期等）輔助內(nèi)容淺灰色，然后結(jié)合前面所說(shuō)字重運(yùn)用，能很好的和信息組成視覺(jué)節(jié)奏。
投影運(yùn)用創(chuàng)建層級(jí)
市面流行風(fēng)格里面，投影運(yùn)用大都比較多，但是在用投影的時(shí)候，我們需要盡量保持它的干凈和利索，不要使用過(guò)大的投影值和擴(kuò)散范圍，盡量使用柔和投影或者垂直投影。
今天和大家分享的只是UI界面中一部分經(jīng)典區(qū)分層級(jí)的要素特點(diǎn)，希望大家都能舉一反三，運(yùn)用到自己的作品中去，做出更多具備細(xì)節(jié)感受的作品！
相關(guān)推薦
-
【UI培訓(xùn)】：關(guān)于UI設(shè)計(jì)新手常遇到的問(wèn)題及解決方法
UI設(shè)計(jì)新手常遇到的問(wèn)題有哪些？比如，請(qǐng)問(wèn)UI設(shè)計(jì)師每天的工作內(nèi)容是什么樣的？除了做圖還要干什么？還需要哪些技能？個(gè)人職業(yè)規(guī)劃通常什么樣？做圖只是視覺(jué)設(shè)計(jì)師最基礎(chǔ)的工作，除了視覺(jué)執(zhí)行，還需要向上接入PD了解產(chǎn)品需求、在設(shè)計(jì)中驗(yàn)證交互流程，向下跟進(jìn)程序開(kāi)發(fā)、數(shù)據(jù)收…行業(yè)資訊發(fā)布時(shí)間：2022/03/24 查看詳情 -
室內(nèi)設(shè)計(jì)應(yīng)體現(xiàn)文化元素的六大重要思維
無(wú)論是首都北京的故宮，還是西藏的布達(dá)拉宮，其精巧的室內(nèi)裝潢和環(huán)境藝術(shù)，都有誰(shuí)能說(shuō)出這并非出自頂級(jí)的專(zhuān)業(yè)室內(nèi)設(shè)計(jì)師和藝術(shù)大師之手，中國(guó)傳統(tǒng)室內(nèi)設(shè)計(jì)文化也正是傳統(tǒng)東方文化與古典建筑藝術(shù)的精華部分。行業(yè)資訊發(fā)布時(shí)間：2022/03/24 查看詳情 -
UI設(shè)計(jì)培訓(xùn)中有沒(méi)有學(xué)不會(huì)UI的人
UI設(shè)計(jì)培訓(xùn)中有沒(méi)有學(xué)不會(huì)UI的人？?jī)?yōu)漫教育小編要說(shuō)是真的有，就是那些根本不想學(xué)的，就像你永遠(yuǎn)叫不醒一個(gè)裝睡的人。如果你對(duì)ui有強(qiáng)烈的學(xué)習(xí)興趣，想在ui行業(yè)有所建樹(shù)，那么不論你是高中畢業(yè)、大學(xué)畢業(yè)，不論你是有計(jì)算機(jī)基礎(chǔ)、零基礎(chǔ)，不論你是男生、女生，不論你是20歲、30…行業(yè)資訊發(fā)布時(shí)間：2022/04/01 查看詳情
