ui設計是當下最流行的設計,很多ui設計者在設計ui界面的時候有很多自己的想法,那大家知道他們的ui設計為什么會做得這么好嗎?今天就讓小編為大家介紹做好ui設計圖細節的方法。
做好ui設計圖細節的方法
1、保持元素清晰
在設計過程中可以稍微使用一些恰當合適的陰影,來保證當前設計與背景能夠清晰可見,但是一定要避免復雜的陰影,這會起到反作用。
2、使用一種字體
在設計一套新的UI界面時候,最好能保持一種字體,這樣能夠讓界面更加輕量化的同時,也能保持和好的品質感。盡量避免使用2種以上的字體,你可以通過粗細、大小、或者顏色來區分層級!
3、長文內容,使用20pt的字號
對于長篇內容(例如博客文章,說明類),請嘗試在文內中選擇20pt字號(甚至更大)。當然,這取決于所選擇的字體,但是大多數常用的字體在20pt時效果都很好,同時當面對大量文字時候,這樣可為用戶帶來更好的閱讀體驗。以前使用的18pt字號體驗非常不好。
4、優化導頁操作細節
放置底部可以使用戶隨時跳過您的Mobile App Onboarding登錄,如果是放置頂部,用戶觸摸相對來說比較麻煩。
5、保持一致的光源
確保您的陰影始終僅來自一個光源。如下圖所示,右側日歷投影就存在光源不一致,一些剛開始學設計的小伙伴可能就會忽略這種細節問題!因此一定要注意。

ui設計圖(圖片來自網絡)
6、通過疊加改善對比度
有時候我們在使用圖片作為背景承載前面文字信息時候,圖片背景過亮了,因此我們可以稍微疊加一些品牌色漸變暗色來提高文字閱讀性!
7、適度使用居中排版
可以嘗試在少量一些卡片排版中使用居中對齊排版,對于其他的設計,盡量使用左對齊排版方式!
8、合理的間距系統
在設計排版過程中,確保元素排版有呼吸空間,盡量避免文字多的地方,間距很小,可以用留白來區分層級,切勿亂使用空白。
9、注意對比度
在淺色背景下設計時候,避免使用過淺的文本淺。這樣會導致閱讀比較累,但是依然還有不少伙伴這樣來做,因此我推薦給大家一個數字,比如正文本是#333333,那么第二級文本可以用#888888。
10、減少顏色數量
在界面設計中,為了能讓界面看起來比較清晰,品牌調性突出,盡量使用品牌色配合黑白灰來設計界面層級。
ui設計原則是怎樣的
1、簡易性:界面的簡潔是要讓用戶便于使用、便于了解產品,并能減少用戶發生錯誤選擇的可能性。
2、用戶語言:界面中要使用能反映用戶本身的語言,而不是游戲設計者的語言。

ui設計圖(圖片來自網絡)
3、記憶負擔最小化:人腦不是電腦,在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩定,24小時內存在約25%的遺忘率。所以對用戶來說,瀏覽信息要比記憶更容易。
4、一致性:它是每一個優秀界面都具備的特點。界面的結構必須清晰且一致,風格必須與產品內容相一致。
5、清楚:在視覺效果上便于理解和使用。
6、用戶的熟悉程度:用戶可通過已掌握的知識來使用界面,但不應超出一般常識。
7、從用戶習慣考慮:想用戶所想,做用戶所做。用戶總是按照他們自己的方法理解和使用。通過比較兩個不同世界(真實與虛擬)的事物,完成更好的設計。如:書籍對比竹簡。
8、排列:一個有序的界面能讓用戶輕松的使用。
9、安全性:用戶能自由的作出選擇,且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統的提示。
10、靈活性:簡單來說就是要讓用戶方便的使用,但不同于上述。即互動多重性,不局限于單一的工具(包括鼠標、鍵盤或手柄、界面)。
11.人性化:高效率和用戶滿意度是人性化的體現。應具備專家級和初級玩家系統,即用戶可依據自己的習慣定制界面,并能保存設置。
以上就是小編為大家介紹的關于ui設計圖的相關內容。ui設計圖很大程度上體現ui設計師的設計理念和技巧,因此注意這些細節和原則,ui設計圖才更有創意。


在微信中搜索faceui