很多設(shè)計(jì)師為在配置裝備時(shí)，往往只考慮到主機(jī)的性能，然而卻忽略了顯示器，只有工作了一段時(shí)間，才知道顯示器的重要性。比如有時(shí)候顯示器的色彩不夠準(zhǔn)確，辛辛苦苦做的圖，還可能被客戶投訴。

如果說性能好的主機(jī)是設(shè)計(jì)工作的主心骨，那一個(gè)性能好的顯示器更是錦上添花~

那么WEB/UI設(shè)計(jì)師要從那些方面來選擇顯示器呢？

小編認(rèn)為主要從以下四個(gè)方面考慮:

一. 分辨率

現(xiàn)在做天貓電商之類的首頁設(shè)計(jì)，最常用的寬度已經(jīng)去到 1680 – 1920 像素，而 APP UI 界面也要從 @2X 的尺寸做起，如果還在用低分辨率顯示器，會(huì)有著各種不爽。

舉個(gè)例子，設(shè)計(jì)一個(gè)電商首頁，默認(rèn)新建一個(gè)1920*1080像素的畫板，原圖如下：

原圖 1920p*1080

下面我們來比較一下同樣尺寸、不同分辨率的顯示器來展示在PS設(shè)計(jì)時(shí)的效果?？梢灾乜纯淳W(wǎng)頁頁面和PS工具欄的大小~

圖1: 1366*768PX（通常是普通筆記本的分辨率）

和原圖對(duì)比，在PS畫板的可見區(qū)域十分有限，設(shè)計(jì)元素時(shí)，會(huì)非常頻繁地移動(dòng)畫板，我想你移動(dòng)畫板的次數(shù)比設(shè)計(jì)的操作還要多……所以用這分辨率的顯示器就不要用來做設(shè)計(jì)了，只會(huì)受氣，直接淘汰。

圖1

圖2:1680*1080PX（普通顯示器）

基本上可以看到網(wǎng)頁“安全”區(qū)域操作，但不能以100%方式查看全貌，所以這種分辨率也可以淘汰了。

圖2

圖3: 1920*1080PX（普通寬屏顯示器）

嘿，這個(gè)比上面2個(gè)好一點(diǎn)了，幾乎可以看到全貌，但必備要在PS全屏模式下才能看到。所以這種顯示器嘛，還能湊合使用吧。

圖3

圖4: 2560*1440PX（高分屏）

嘿，我想大家也看到了，在這個(gè)分辨率下，不需要縮放、不需要全屏PS就能看到作品全貌，極大提升操作效率。所以 2560*1440 像素是目前WEB/UI設(shè)計(jì)師們的使用分辨率。

圖4

大家會(huì)發(fā)現(xiàn)同樣大的界面，分辨率越高，畫面越精細(xì)，這個(gè)從網(wǎng)頁頁面和PS工具欄的大小就可以明顯看出來~

來個(gè)對(duì)比，只有高分辨率才是正確的設(shè)計(jì)方式^_^

寬屏還有其它優(yōu)點(diǎn)的，比如雙屏操作，這對(duì)于寫代碼時(shí)可非常方便，一邊寫前端代碼，另一邊可以預(yù)覽網(wǎng)頁效果。

說到寫代碼，就不得不說到顯示器的旋轉(zhuǎn)功能了。旋轉(zhuǎn)顯示設(shè)計(jì)，比如小編最近在使用的明基BL2420PT顯示器就有這個(gè)強(qiáng)大功能，可以把屏幕90度旋轉(zhuǎn)，一次可以看幾百行代碼也不是問題……

有時(shí)候要做一些天貓?jiān)斍轫?，橫屏設(shè)計(jì)時(shí)兩側(cè)的空白會(huì)浪費(fèi)空間，并且不方便把控頁面的整體情況。但是豎屏操作的話就會(huì)很方便了~

二、色彩

幾乎每個(gè)設(shè)計(jì)師都會(huì)遇到“色差”問題，而小編覺得要徹底地解決色差問題，最最好的方法還是提高設(shè)計(jì)師的能力啦。

但是磨刀不誤砍柴工，無論是新手還是經(jīng)驗(yàn)豐富的設(shè)計(jì)師們，一臺(tái)色彩準(zhǔn)確的顯示器一定可以幫助設(shè)計(jì)師們事半功倍。畢竟色彩好的顯示器才能顯示出作品的效果！

更何況像我們做Web設(shè)計(jì)或者UI設(shè)計(jì)，設(shè)計(jì)成品一般會(huì)在其他顯示器上顯示，所以對(duì)顯示器色彩的還原度要求還是比較高的~

