1. 程式人生 > >佰新網絡科技有限公司廣州分公司UI設計有哪些基本準則

佰新網絡科技有限公司廣州分公司UI設計有哪些基本準則

知識 理解 影響 兩種 銀行 投影 設計師 字體 聯網

UI設計準則

關於ui的概念及相關知識點,以及ui與當下的人工智能AI的關系,相信有一定工作經驗的設計師或互聯網工作者都能知道一二。但再深入一點了解ui設計工作,就需要知道以下的ui設計基本準則了。ui設計絕對不是很多人口中所說的圖標設計那麽簡單。

1、用色要舒服

App設計中經常會使用到卡片,卡片顏色的使用會直接影響到用戶的視覺感受,因此需要確保用色對用戶而言是舒適的,下圖左側案例卡片的飽和度和名都明顯過稿,這可以當下熱門的app應用中得到參考答案,例如微信、支付寶等,他們在銀行卡設置這一塊用色幾乎出奇一致。

2、采用特殊字體

使用特殊字體可以和其他內容格式上形成區分,從而達到突出的目的,選擇一個好的字體還可以提升視覺的品質,下圖右側案例的利率分別使用了英文字體DIN和DIN 1451 Mittelshrift Alt,這兩種字體的結合使其在視覺上達到了完美的平衡。

3、圖標風格保持一致

圖標是UI設計中的重要組成部分,做好圖標設計很重要的一點就是統一性,此案例中強調的就是圖標復雜程度的統一性,為保證統一性需要減少圖標不必要的細節。

4、遵循格式塔接近原理

根據格式塔接近原理,人在意識上會將彼此靠近的物體看為一組,設計上同樣如此。設計中為了界面的簡潔經常會舍棄分隔線,但如果在間距上沒有區分,就會造成用戶理解的困難,下圖左側案例中用戶就很難判斷哪兩個元素為一組,而右側案例則一目了然。

5、彌散投影的使用細節

真實世界中物體的投影是帶有物體顏色傾向的,設計中也應該如此。將圖片等比例縮小再進行搞死模糊作為投影,這樣能增加投影的細節,使得設計更貼近真實且自然。

6、使用與業務屬性相關的顏色

大多數的業務都有玉器屬性相對應的顏色,使用正確的顏色能幫助用戶降低理解成本,同時這也是設計師對不同業務作出顏色區分的理論依據。

7、信息對齊

對齊的本質是使得界面信息統一且有條理,其目的是提到信息的易讀性。不只是文案信息,ui設計中所有的元素都需要對齊。(之前有些過一篇《版式設計排版方式教程-對齊技巧》)

8、頭像的選擇

選擇頭像時要保證整體的統一性,註意頭像的比例大小以及頭像背景,雖然頭像只是一個很小的細節,但卻能讓你的界面大大的加分,同時也能讓別人看見你作為設計師盡善盡美的態度。

佰新網絡科技有限公司廣州分公司UI設計有哪些基本準則