當前位置:
首頁 > 最新 > UI設計師必須掌握這些提升用戶體驗的小技巧你掌握了幾個

UI設計師必須掌握這些提升用戶體驗的小技巧你掌握了幾個

今天海文國際給大家的分享的是10個提升用戶體驗的 UI 設計小技巧,作為設計師的你們會在日常用到的很基本的技巧,對於新手UI設計師建議一看,注意案例中「對」與「錯」不是絕對的,僅用於參考作用。看過之後應該會在設計上精進不少。

01、圖標保持統一性

圖標是UI設計里非常重要的模塊之一,最重要的一點是要保持風格統一。

如果是填充型的圖標,那麼一套設計里不要出現線性的圖標設計。

其次就是描邊大小的統一,定下了3px就要全套保持即可。

最後圖標要做到識別度和差異性。

02、字體運用保持統一

字體合理運用是UI設計很重要的一點,要麼字體很不相同,要麼就用一款字體。

像第一個案例,字體字形比較接近,但是又不是一款字體,看久了會非常突兀。

其次就是要突出主視覺文案的時候,要盡量把輔助字體縮小,形成對比。

03、風格保持統一性

目前最流行的兩種設計方式,第一:扁平化 第二:卡片式。

卡片式最有意思的就是運用投影來模擬現實的距離感和層級。

如果選用卡片式的設計方式,那麼全局盡量都要運用上投影效果,不要一塊卡片,一塊扁平,風格保持統一很關鍵。

04、投影的合理運用

投影選用的顏色正確和錯誤,直接拉低作品的質量。

在工作中,按鈕等控制項使用投影盡量用吸取工具,把主色調提取出來,把明度壓低一些,總這要保持同色系的投影,這樣才會符合視覺邏輯。

其次,如果按鈕上有文字,文字盡量不要純白,記得帶一些同色系的淡淡顏色。

05、圖片類APP排版突破

規則是死的,人是活的。

很多時候,如果需求是比較寬且走文藝氣息的時候,要嘗試突破原則,用一些另類的排版方式,其實也是做好設計的本質。

在圖片類app中,錯落一些的排版會使你的作品更有魅力。

06、適當留白

好的設計,是在最少的元素下還能第一時間突出重點信息。

極簡是一種趨勢,你要減少不必要的元素,或者簡化元素。

不要想著把畫面撐滿就是好的設計,有時候,適當的留白,會給用戶呼吸的空間更重要。

07、正確使用文案

如果經常用第一種方式給客戶看稿件,那麼你很難通過。

做方案時,文案符合標題或者產品主旨才行,其次就是上下間距一般是20-28,一般用24就夠。

千萬不要全部放無關的文案,很拉低你的設計水準。

08、輔助文字的運用

輔助文字的合理運用,也是提升質感和視覺的關鍵點。

如果有一個或者多個主要的視覺要素,那麼輔助的文字大小盡量比主視覺要小,顏色要比主視覺淺。

比如主文字字型大小 24px,輔助視覺就要14-18左右即可。

09、輔助線段的作用

線段的作用,主要是區分信息層級。

所以輔助線段一般採取淺色調處理,千萬不要過重會顯得很臟,拉低整體質感。

10、引導頁風格統一

引導頁的作用,是引導用戶如何使用產品或者提醒更新內容。

不能為了設計而設計,要把握住主題,針對主題進行圖標等元素設計;

比如新增查閱文件夾功能,那麼就要根據文件夾,放大鏡等元素進行設計。

如果用一個掃描儀的元素肯定是錯誤的了。

其次就是風格的統一,如果都是圖標,或者都是圖片,那麼全套都要統一。

還有更多的細節要在項目時自己體會,這樣就會慢慢進步、提升了。今天的教程就結束了,希望大家喜歡。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 海文國際 的精彩文章:

毫不示弱的石家莊學員,迎頭趕上!
6個用於大數據分析的最佳工具你學會了幾個?

TAG:海文國際 |

您可能感興趣

零基礎學習UI設計必須掌握這些
做好下犬式你需要掌握這些小技巧
除了掌握深度學習框架,AI 工程師還需要哪些技能?
想改變一個家的顏值,你一定要掌握這些軟裝搭配技巧!
掌握這些技巧,讓你的手繪更進一步
訓練胸肌中縫,你需要掌握的幾個技巧!
怎樣做一個標準的箭步蹲?這些關鍵技術要點你一定要掌握
去角質技巧有哪些,這些妙招你需要掌握
臉上疤痕修復小技巧 掌握這幾種就夠了
訓練技巧你會幾個?掌握了這些,就能讓你有質的飛躍
掌握好這幾個技巧,可讓拍攝更具立體感!
這幾個常用的過人技巧,你還沒有掌握嗎?
貼完面膜後用洗臉嗎 掌握這些技巧很關鍵
你需要掌握的五個白帽SEO技巧
掌握這些生活小技巧,讓你又瘦又有型
PCB設計之那些你必須要掌握的設計要領
有效提升專註力,你需要掌握這幾種方法
不剪頭髮就能換髮型,只需掌握編髮這個小技能
怎樣才能瘦手指 這些小妙招你要掌握
掌握這三個小技巧,輕鬆搞定營養餐