为4K屏幕设计网站的四个要点
近几年,分辨率经历了一场革命。曾经被视作实验性前言技术的4K屏幕已经成为常态:电视屏幕、电脑显示器,甚至智能手机上都已经有了它的影子。
4K分辨率的显著提高,使得网站设计师必须确保他们制作的网站兼容最新的屏幕。当然如果你采用了响应式设计,这应该不是个大问题。但如果你没有,下面的四个建议值得你好好收藏。
为了让网站在4K屏幕上正常显示,你需要使用可缩放图形。
光栅格式(jpeg、GIF、PNG)的每张图像都包含一个固定像素值,随着尺寸的增大,图片会像素化且变得模糊。可缩放格式,一般指SVG(可缩放矢量图形),是基于几何图形的,这意味着不论大小如何变化,它们仍然能保持清晰。
如果你坚持使用光栅格式,那么你需要使用媒体查询为4K和5K Retina屏幕提供高分辨率照片,为移动设备提供低分辨率照片,以避免在3G和4G连接上出现网站异常的问题。如果你要处理的图片数量很多,Photoshop CC可以同时导出多个尺寸的单个图像。
但是Logo、用户界面工具、按钮等等应该使用SVG格式。这一点可以在Adobe Illustrator、CorelDraw、Affinity Designer等软件里实现。
在思考你的网站在4K屏幕的效果时,请不要忘记高分辨率使得大屏幕越来越受欢迎。
所以,尽管我们才刚刚习惯了1920x1080的显示器,现在我们又必须考虑网站在2560像素宽的显示器的效果了。很多网站在这种显示器上会显得很局促,文本和内容挤在一起,空白过多。
Getty Images的素材库iStock提供大量4K素材
我们的眼睛会很自然地对运动产生反应,这一点是静止的图像我可比你的。视频是抓住网站访问者注意力的热门工具。但无论你是要添加视频标头、视频背景还是视频片段,最好都使用4K视频,这样网站在最新设备上就不会看起来过时了。
现在有很多方便省钱的方式可以拍摄4K视频素材,很多最新款的普通相机、运动相机和智能手机等都有拍摄4K视频的功能。当然,如果你没有时间或者能力自己拍摄,很多素材库也有4K视频可供选择。
要确保你的网站在4K屏幕上表现正常,最好的方法当然是购买一台4K显示器。当然了,一分钱一分货,购买什么价位的产品取决于你自己。
4K分辨率的显著提高,使得网站设计师必须确保他们制作的网站兼容最新的屏幕。当然如果你采用了响应式设计,这应该不是个大问题。但如果你没有,下面的四个建议值得你好好收藏。
01. 使用可缩放图形
图标、logo和其他图形都应该是可缩放的,而不是光栅图形
为了让网站在4K屏幕上正常显示,你需要使用可缩放图形。
光栅格式(jpeg、GIF、PNG)的每张图像都包含一个固定像素值,随着尺寸的增大,图片会像素化且变得模糊。可缩放格式,一般指SVG(可缩放矢量图形),是基于几何图形的,这意味着不论大小如何变化,它们仍然能保持清晰。
如果你坚持使用光栅格式,那么你需要使用媒体查询为4K和5K Retina屏幕提供高分辨率照片,为移动设备提供低分辨率照片,以避免在3G和4G连接上出现网站异常的问题。如果你要处理的图片数量很多,Photoshop CC可以同时导出多个尺寸的单个图像。
但是Logo、用户界面工具、按钮等等应该使用SVG格式。这一点可以在Adobe Illustrator、CorelDraw、Affinity Designer等软件里实现。
02. 考虑在更大屏幕的显示效果
《纽约时报》网站,在大显示器上的效果截屏
在思考你的网站在4K屏幕的效果时,请不要忘记高分辨率使得大屏幕越来越受欢迎。
所以,尽管我们才刚刚习惯了1920x1080的显示器,现在我们又必须考虑网站在2560像素宽的显示器的效果了。很多网站在这种显示器上会显得很局促,文本和内容挤在一起,空白过多。
03. 使用4K视频
Getty Images的素材库iStock提供大量4K素材
我们的眼睛会很自然地对运动产生反应,这一点是静止的图像我可比你的。视频是抓住网站访问者注意力的热门工具。但无论你是要添加视频标头、视频背景还是视频片段,最好都使用4K视频,这样网站在最新设备上就不会看起来过时了。
现在有很多方便省钱的方式可以拍摄4K视频素材,很多最新款的普通相机、运动相机和智能手机等都有拍摄4K视频的功能。当然,如果你没有时间或者能力自己拍摄,很多素材库也有4K视频可供选择。
04. 购买4G显示器
购买一台4K显示器,省去对网站性能的猜测时间
要确保你的网站在4K屏幕上表现正常,最好的方法当然是购买一台4K显示器。当然了,一分钱一分货,购买什么价位的产品取决于你自己。
- 基于用户创新
界面设计日新月异,梦创义坚持基于用户需求的界面创新设计……
- 服务设计思维
互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……
- 洞察用户心理
洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……
- 查看更多 >>
最新新闻Latest News
- 中小型企业网站建设完应该如何营销
- 很多中小型企业往往纠结于以下10个问题:一、我们起步比别人晚,我们的……
- 做企业网站到底做给谁看?
- 设计经常时不时的遇到一些企业客户,常常搞不清楚谁会真正看你的企业网……
- 传统企业进军移动互联网,从移动云网站开始
- 移动互联网是移动通信和互联网融合的产物,其发展的重要基础便是智能手……
- 网站建设和运营五大细节决定用户黏性
- 网站的成功离不开搜索引擎优化,更离不开最基础最根本的用户群体,如何……
- 2015年值得关注的电子商务5大趋势
- 线上线下销售的界线正在变得越来越模糊。在2015年,这一趋势仍将继续。……