Retina MBP 上使用 Photoshop CC 或 CS6 for Retina 的 web @2X 設計稿尺寸的設計技巧？

01-26

我的工作平台是 Mac OS，在用的是一台 Retina MBP 15 inch。最近開始使用 PS CC 來設計 web 視覺稿和移動設備應用的視覺稿，在使用過程當中遇到一些問題，想看看大家都是怎麼解決的。
1、創建一個 1200x800 的新文檔，發現圖形的尺寸只有之前 PS CS6 中的一半大小，所以如果要做web頁面，得創建 2x 大小的新文檔，這樣的話，所有控制項在設計時都得心算 2x，比如要做一個瀏覽器中顯示為寬 570px 的矩形，那麼就要將它大小設置為 1140px ，或者把單位轉換成點（pt）之後，填上570的數字。感覺相當不方便。
2、當將 PPI 設置為 144px/inch 之後，字體的大小才會顯示為理想的大小，也就是 12pt 才是瀏覽器中的 12px。

然而PS CC貌似還是用像素作為移動單位，而且標尺的單位改為點（pt）之後，刻度標值間隔編程了 72pt，也就是 1 inch 的長度。
所以不知道各位在用 Photoshop CC 或者 Photoshop CS6 for Retina 的同學都是怎麼處理這個問題的？
現在我用的辦法是將默認單位從「像素」（px）改為了「點」（pt）來解決控制項尺寸的把握。然後設置了一個放大到 200% 的快捷鍵，然後在 100% 和 200% 之間來回切換預覽效果。
當然，用PS CC做移動客戶端的設計稿的時候還是挺方便的，在選用1920*1280解析度的情況下，在PS裡面的 100% 尺寸和手機的尺寸非常接近，如下圖。

哥們，找了半天的，終於找到了，我的是imac的，如果你也是的話，請操作：

首先關閉PS，我裝的是CC版

打開：應用程序 — Adobe Photoshop CC文件夾 — Adobe Photoshop CC.app — 右鍵，選擇簡介 — 勾選「以低解析度使用

你這樣做貌似會出問題，你切出來的圖都是實際的兩倍大小。在MBP上看起來比較小只是在因為屏幕的PPI高了，但是原本是100像素的，無論是在什麼電腦上顯示都是100像素。做手機IPAD的UI那就更簡單了，按照實際屏幕解析度建立文檔，實際效果可以通過PS PLAY實時顯示在設備上，效果圖可以做到100%實際效果。如果你為了追求在MBP上顯示和普通的屏幕一樣大小的話，我想前端會拿著刀子來找你談話。另外一點，在任何顯示設備上都應該選擇72解析度，你設置成144的話，在安卓上可能會無法顯示這個圖片（聽別人說的），直接顯示一片黑色。選擇72解析度可以保證在任何設備上顯示正常，這個解析度隻影響列印效果。至於網站UI，你設計後把圖片交給前端，前端會按照規範去做，重構之後網站顯示效果無論在Retina屏幕上還是普通屏幕上都不會有問題，電腦會自動修正顯示尺寸。你可以隨便看看那些網站，哪個會因為你是Retina屏幕而顯得小。（MAC會自動修正，WINDOWS則需要設置修正。）

有沒有人來回答啊

是很不習慣。公司用的是imac 沒這個煩惱。如果讓我在選擇，我還是選擇買iMac做設計比較好。

我的方法是用R屏作圖時放大到200%來看普屏的效果。

雖然R屏解析度比普屏高一倍（R是144，普屏72），可是個人感覺放到200%後沒有普屏清楚（可能是由於顯示器硬體的差異吧），不過我在MacBook旁邊放了我以前買的普屏筆記本對比過，用Photoshop時，R屏放大到200%的尺寸跟普屏的100%是一樣的，只是由於顯示屏不同所以看上去清晰度略有不同。

個人感覺R屏做手機ui更舒服（因為解析度跟手機屏幕一樣，所以100%顯示就ok了），做web也沒問題，就是一開始放大到200%後得習慣一陣子

外接戴爾顯示器

我用的方法很簡單，就是用Command + 放大2倍尺寸來預覽非Retina屏幕的效果。

啥也別說了，已經拋棄Photoshop了，現在使用Sketch，效率比PS好太多了，而且是矢量作圖，可以導出不同倍數的圖片。最重要的是，切片可以選擇是否只導出當前組內內容，透明輕鬆解決。另外，圖層搜索更加方便。