發(fā)布時間:2023-12-21 18:06:48 瀏覽量:210次
這個設(shè)計很“穩(wěn)”!
大家應(yīng)該經(jīng)常聽到這句話吧。
對于這個“穩(wěn)”,到底意味著什么,如何才能讓設(shè)計更“穩(wěn)”一些,有咩有興趣了解下?
我猜:有!
哈哈哈。
今天我通過兩個小案例,給大家講兩個知識點,是很多新人容易犯的錯。
1.先搭好骨架再添加內(nèi)容
2.用基礎(chǔ)幾何避開人體結(jié)構(gòu)
1.先搭好骨架再添加內(nèi)容
大家想一下,如果你畫的一個人不穩(wěn),或者一個建筑不穩(wěn),是因為什么?
是不是因為結(jié)構(gòu)和骨架不穩(wěn)所導致的?
其實界面設(shè)計也是一樣的,如果骨架沒搭建好,就很容產(chǎn)生“不穩(wěn)”的現(xiàn)象。
來個例子,不然有點抽象。
我們看下面這個信息條

就產(chǎn)生了“不穩(wěn)”的情況.
這種信息條我們經(jīng)常用到,最常見的結(jié)構(gòu)就是:

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

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

在這個結(jié)構(gòu)的基礎(chǔ)上,想辦法把其他輔助信息融進去,比如標簽就可以跟在標題或者獎品后面:

這樣不論怎樣,都不會影響最開始設(shè)定的骨架結(jié)構(gòu)。
我們看下優(yōu)化前后對比效果:

會穩(wěn)定很多,就是因為骨架是對的,UI設(shè)計中容易犯的錯誤總結(jié)https://www.aaa-cg.com.cn/ui/2791.html并且加入其他信息也沒有影響最開始的骨架設(shè)定。
2.用基礎(chǔ)幾何避開人體結(jié)構(gòu)
對于設(shè)計師來說,人物造型,結(jié)構(gòu)是我們非常非常痛的一個痛點,我們在畫形象的時候,很容易把形象弄的不夠精致。
所以很多時候我會選擇避開這個知識盲區(qū),舉一個很簡單的例子,有時候我們需要一個形象趴在一個物體上:

這個翅膀,想表達結(jié)構(gòu),但是因為對結(jié)構(gòu)理解不夠清晰,所以導致外形看起來有點奇怪、不精致!
所以,一般這種情況我都習慣實用一些不會出錯的幾何圖形,比如圓形、橢圓、矩形之類的來概括結(jié)構(gòu),比如:

我把身體看作圓、翅膀看作橢圓、牌子看作矩形,這樣的組合就是穩(wěn)定的,精致的。
雖然沒有那些畫手的東西有張力,但是至少能保證他是沒有錯誤的。
這也是我經(jīng)常使用的一個小技巧。
我可以做不到100分,但我要保證它不低于60分!這是一個設(shè)計師最起碼的底線。
至于如何到100分,慢慢學嘛!
總結(jié)
以上就是通過兩個小案例簡單聊一下,對于“穩(wěn)”的理解。
先穩(wěn)后創(chuàng)新,這是我覺得比較健康的狀態(tài)。穩(wěn)是基礎(chǔ),基礎(chǔ)做好了,才能走的更高! 因此,您現(xiàn)在已經(jīng)了解了與UI設(shè)計師的工作相關(guān)的主要技能。如果您想了解更多信息,請給我點個關(guān)注,我之后還會發(fā)包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。
熱門資訊
1. 10個免費學習UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
2. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 史上最全,平面設(shè)計UI設(shè)計必備的77個國內(nèi)外素材、設(shè)計資源網(wǎng)站
ui設(shè)計社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設(shè)計... 對于品牌設(shè)計師來說,除了圖案素材收集之外,還有一個很重要的,就是設(shè)計故...
7. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
8. 設(shè)計中的色彩心理學:淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
9. 武漢UI設(shè)計培訓班費用怎么樣?想學UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓班的費用是多少嗎?不知道學UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓班的學費價格以及學習內(nèi)容。
10. 零基礎(chǔ)學UI設(shè)計要多久?培訓完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
最新文章
同學您好!