產品設計 ? 別只顧著升級主機了!設計不順利,可能是顯示器的問題

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

發表于: 產品設計. 評論
Sponsor

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

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

特別是我們這些Web/UI設計師,不管是設計階段還是產出成品的效果,都和顯示器息息相關的。

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

小編認為主要從以下四個方面考慮:

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

一. 分辨率

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

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

原圖 1920p*1080

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

圖1:?1366*768PX(通常是普通筆記本的分辨率)

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

圖1

圖2:1680*1080PX(普通顯示器)

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

圖2

圖3:?1920*1080PX(普通寬屏顯示器)

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

圖3

圖4:?2560*1440PX(高分屏)

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

圖4

大家會發現同樣大的界面,分辨率越高,畫面越精細,這個從網頁頁面和PS工具欄的大小就可以明顯看出來~

來個對比,只有高分辨率才是正確的設計方式^_^

寬屏還有其它優點的,比如雙屏操作,這對于寫代碼時可非常方便,一邊寫前端代碼,另一邊可以預覽網頁效果。

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

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

二、色彩

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

但是磨刀不誤砍柴工,無論是新手還是經驗豐富的設計師們,一臺色彩準確的顯示器一定可以幫助設計師們事半功倍。畢竟色彩好的顯示器才能顯示出作品的效果!

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

這是同一張圖片在專業顯示器和普通顯示器上顯示的對比圖:

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

因為當設計師自己顯示器的色彩不精準時,如果客戶顯示器色彩精準,那就很尷尬了;而如果客戶顯示器色彩也不精準,那色差就會更大了?。?!

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

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

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

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

色深:8bits色深,最大色彩達1670萬,色彩過渡均勻。

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

色準: △E<3,色彩更加精準,最大限度降低偏色問題。

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

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

三、健康

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

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

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

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

也可以這么矮……

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

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

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

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

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

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

四、性價比

如果你是土豪那這個問題可以忽略不計~

但如果你只是剛入行的設計師,設備的性價比問題還真是要好好考慮一下了。畢竟我們web/UI設計師也不是什么高收入群體(一把辛酸淚),當然是希望入一個又好用又便宜的顯示器了~

關于價格方面,下面給大家個參考吧。

? 有充足預算,直接上 iMac 5K(1-2萬元)

? 有點預算,4K屏(3000-10000元)

? 預算只有一點點,2K屏(1000-3000元)

但有個問題就是,入了4K及以上的顯示器后,還要考慮主機顯卡能不能帶得動。如果顯卡不過關,打開那么多軟件跑都跑不動,那也是浪費了一個好顯示器啊~

小編使用的明基BL2420PT僅需1599元!完全可以把預算節省下來提高主機性能了!

話不多說,小編為大家謀了一些福利:

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }