我為什麼設計圖要做2X的?（基於2015年）

01-31

前幾天在 Medium 上面看到了一片文章：Design at 1x—It』s a Fact，作者說了為什麼要做1X設計稿的 7 個理由，不過我卻不這麼認為，我覺得設計稿應該設計當前主流解析度的大小，那麼就是 iOS 的你應該設計750X1334px, 而 Android 你應該設計 1080X1920px（或者720*1280px），下面我說說我的看法。

1. 為最多的設備設計

現在所有的手機都是 Retina 解析度了，而你設計的2x/3x 就是最終用戶看到的樣子，能更好的預覽你的設計。

數據來自友盟指數

2. 關注更細緻的細節設計

如果你用的是1x 的設計，那麼也就意味著你能發揮的畫布就縮小了一半，也就失去了更多的細節表現，比如分割線樣式、形狀圖層屬性等, 有時甚至會出現錯誤。

相同的參數卻有不同的結果，2x細節更好

3. 繪製 icon 發揮的空間更大，更容易控制

當我們繪製的 icon 的時候，2x其實就相當於畫了一個2倍尺寸1x的 icon，無論是細節還是對齊方式都更加的輕鬆，更多的發揮餘地。

icon越大細節可以越多

4. 文檔更好的協作

現在也不是每個人設計都是使用 Sketch 的，很多的人還在使用 Photoshop，而使用Photoshop的設計師是不可能做1px的（因為Ps無法自動生成2倍的預覽圖), 這樣為了與小夥伴更好的協作，應該用最具兼容性的尺寸去做設計。

5. 會出現很多的 0.5

大家都知道，幾年前在做320x480的1x 設計稿的時候，經常分割線都是使用1px，而到了2x 設計的時候依然使用1px的分割線，這樣會讓界面更加的精緻，如果我們用1x的方式設計的話，將會出現非常多的0.5個單位，無論是描邊還是分割線，作為一個有潔癖的設計師是無法忍受的！

6. 點陣圖更好的處理和保存

當我們做設計的時候，經常都會處理點陣圖，用來做設計的填充、設計氛圍等，如果我們用1x 設計好後，用Ps處理到最佳的樣式（Sketch在點陣圖處理上的能力基本是0 ），那麼等到你要切成2x的時候才發現，他們太小了，在 iPhone6上看到的非常粗糙，但是你又無法無損的將它們拉大，那麼為何不一開始就都做 2x 的尺寸呢？

電商類的設計影響最大，因為很多氛圍類的設計。

7. 自動標註軟體的輸出內容更易讀

讓我去使用 Sketch 去設計的一個非常重要的原因是我擺脫了痛苦的標註工作，無論是Alibaba UED出品的Marketch ，還是 utom 出品的 Measure，都是非常好用的，但是當你做設計圖是1x的時候你會發現導出的標註非常擁擠，易用性會大打折扣。

1x已經基本無法看清原按鈕了（這個是導出來的標註圖片）

相信這 7 點已經讓你無法再繼續用1x 的去做設計稿了吧？

還是不行？

嗯，請從頭再看一遍。

題圖來自 iPad Pro 的蘋果官方宣傳視頻截圖

因為踩過坑，所以才有這樣的建議，歡迎大家留言討論。