联系我们 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
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开