雷火电竞首页-中国电竞赛事及体育赛事平台

聯系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

大屏ui設計,新手小白必備設計手冊

Time: 2020-02-27

大屏ui設計與普通ui設計是有一定差別的,因為大屏展示設備面積較大,對人的視覺影響也不一樣,所以它的ui設計也是有技巧的,下面我們跟隨小編一起來了解一下大屏ui設計的相關資料吧。

大屏ui設計技巧:

一、區分層級

一個非常常見的錯誤就是設計師沒有對信息區分層級,所有的內容看起來都一樣重要。可以嘗試使用組件的大小和位置來區分數據的層次結構。通過定義信息層級,讓用戶清楚什么是最重要的,

在左上角顯示更重要的信息,沿著對角線方向,信息的重要程度應該依次減弱,右下角的信息重要性最弱,還可以將信息劃分為不同類別,并在不同的視圖中顯示它們。


大屏ui設計_374847501.png

(圖片來自網絡)

二、簡單易懂

數據可視化的真正目的是用一種更方便理解,更簡單的形式來傳達復雜信息。不要放一些大多數用戶都難以理解的信息,使用更少的列來顯示信息,刪除冗余內容來減少混亂。

三、一致性

使用一致性布局設計的數據可視化界面看起來更好。為了使界面更容易閱讀,可以在信息組之間使用類似的可視化效果。把相關的信息放的更近一些,對相關內容進行可視化分組。

四、臨近原則

ui界面設計時把相近的信息放在一起可以幫助用戶快速理解。把相關的信息放的更近一些,不要將相關信息分散在界面上,對相關內容進行可視化分組。

五、對齊

可視化組件元素需要在視覺上對齊,并保持視覺平衡。將可視化組件元素在視覺上進行對齊,可以將界面組織的更好,嘗試將組件元素進行網格布局設計,不對齊的界面會給用戶帶來糟糕的體驗。

六、留白

留白是為了讓界面有呼吸感,它使得用戶在使用你的界面時能夠有出喘息的空間。當用戶查看需要的信息時,界面中的留白能夠吸引用戶的目光,提升用戶體驗。減少留白會使用戶的界面變得混亂,使用留白能對信息進行可視化分組,但是如果留白太少,簡直就是在鼓勵你的用戶盡快離開。


大屏ui設計_3748471104.png

(圖片來自網絡)

七、顏色

使用有效的配色方案來吸引用戶的注意力,幫助他們輕松地瀏覽信息。仔細選擇顏色,目標是使內容易于閱讀。使用大對比度來顯示背景上的視覺元素。避免使用低對比度和低效的漸變,背景色一般用深色調,深色調緊張感強,讓視覺更好的聚焦,大屏暗色調看上去更柔和舒服不刺眼,也會較省電。

八、字體

標準字體是可視化界面中的最佳字體,除非有特別的理由,一般不要用其他字體。使用標準字體,因為它們更容易閱讀和掃描。特別和美術字體可能看起來不錯,但很難理解,避免所有的大寫字母文字,因為它很難閱讀,人類的大腦需要時間來消化它。使用合適的字體大小和風格,有效地傳達信息,不要使用影響可讀性的字體。

其實大屏ui設計還是非常有技巧性的,因此只要掌握好了大屏的ui設計技巧以后,就算是新手小白設計師也可以獨立完成大屏的ui設計工作哦!


合作咨詢

上海(總部)

上海市浦東新區郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開