1. 程式人生 > >Web前端切圖快捷鍵、技巧和經驗

Web前端切圖快捷鍵、技巧和經驗

如果不是設計者自己來切圖,那麼切圖者需要從圖層裡來體會設計者的意圖。如何分組,層次間的關係都體會了設計者對頁面結構個人的理解。所以對一個設計稿來說,第一步是粗看圖層,理解設計意圖,其次是根據自己的理解對圖層進行新的操作和轉換。以下是關於圖層操作的一些經驗:

  • 關閉圖層可見性 --關閉圖層可見性非常常用,因為有些頁面元素是交織在一起的,你通常需要關閉其中某項先切一部分,再切一部分
  • 合併圖層 -- 設計師載入第三方的元素這類的作法,會讓頁面某些小部件的圖層結構異常複雜,這時候將整個組合並Ctrl+E 不失為一個好辦法
  • 複製圖層 -- 有些時候一些sprite效果可以直接通過複製圖層在原稿上列出來,再通過
    切片工具
    出圖
  • 圖層蓋章 -- 在一些圖層特別複雜的頁面,有時需要用到圖層蓋章工具,選中最頂層的圖層,點選Ctrl+Alt+Shift+E 可以把以下的所有圖層蓋到一個新的圖層上。這個操作的好處是可以在不影響圖層本身的情況下,合併圖層。