這是同一張圖片在專業(yè)顯示器和普通顯示器上顯示的對(duì)比圖：

這張圖片可以明顯看出，與專業(yè)顯示器相比，普通顯示器的色差真的很明顯。

因?yàn)楫?dāng)設(shè)計(jì)師自己顯示器的色彩不精準(zhǔn)時(shí)，如果客戶顯示器色彩精準(zhǔn)，那就很尷尬了；而如果客戶顯示器色彩也不精準(zhǔn)，那色差就會(huì)更大了?。?！

色彩方面，設(shè)計(jì)達(dá)人網(wǎng)小編用 Retina 屏的 Macbook 和最近在使用的明基BL2420PT對(duì)比了下，肉眼是無法看出偏色問題。一般來看，雖然蘋果筆記本并不如藝卓的顯示器那么專業(yè)，但是色彩顯示在業(yè)內(nèi)也算口碑標(biāo)桿，由此可見在色彩表現(xiàn)方面，明基這款顯示器的確不錯(cuò)。

同時(shí)，我特地參考了一些考量顯示器色彩的重要參數(shù)，BL2420PT的色彩的確達(dá)到了專業(yè)級(jí)別：

色域：100%sRGB。參考下圖，一般顯示器的色域是96%~98%sRGB。假如色域無法達(dá)到100%，那這個(gè)顯示器就不能完全顯示所有顏色。

而BL2420PT的色域達(dá)到100%,色彩就足夠豐富了。

色深：8bits色深，最大色彩達(dá)1670萬，色彩過渡均勻。

參照下圖，色深值越高，圖像表現(xiàn)的色彩也越多，由此一來，色彩的過渡會(huì)更加均勻，圖像就不會(huì)出現(xiàn)顏色斷層的問題了。

色準(zhǔn)： △E＜3，色彩更加精準(zhǔn)，最大限度降低偏色問題。

△E是一個(gè)衡量色準(zhǔn)的值，顯示器△E值越低，色彩的精準(zhǔn)度越高?？梢詤⒖枷旅娴膱D片，△E越高，色差就越明顯。

另外，這款顯示器還有好多專業(yè)的畫面模式，例如“M-Book”模式可以一鍵還原蘋果色，因?yàn)檫@款顯示器本身采用的是標(biāo)準(zhǔn)的sRGB色彩，蘋果電腦的色彩與之相比會(huì)稍微偏艷麗，因此”M-Book”模式能讓顯示器更適合蘋果用戶~

三、健康

設(shè)計(jì)師工作時(shí)需要長時(shí)間坐在屏幕前，頸椎、腰椎有時(shí)候會(huì)不舒服，長時(shí)間盯著顯示器看作圖，有時(shí)候還會(huì)加班到深夜，眼睛疲勞酸澀那是經(jīng)常的事情。

所以選擇顯示器的時(shí)候，最好還要考慮“健康”的問題。畢竟設(shè)計(jì)真是一個(gè)“高?！毙袠I(yè)，新聞動(dòng)不動(dòng)就報(bào)導(dǎo)年輕設(shè)計(jì)師猝死……所以不僅要給自己買保險(xiǎn)，更要選擇一個(gè)有益健康的顯示器給自己續(xù)命啊~

頸椎、腰椎保護(hù)：建議選擇可以大范圍旋轉(zhuǎn)和升降的顯示器。

比如小編的明基BL2420PT顯示器可以升這么高

也可以這么矮……

建議最佳調(diào)整高度是屏幕中心與眼睛能夠平視。

眼睛保護(hù)：長時(shí)間盯著屏幕，甚至忘記工作環(huán)境的光線變化，眼睛疲勞，視力易受損。

建議選擇能減少閃屏及有藍(lán)光模式的功能顯示器。

小編使用的顯示器目前還有一個(gè)護(hù)眼功能，可以根據(jù)當(dāng)前環(huán)境光自動(dòng)調(diào)節(jié)屏幕亮度。開啟這個(gè)功能也是超級(jí)簡單的，只要和上圖那樣，按屏幕邊框上的觸摸按鍵，開啟“眼睛保護(hù)”，就可以智能調(diào)光了~

但有個(gè)缺點(diǎn)就是，每次開機(jī)，屏幕都是最亮的，然后再慢慢變暗……

不過瑕不掩瑜，顯示器能自動(dòng)調(diào)節(jié)亮度，也算是幫了一個(gè)大忙~畢竟每次工作都廢寢忘食的，天黑都不知道，屏幕太亮好怕眼瞎QAQ