近年来,个人电脑和笔记本电脑的主流显示分辨率很长时间都是1920 x 1080(全高清),对于文字处理用户来说似乎已经足够了。但是对于电竞玩家来说,追求画质是一条不归路,所以市场上慢慢出现了显示分辨率为3840 x 2160 (4K)的高端屏幕。当然,玩家不仅会使用电脑屏幕玩视频游戏和观看电影,还会使用互联网和浏览网页。
另一个使用高端显示器的群体是iMacs的用户。对于2017年生产的iMacs来说,显示器的质量已经达到了令人难以置信的5120 x2880(5K)。如果你路过苹果的展览中心,你会对5K显示器印象深刻。
如果没有特殊设计,一般网页在超高分辨率显示器上会看到密密麻麻的图片和文字,左右两边的块会非常突出,非常不好看。那么,你设计过适合这些特殊族群的网站吗?以下是超高分辨率显示器和网页设计的一些设计建议。
(超高分辨率的超高清远高于全高清,图片来源:维基百科)
[div][div]
高分辨率屏幕显示传统网页,可能存在字体过小、图片过小等问题(图片为模拟知名科技网站Cool3C engadget的浏览器)
使用超高分辨率的框架
网页设计师经常使用的框架可以加快设计速度,其中一些已经有超高分辨率的支持。然而,许多流行的框架,如bootstrap,没有直接的支持,所以它们必须通过额外的程序修改来支持。
[div][div]
使用高清照片或电影素材。
网页设计中使用的照片和图片大多不需要太高的分辨率,图片适度压缩不会影响整个网站的视觉质量。然而,在4K或5K超高分辨率屏幕上,分辨率不足或过度压缩很容易被视为缺陷。使用分辨率更高的高清图片,精心使用压缩技术,能让用户耳目一新,印象深刻。
[div][div]
用矢量元素设计
传统的Jpg和Png图片会受到显示器大小的影响,但是新一代的矢量元素设计已经得到了大量主流浏览器的支持。比如后起之秀SVG,非常适合设计界面、菜单、网页动画等元素。SVG的设计制作越来越简单,大部分网页设计师都可以轻松驾驭。
[div][div]
买个4K电视或者屏幕。
如果你没有使用过4K或5K屏幕观看网站,可能很难意识到网页上的文字和图片太小的问题。最好的方法是得到一个4K显示器或电视,实际上看看有什么需要改进的地方。近年来,显示器的价格并不贵。相对于两三万元的智能手机,一万元左右买一台4K显示器其实还是挺划算的。
[div][div]
结论:首选手机,有超高分辨率可以考虑规划。
超分辨率网页设计支持对前端网页设计师来说是一个技术挑战,也能显示网站的技术实力。不过超分辨率的用户还是少数。据全球知名网络统计网站Statcounter统计,全高清(1920 x 1080)尺寸以下的显示器占据了80%的市场,而另外20%的未知分辨率可能属于超高分辨率族群。换句话说,尽力改善80%族群使用的形象,是一个不错的成绩。
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/86243.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除