用PS設計APP過程中改進IOS設計流程的30個密訣

2022-12-26 14:30:33 來源/作者: / 己有:35人學習過

24.使用圖層復合在同一文件中展示不同的顯示屏

你是將app的所有屏幕都創建在一個PSD中然后對圖層可視進行打開和關閉來查看?此時圖層復合(Layer Comps)就可幫助解決這個問題。勾選窗口(Window)〉圖層復合(Layer Comps)即可打開圖層復合面板。在你新建app屏幕的時候你可以通過單擊面板底部創建新的圖層復合按鈕來創建一個新的圖層復合。這個圖層復合面板包含了所有圖層的可見性和位置作為一個屏幕(譯者注:可以理解為一個快照)。現在你便可以在同樣的圖層上更改其可見性和位置來作為下一個屏幕并把它保存為另一個圖層復合。

通過使用同樣的工具去創建不同的屏幕,這樣就保證了文件數量和大小達到了最小。并且,你和開發人員可以簡單的通過單擊圖層復合名稱前面的小盒子或者點擊面板底部的往前/往后箭頭來循環切換圖層復合來展示不同的屏幕。

用PS設計APP過程中改進IOS設計流程的30個密訣,PS教程,16xx8.com教程網

25.在設備上預覽你的設計

你的設計桌面設備上看起來很好,但是當你放到真正的設備上或許會暴漏問題,因此,保證經常的在顯示器上預覽你的設計。對Mac來說有像LiveView、Scala Preview等工具,對Windows來則有WiFileSync和Photoshop Display。我使用免費的Polkast,它允許你在IOS設備上通過wifi預覽你桌面設備上的文件。

26.保持icon設計的一致性

在icon的選用上要保證其大小和風格一致。可以閱讀Why consistency is important這篇文章。

用PS設計APP過程中改進IOS設計流程的30個密訣,PS教程,16xx8.com教程網

27.給客戶發送全尺寸的預覽圖

客戶許愿在他們的設備上常看設計。因此,可以考慮給他們一個全尺寸的PNG設計組合。

28.避免過于像素完美的線框圖

不要在線框圖軟件上浪費時間去創建一個漂亮的線框圖。我發現客戶一旦理解這會節省時間他們便更傾向于審查草圖而不是漂亮的線框圖。向客戶解釋為什么減少線框圖會節省項目的整體時間,他們一旦同意便發給他們草圖的照片。同時別忘了讓草圖盡量易讀。

29.首先設計Retina屏然后再縮小到標準尺寸

是從1x(譯者注:指設備像素比)放大到2x的順序還是2x縮小到1x現在仍有爭論。1x大小尺寸的手機將會在未來幾年逐漸淘汰并且將來只會剩下Retina屏的。因此最好是從Retina屏來開始設計,同時你可以早早的便在你的設計中添加針對Retina屏的特殊細節。

30.創建一個icon庫

任何時候你針對工具欄或者標簽欄創建了矢量的icon,保存一份icon(保存完好無損的尺寸以便于編輯)到單獨的PSD文件中,這樣,你便不必下次再使用這些icon時到處尋找了,這樣也就形成了我ikonic項目的基礎。

31.使用一個批量重命名的軟件

使用批量重命名軟件來給文件增加或者移除@2x。我使用免費的Bulk Rename Utility。