Hello,大家好 我是一只快要没有毛了的卷毛~ 今天呢我为大家分享一下TV端 Ui的一些小姿势
在做需求的时候碰到了一些小问题 跟大家分享一下～
在做电视UI时跟手机界面不同得是不分一倍二倍三倍图的～刚入行的卷毛并不知道这个就一直在纠结于 我导出几倍图。。。今天就跟大家普及一下关于电视作图基准以及关于插件应用时出现的问题～
电视有一项非常重要的参数就是分辨率，它在某种程度上决定着所观看影片和图像的清晰度影响着用户的观感体验。随着人们对影音体验要求的不断提升4k，8k呼之欲出。但现在目前为止较为主流的电视分辨率还是1080p。
标清：是物理分辨率在1280P*720P以下的一种视频格式，是指视频的垂直分辨率为720线逐行扫描。具体的说，是指分辨率在400线左右的VCD、DVD、电视节目等“标清”视频格式，即标准清晰度。
高清（HD、720p）：1280*720分辨率，高清的标准，国际上公认的有两条：视频垂直分辨率超过720p或1080i；视频宽纵比为16：9。
全高清（FHD、1080p）：1920*1080分辨率，p代表逐行扫描（1080i，隔行扫描，在播放时，它先扫描单数的垂直画面，再扫描双数的垂直画面，故只需要1080p一半的带宽。）
4k（UHD）：4K分辨率即4096×2160的像素分辨率，它是2K投影机和高清电视分辨率的4倍，属于超高清分辨率。在此分辨率下，观众将可以看清画面中的每一个细节，每一个特写。影院如果采用惊人的4096×2160像素，无论在影院的哪个位置，观众都可以清楚的看到画面的每一个细节，影片色彩鲜艳、文字清晰锐丽，再配合超真实音效，这种感觉真的是一种难以言传的享受。4K分辨率是指水平方向每行像素值达到或者接近4096个，多数情况下特指4096*2160分辨率。而根据使用范围的不同，4K分辨率也有各种各样的衍生分辨率，例如Full Aperture 4K的4096*3112、Academy 4K的3656*2664以及UHDTV标准的3840*2160等，都属于4K分辨率的范畴。
虽然4k很流行，但是现在主流的TV分辨率依旧为1080P，所以在做电视UI时，按照1920*1080的尺寸做然后直接导出1x的图就好了不需要2x和3x的图（我用的sketch）。。。刚入行的卷毛儿不知道，死磕手机UI套路，闹了一点小乌龙。。。
在做项目的H5时用到了一个叫sketch measure的插件
在做H5时我做图的尺寸为iphone7（375*667）的尺寸，然后导出标注的时候我就按照标准像素导出的。。。结果开发小哥哥就说他需要的尺寸是750*1334的尺寸，研究了半天发现 只有标准尺寸是px单位，其他的都是dp为单位的...他只能自己手动计算二倍的尺寸，这可是要给开发小哥哥增加了不少工作量呢...于是机智的卷毛就回来研究这个神奇的插件！最终被卷毛发现了这个破解方法（由于项目还没上线，卷毛暂时用其他图片给大家做示范）
直接导出时标准像素就为375*667
点击小齿轮，在倍率处将1改为0.5(注意：要把输入法改为英文）
这时，在查看就会发现标注尺寸变成750*1334的了～
开发小哥哥再也不用手动计算尺寸了～
今天的经验总结就这些～有不懂的可以留言问卷毛喔～
点赞➕关注喔～
爱你们 啾咪～
网友评论