这几年个人电脑、笔记电脑主流显示器解析度为1920 x 1080 (Full HD)已经很长一段时间，对文书处理用户来说似乎是够用了。不过对于电竞玩家来说，追求画质是一条不归路，所以市场上慢慢出现了显示器解析度为3840 x 2160 (4K)等级的高阶萤幕。当然玩家不会只使用电脑萤幕打电玩、看电影，也是会使用网路与浏览网页。

另外一个使用高阶显示器的族群是iMac的用户，以2017年生产的iMac来说，显示器的品质就已经来到了不可思议的5120 x2880(5K)，若您有路过Apple的展示中心，必定会对5K显示器留下深刻的印象。

一般的网页若无经过特殊的设计，在超高解析度的显示器上，会看到密密麻麻的图片与文字，而左右边的区块也会十分突显，是非常不美观的。那么，您是否已经为这一些特殊族群，设计出适合他们的网站呢？以下是我们针对超高解析度显示器，网页设计所做出的一些设计建议。

(超高解析度Ultra HD比Full HD的品质高出许多，照片来源: 维基百科)

超高解析度萤幕显示传统网页，可能会出现字体过小、图片过小等问题(图片为浏览器模拟 知名科技网站Cool3C瘾科技)

使用具有超高解析度的框架

网页设计师常常用到的框架(freamwork)能够加速设计，其中部份的框架已经具有超高解解析度的支援，不过许多热门框架，例如bootstrap是没有直接支援，必须要透过额外的程式修改才能支援。

使用高清的照片或影片素材

设计网页时使用的照片、图片解析度大多不须太高，适度压缩图片也不会影响整个网站的视觉品质，但是在4K或5K的超高解析度萤幕上，解析度不足或过度压缩都很容易被看出瑕疵。使用更高解析度的高清图片，谨慎使用压缩的技术，可以让用户耳目一新，留下深刻的印象。

使用向量元素设计

传统的Jpg、Png图片会受到显示器的尺寸影响，但是新一代的向量元素设计，已经大量的被主流的浏览器所支援，例如SVG这个明日之星，十分的适合用来设计界面、选单、网页动画等元素，SVG的设计製作也越来越简单，大部分的网页设计师都能轻易的驾驭他。

买一台4K电视或萤幕

如果你没用过4K或5K萤幕观看网站，可能很难体会到网页文字与图片过小的问题，最好的方式就是弄一台4K显示器或是电视，实际看看究竟该做出什么改进。这几年显示器的价格都不昂贵，比起智慧手机动辄两三万元来说，一万元左右就能够买到一台4K显示器其实是蛮划算的。

结论：手机优先，超高解析度有余力时可考虑规划

超高解析度的网页设计支援，是对前端网页设计者技术的一种挑战，也能够展现网站的技术实力，不过超高解析度的用户至今仍是少数。根据全球知名的网路数据统计网站Statcounter指出，Full HD (1920 x 1080)尺寸以下的显示占了市场80%，而另外20%未知的解析度可能就是属于超高解析度的族群，也就是说，能够尽力将80%的族群使用的画面完善，已经是不错的成果。