別只顧著升級主機了!設(shè)計不順利,可能是顯示器的問題

2018-12-10    用心設(shè)計

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

 

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

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

特別是我們這些Web/UI設(shè)計師,不管是設(shè)計階段還是產(chǎn)出成品的效果,都和顯示器息息相關(guān)的。

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

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

1. 分辨率
2. 色彩
3. 健康
4. 性價比

一. 分辨率

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

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

原圖 1920p*1080

下面我們來比較一下同樣尺寸、不同分辨率的顯示器來展示在PS設(shè)計時的效果??梢灾乜纯淳W(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)同樣大的界面,分辨率越高,畫面越精細,這個從網(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è)計達人網(wǎng)小編用 Retina 屏的 Macbook 和最近在使用的明基BL2420PT對比了下,肉眼是無法看出偏色問題。一般來看,雖然蘋果筆記本并不如藝卓的顯示器那么專業(yè),但是色彩顯示在業(yè)內(nèi)也算口碑標(biāo)桿,由此可見在色彩表現(xiàn)方面,明基這款顯示器的確不錯。

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

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

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

色深:8bits色深,最大色彩達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è)計真是一個“高危”行業(yè),新聞動不動就報導(dǎo)年輕設(shè)計師猝死……所以不僅要給自己買保險,更要選擇一個有益健康的顯示器給自己續(xù)命啊~

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

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

也可以這么矮……

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

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

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

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

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

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

藍藍設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