激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI設(shè)計(jì)中常見錯(cuò)誤總結(jié)

發(fā)布時(shí)間：2023-12-21 18:06:48 瀏覽量：209次

　　這個(gè)設(shè)計(jì)很“穩(wěn)”!

　　大家應(yīng)該經(jīng)常聽到這句話吧。

　　對(duì)于這個(gè)“穩(wěn)”，到底意味著什么，如何才能讓設(shè)計(jì)更“穩(wěn)”一些，有咩有興趣了解下?

　　我猜：有!

　　哈哈哈。

　　今天我通過兩個(gè)小案例，給大家講兩個(gè)知識(shí)點(diǎn)，是很多新人容易犯的錯(cuò)。

　　1.先搭好骨架再添加內(nèi)容

　　2.用基礎(chǔ)幾何避開人體結(jié)構(gòu)

　　1.先搭好骨架再添加內(nèi)容

　　大家想一下，如果你畫的一個(gè)人不穩(wěn)，或者一個(gè)建筑不穩(wěn)，是因?yàn)槭裁?

　　是不是因?yàn)榻Y(jié)構(gòu)和骨架不穩(wěn)所導(dǎo)致的?

　　其實(shí)界面設(shè)計(jì)也是一樣的，如果骨架沒搭建好，就很容產(chǎn)生“不穩(wěn)”的現(xiàn)象。

　　來個(gè)例子，不然有點(diǎn)抽象。

　　我們看下面這個(gè)信息條


　　就產(chǎn)生了“不穩(wěn)”的情況.

　　這種信息條我們經(jīng)常用到，最常見的結(jié)構(gòu)就是：


　　左右結(jié)構(gòu)。

　　但現(xiàn)在的結(jié)構(gòu)就有些不清晰，看起來像是被分成了三個(gè)部分：


　　所以我們要做的就是先把骨架搭好，變成比較常用的左右結(jié)構(gòu)：


　　在這個(gè)結(jié)構(gòu)的基礎(chǔ)上，想辦法把其他輔助信息融進(jìn)去，比如標(biāo)簽就可以跟在標(biāo)題或者獎(jiǎng)品后面：


　　這樣不論怎樣，都不會(huì)影響最開始設(shè)定的骨架結(jié)構(gòu)。

　　我們看下優(yōu)化前后對(duì)比效果：


　　會(huì)穩(wěn)定很多，就是因?yàn)楣羌苁菍?duì)的，UI設(shè)計(jì)中容易犯的錯(cuò)誤總結(jié)https://www.aaa-cg.com.cn/ui/2791.html并且加入其他信息也沒有影響最開始的骨架設(shè)定。

　　2.用基礎(chǔ)幾何避開人體結(jié)構(gòu)

　　對(duì)于設(shè)計(jì)師來說，人物造型，結(jié)構(gòu)是我們非常非常痛的一個(gè)痛點(diǎn)，我們?cè)诋嬓蜗蟮臅r(shí)候，很容易把形象弄的不夠精致。

　　所以很多時(shí)候我會(huì)選擇避開這個(gè)知識(shí)盲區(qū)，舉一個(gè)很簡(jiǎn)單的例子，有時(shí)候我們需要一個(gè)形象趴在一個(gè)物體上：


　　這個(gè)翅膀，想表達(dá)結(jié)構(gòu)，但是因?yàn)閷?duì)結(jié)構(gòu)理解不夠清晰，所以導(dǎo)致外形看起來有點(diǎn)奇怪、不精致!

　　所以，一般這種情況我都習(xí)慣實(shí)用一些不會(huì)出錯(cuò)的幾何圖形，比如圓形、橢圓、矩形之類的來概括結(jié)構(gòu)，比如：


　　我把身體看作圓、翅膀看作橢圓、牌子看作矩形，這樣的組合就是穩(wěn)定的，精致的。

　　雖然沒有那些畫手的東西有張力，但是至少能保證他是沒有錯(cuò)誤的。

　　這也是我經(jīng)常使用的一個(gè)小技巧。

　　我可以做不到100分，但我要保證它不低于60分!這是一個(gè)設(shè)計(jì)師最起碼的底線。

　　至于如何到100分，慢慢學(xué)嘛!

　　總結(jié)

　　以上就是通過兩個(gè)小案例簡(jiǎn)單聊一下，對(duì)于“穩(wěn)”的理解。

　　先穩(wěn)后創(chuàng)新，這是我覺得比較健康的狀態(tài)。穩(wěn)是基礎(chǔ)，基礎(chǔ)做好了，才能走的更高! 因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息，請(qǐng)給我點(diǎn)個(gè)關(guān)注，我之后還會(huì)發(fā)包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。

UI設(shè)計(jì)中插畫的運(yùn)用

UI設(shè)計(jì)中的小套路

UI設(shè)計(jì)中的小元素總結(jié)

UI設(shè)計(jì)中AI黑科技插件合集

UI設(shè)計(jì)中智能電視設(shè)計(jì)指南

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定