雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

大屏ui設(shè)計(jì)技巧,讓你的設(shè)計(jì)更出彩

Time: 2020-02-10

隨著科技的不斷發(fā)展,越來越多的移動(dòng)設(shè)備都是往大屏的方向發(fā)展,因此ui設(shè)計(jì)也隨之開啟了大屏的ui設(shè)計(jì)新時(shí)代,下面我們跟隨小編一起來了解一下大屏ui設(shè)計(jì)的相關(guān)資料吧。

  大屏ui設(shè)計(jì)之拼接大屏

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

大屏ui設(shè)計(jì)

(圖片來自網(wǎng)絡(luò))

  大屏ui設(shè)計(jì)之設(shè)計(jì)尺寸

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

  大屏ui設(shè)計(jì)之視覺設(shè)計(jì)

  首先要理解需求,整合數(shù)據(jù),分析主要數(shù)據(jù)的次要數(shù)據(jù)、總量數(shù)據(jù)的細(xì)分?jǐn)?shù)據(jù)、各數(shù)據(jù)的維度等,通過理解這些,首先可以設(shè)計(jì)版面設(shè)計(jì)的模板,也可以畫在紙上,版面設(shè)計(jì)在設(shè)計(jì)過程中隨時(shí)調(diào)整。

  大屏ui設(shè)計(jì)之設(shè)計(jì)風(fēng)格

  大屏可視化的背景色通常使用深色系調(diào),因?yàn)樯钌珪?huì)造成人們的緊張感,可以讓視覺更好的聚焦,大屏可視化使用暗色調(diào)讓屏幕看上去不那么刺眼,會(huì)柔和些,也是比較省電的。

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

525f7e64e8352_500.jpg

(圖片來自網(wǎng)絡(luò))

  大屏ui設(shè)計(jì)之臨近原則

  在界面中把相近的信息放在一起可以幫助用戶快速理解,把相關(guān)的信息放的更近一些,不要將相關(guān)信息分散在界面上,對相關(guān)內(nèi)容進(jìn)行可視化分組。

  大屏ui設(shè)計(jì)之留白

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

  其實(shí)小編覺得只要掌握了以上的設(shè)計(jì)技巧和一定的專業(yè)基礎(chǔ),大屏ui設(shè)計(jì)并沒有大家想象中的那么復(fù)雜,設(shè)計(jì)小白也可以輕松完成哦!


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

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