随着科技的不断发展,越来越多的移动设备都是往大屏的方向发展,因此ui设计也随之开启了大屏的ui设计新时代,下面我们跟随小编一起来了解一下大屏ui设计的相关资料吧。
大屏ui设计之拼接大屏
在市场上的大屏多数是拼接屏幕,用户界面设计不需要考虑屏幕间隙来影响内容的呈现。内容不会丢失,但视觉性能可能会受到影响。例如,一个大的字符图像被间隙的中心“分割”成两半,或者眼睛被“分割”,这看起来很不舒服。因此,可以在设计期间建立间隙位置的参考线,以避免这种情况。所(现在企业常用的有无缝隙、1.7mm缝隙、3.5mm缝隙、三种拼接大屏,缝隙越小越贵)。
(图片来自网络)
大屏ui设计之设计尺寸
每个拼接的小屏幕一般为16:9高清屏幕,设计尺寸可设定上下高度为1080像素,长度可根据拼接屏幕的数量比例获得。例如3乘5的一块大屏幕,高度3块屏设为1080,每块高就是360,360除9乘16等640,640就是一块屏幕的长度,640乘5块屏=3200最后得出设计稿尺寸就是:高1080px乘宽3200px。
大屏ui设计之视觉设计
首先要理解需求,整合数据,分析主要数据的次要数据、总量数据的细分数据、各数据的维度等,通过理解这些,首先可以设计版面设计的模板,也可以画在纸上,版面设计在设计过程中随时调整。
大屏ui设计之设计风格
大屏可视化的背景色通常使用深色系调,因为深色会造成人们的紧张感,可以让视觉更好的聚焦,大屏可视化使用暗色调让屏幕看上去不那么刺眼,会柔和些,也是比较省电的。
其实可视化大屏的UI设计并不只是一个简单的设计,其核心就是要以展示数据为核心,不管在多么炫目的情况下都不会影响数据的展示。而目前的软件已具备了很多成熟的数据系统模式,在进行可视化大屏的研发和测试阶段都可运用。
(图片来自网络)
大屏ui设计之临近原则
在界面中把相近的信息放在一起可以帮助用户快速理解,把相关的信息放的更近一些,不要将相关信息分散在界面上,对相关内容进行可视化分组。
大屏ui设计之留白
留白是为了让界面有呼吸感,它使得用户在使用你的界面时能够有出喘息的空间。当用户查看需要的信息时,界面中的留白能够吸引用户的目光,提升用户体验。减少留白会使用户的界面变得混乱,使用留白能对信息进行可视化分组,留白太少简直就是在鼓励你的用户尽快离开。
其实小编觉得只要掌握了以上的设计技巧和一定的专业基础,大屏ui设计并没有大家想象中的那么复杂,设计小白也可以轻松完成哦!