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

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

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

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

一. 分辨率

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

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

原圖 1920p*1080

下面我們來比較一下同樣尺寸、不同分辨率的顯示器來展示在PS設(shè)計時的效果。可以著重看看網(wǎng)頁頁面和PS工具欄的大小~

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

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

圖1

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

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

圖2

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

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

圖3

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

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

圖4

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

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

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

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

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

二、色彩

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、健康

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

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

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

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

也可以這么矮……

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

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

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

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

但有個缺點就是，每次開機，屏幕都是最亮的，然后再慢慢變暗……

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