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

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

大屏ui設計技巧,讓你的設計更出彩

Time: 2020-02-10

隨著科技的不斷發展,越來越多的移動設備都是往大屏的方向發展,因此ui設計也隨之開啟了大屏的ui設計新時代,下面我們跟隨小編一起來了解一下大屏ui設計的相關資料吧。

  大屏ui設計之拼接大屏

  在市場上的大屏多數是拼接屏幕,用戶界面設計不需要考慮屏幕間隙來影響內容的呈現。內容不會丟失,但視覺性能可能會受到影響。例如,一個大的字符圖像被間隙的中心“分割”成兩半,或者眼睛被“分割”,這看起來很不舒服。因此,可以在設計期間建立間隙位置的參考線,以避免這種情況。所(現在企業常用的有無縫隙、1.7mm縫隙、3.5mm縫隙、三種拼接大屏,縫隙越小越貴)。

大屏ui設計

(圖片來自網絡)

  大屏ui設計之設計尺寸

  每個拼接的小屏幕一般為16:9高清屏幕,設計尺寸可設定上下高度為1080像素,長度可根據拼接屏幕的數量比例獲得。例如3乘5的一塊大屏幕,高度3塊屏設為1080,每塊高就是360,360除9乘16等640,640就是一塊屏幕的長度,640乘5塊屏=3200最后得出設計稿尺寸就是:高1080px乘寬3200px。

  大屏ui設計之視覺設計

  首先要理解需求,整合數據,分析主要數據的次要數據、總量數據的細分數據、各數據的維度等,通過理解這些,首先可以設計版面設計的模板,也可以畫在紙上,版面設計在設計過程中隨時調整。

  大屏ui設計之設計風格

  大屏可視化的背景色通常使用深色系調,因為深色會造成人們的緊張感,可以讓視覺更好的聚焦,大屏可視化使用暗色調讓屏幕看上去不那么刺眼,會柔和些,也是比較省電的。

  其實可視化大屏的UI設計并不只是一個簡單的設計,其核心就是要以展示數據為核心,不管在多么炫目的情況下都不會影響數據的展示。而目前的軟件已具備了很多成熟的數據系統模式,在進行可視化大屏的研發和測試階段都可運用。

525f7e64e8352_500.jpg

(圖片來自網絡)

  大屏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
或保存二維碼在微信中打開