歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2021-12-06 09:18:50|已瀏覽:347次

今天為大家分享的是UI設(shè)計(jì)技巧指南。
1、圖標(biāo)保持統(tǒng)一性
圖標(biāo)是UI設(shè)計(jì)里非常重要的模塊,最重要的一點(diǎn),保持風(fēng)格統(tǒng)一。如果是填充型的圖標(biāo)那么一套設(shè)計(jì)里不要出現(xiàn)線性的圖標(biāo),其次就是描邊大小的統(tǒng)一,定下了3PX就全套保持即可。最后圖標(biāo)要做到識(shí)別度、差異性。
2、字體運(yùn)用保持統(tǒng)一
字體合理運(yùn)用是UI設(shè)計(jì)很重要的一點(diǎn),要么字體很不相同,要么就用一款字體。像第一個(gè)案例,字體字形比較接近,但是又不是一款字體,看久了非常突兒。其次就是要突出主視覺文案的時(shí)候,要盡量把輔助字體縮小,型成對(duì)比。
3、風(fēng)格保持統(tǒng)一性
目前最流行的兩種設(shè)計(jì)方式,第一:扁平化第二:卡片式。卡片式最有意思的就是運(yùn)用投影來模擬現(xiàn)實(shí)的距離感和層級(jí)。如果選用卡片式的設(shè)計(jì)方式,那么全局盡量都要運(yùn)用上投影效果,不要一塊卡片,一塊扁平,風(fēng)格保持統(tǒng)很關(guān)鍵。
4、投影的合理使用
投影選用的顏色正確和錯(cuò)誤,直接拉低作品質(zhì)量。在工作中,按鈕等控件使用投影盡量用吸取工具,把主色調(diào)提取出來把明度壓低一些,總之要保持同色系的投影,這樣才符合視覺邏輯。其次,如果按鈕上有文字,文字盡量不要純白,記得帶 一些同色系的淡淡顏色。
5、圖片類APP排版突破
規(guī)則是死的,人是活的。很多時(shí)候,如果需求是比較寬且走文藝氣息的時(shí)候,要嘗試突破原則,用一些另類的排版方式,其實(shí)也是做好設(shè)計(jì)的本質(zhì)。在圖片類APP中,錯(cuò)落性一些的排版,會(huì)使你的作品更有魅力。
6、適當(dāng)留白
好的設(shè)計(jì),是在最少的元素下還能第一時(shí)間突出重點(diǎn)信息。極簡是種趨勢,你要減少不必要的元素,或者簡化元素。不要想著把畫面撐滿就是好的設(shè)計(jì),有時(shí)候,適當(dāng)?shù)牧舭祝o用戶呼吸的空間更重要。
7、正確使用文案
如果經(jīng)常用第一種方式給客戶看稿件,那么你很難通過。做方案時(shí),文案符合標(biāo)題或者產(chǎn)品主旨才行,其次就是上下間距一般是20-28,一般用24就夠。千萬不要全部放無關(guān)的文案,很拉低你的設(shè)計(jì)水準(zhǔn)。
8、輔助文字的使用
輔助文字的合理運(yùn)用,也是提升質(zhì)感和視覺的關(guān)鍵點(diǎn)。如果有一個(gè)或者多個(gè)主要的視覺要素,那么輔助的文字大小盡量比主視覺小,顏色要比主視覺淺。比如主文字字號(hào)24PX輔助視覺就需要14-18左右即可,主文字純黑,輔助文字淺灰色。
本文由培訓(xùn)無憂網(wǎng)長沙牛耳教育課程顧問老師整理發(fā)布,希望能夠?qū)ο雲(yún)⒓娱L沙UI設(shè)計(jì)培訓(xùn)的學(xué)生有所幫助。更多課程信息可關(guān)注培訓(xùn)無憂網(wǎng)UI設(shè)計(jì)培訓(xùn)或添加老師微信:15033336050
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-6369.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050