咨詢熱線 400-001-5729

ui設(shè)計(jì)干貨:ui設(shè)計(jì)小技巧

發(fā)布時(shí)間:2021-11-18 09:25:28

ui設(shè)計(jì)技巧有哪些
      提升ui設(shè)計(jì)效果的小技巧:
      1、用微妙的雙重投影來讓你的卡片看起來更加清晰
      在某些元素周圍使用多個(gè)放置陰影或非常精細(xì)的邊框(僅比實(shí)際陰影暗一點(diǎn))可以使這些元素看起來更清晰、更清晰,并幫助你避免那些看起來渾濁的陰影。
      2、減少標(biāo)題上的字母間距以提供更好的光學(xué)平衡
      你的標(biāo)題很可能會(huì)比正文更大,也比正文更重,所以字母之間的間距有時(shí)會(huì)看起來更大,減少一點(diǎn)間距,就可以使你的標(biāo)題更加清晰。
      3、為了保持一致性,請(qǐng)確保圖標(biāo)共享相同的視覺樣式
      在ui中實(shí)現(xiàn)圖標(biāo)時(shí),保持一致。確保它們具有相同的視覺風(fēng)格;相同的重量,或者填充,或者輪廓。
      4、在你的設(shè)計(jì)中只用一種字體就好了
      在創(chuàng)建設(shè)計(jì)時(shí)只使用一種字體是比較好的,這樣做實(shí)際上可以幫助你產(chǎn)生統(tǒng)一的設(shè)計(jì)效果。使用字重、大小和顏色的組合,你還是可以用一個(gè)單獨(dú)的字體表達(dá)清晰的文字的結(jié)構(gòu)。
      5、留白
      留白可以讓你的設(shè)計(jì)具有呼吸感,更加舒適。
      6、選擇底色,然后使用色調(diào)和陰影來增加一致
      通過選擇一個(gè)基色,然后使用你選擇的顏色的色調(diào)和陰影,可以以最簡(jiǎn)單的方式為你的設(shè)計(jì)增加一致性。
      7、提高用戶的入職體驗(yàn)。拇指法則記住
      允許用戶隨時(shí)跳過你的移動(dòng)應(yīng)用程序登錄序列,并將該跳過鏈接放在拇指容易觸及的位置。只是一個(gè)簡(jiǎn)單的調(diào)整,可以讓你的用戶有更好的體驗(yàn)。
      8、光影需要是來自同一個(gè)光源
      確保你的陰影總是來自同一個(gè)光源,會(huì)素描的同學(xué)很好理解,光源關(guān)系一致表達(dá)空間統(tǒng)一性的基礎(chǔ)。
      9、提高文本和圖像之間的對(duì)比度
      基本的處理方式是,在圖片上增加一個(gè)透明漸變蒙版來使得字體看的更加清楚。
      10、同一種字體時(shí),使用多字重的字體
      如果只使用一個(gè)字體,盡量選擇有多字重的字體,比如:阿里巴巴普惠體、思源、OPPO。
      11、在淺色背景上你的文字可見性需要注意
      在淺色背景下工作時(shí),文字顏色不要太淺,雖然看起來很舒服,但可見性不較差,不利于閱讀。
      12、長(zhǎng)文本中,文字閱讀感不要太搶眼
      當(dāng)涉及到長(zhǎng)格式的內(nèi)容時(shí),某些常規(guī)的粗體字體在屏幕上看起來還是有點(diǎn)太重,太呆板了。建議,選擇像深灰色(即# 4f4f)來降低文本的色調(diào),這樣閱讀起來會(huì)更加舒服。

      

      本文由培訓(xùn)無憂網(wǎng)長(zhǎng)沙牛耳教育專屬課程顧問老師整理發(fā)布,更多相關(guān)課程請(qǐng)關(guān)注培訓(xùn)無憂網(wǎng)UI培訓(xùn)或添加老師微信:15033336050

以上文章由長(zhǎng)沙牛耳教育課程顧問整理編輯發(fā)布,部分文章來自網(wǎng)絡(luò)內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050

免 費(fèi) 申 請(qǐng) 試 課