曾沙:今天舊話重提來說說為什么在團(tuán)隊(duì)合作中有序的Photoshop文件是那么重要。
給在職的設(shè)計(jì)師們,希望這兩篇文章對你有幫助 : )
寫給設(shè)計(jì)師:如何與工程師一起工作
寫給產(chǎn)品經(jīng)理與工程師:如何與設(shè)計(jì)師一起工作
確保工作區(qū)整潔有序
合理的圖層排序和分組便于設(shè)計(jì)師理解所有元素的對應(yīng)位置。把它比作一個(gè)生產(chǎn)車間,要是你把所有的工具到處扔,害得你的工頭什么都找不到,你還有好日子過么?
同一對象的多個(gè)圖層歸入一個(gè)文件夾
這是一條重要的規(guī)則。圖層歸組讓你的圖層變得有序,你不需要單獨(dú)為每一個(gè)圖層命名,只要命名組就行了。
例如:如果一個(gè)按鈕由按鈕圖標(biāo)和說明文字組成,那么應(yīng)該把它們歸入一個(gè)"按鈕"的文件夾;菜單本身是一個(gè)一組一組的按鈕對,歸入一個(gè)"菜單"組,并且所有背景層也將歸入"背景"這個(gè)文件夾。
原則就是:文件夾分組在邏輯上應(yīng)該符合你的布局結(jié)構(gòu)。
如果一個(gè)對象包含幾個(gè)圖層,就應(yīng)該把它們歸入一個(gè)文件夾
新幻燈的版本為34/1,修改日期11月27
通常我們會把好幾個(gè)不同版本的元素放在一個(gè)文件里,像同一個(gè)按鈕不同的背景。
但為了避免忘記這一撮奇怪的隱藏圖層其實(shí)是同一個(gè)背景的不同版本,最好還是好好給他們歸組。最簡單的辦法就是創(chuàng)建一個(gè)"背景"文件夾,把所有的版本背景都放到里面。但更理想的方法是復(fù)制整個(gè)"按鈕"文件夾并根據(jù)不同的版本命一樣的名。這樣就可以很清楚地知道這是一個(gè)按鈕的3個(gè)不同版本。
這樣分組,你的同事就能理解這些按鈕是三個(gè)版本
忘掉你的專業(yè)氈筆吧
許多人喜歡用顏色標(biāo)識層和文件夾。紫色代表導(dǎo)航元素,黃色對應(yīng)文本圖層等等。可問題是,這些顏色編碼只有創(chuàng)造他們的人才能明白呀。
wiki: Rainbow flag
不要鎖定圖層
設(shè)計(jì)師們總喜歡像這樣鎖定圖層。如果你把這個(gè)圖層丟在那些迷宮一樣的文件夾里,你的同事要找這個(gè)圖層就不得不一個(gè)個(gè)文件夾的翻了——因?yàn)檎麄€(gè)文件夾屏蔽了這個(gè)圖層,你不能移動它,也就自動選不著了。
同時(shí)也不要忘了那些解鎖了被遺忘的蒙版,要是你的同事沒有注意到這樣一個(gè)蒙版就繼續(xù)工作,將來可能會有一堆問題。
恐龍兄您就好好在博物館呆著吧
相信我,很多古董級設(shè)計(jì)師還是不用圖層樣式而是用位圖圖層,您這不是在折磨后面修改這個(gè)項(xiàng)目的人么。
我們知道你是一個(gè)80級的網(wǎng)格主兒
網(wǎng)格簡化我們的工作。我們能迅速的做一些網(wǎng)格布局或者用網(wǎng)格對齊某些元素。但一些網(wǎng)格我們經(jīng)常只用到一次,對齊一下某個(gè)元素就忘了它,如此累積,不得了呀。
要是你不能好好利用這些參考線為整個(gè)項(xiàng)目做一個(gè)整潔的網(wǎng)格,那您還是用完就刪掉吧。
一個(gè)空瓶換一歐元——刪掉不用的圖層
要是每次項(xiàng)目結(jié)束后我刪掉一個(gè)圖層就獎勵(lì)一歐元,我想我的錢已經(jīng)足夠我的子孫后代了。
每次弄完一個(gè)文件記得刪除所有不要的垃圾——這些你已經(jīng)用不到了,還躺在那里腐爛發(fā)臭呢。
小小的"Alt"鍵,大作用
很多人不喜歡編組項(xiàng)目的一大原因是,每次都不得不一層層的折疊他們,煩呀。
其實(shí),Alt鍵有個(gè)很多人不知道的功能,就是你工作完要收起一個(gè)根目錄時(shí)按住Alt鍵的同時(shí)再點(diǎn)那個(gè)收起的三角形就會把它的子目錄也收起。
加上Alt鍵試試Photoshop的其他功能吧,說不定你會很多新發(fā)現(xiàn)哦。
跳到碗里來
不要忘了圖層面板選項(xiàng)這個(gè)快速有用的工具。下面有幾條超有用的:
縮略圖內(nèi)容。設(shè)置為"圖層邊界"后,圖層縮略圖不是它在整個(gè)文檔中的縮圖,而是這個(gè)圖層自身的縮略圖。
擴(kuò)展新效果。通過取消復(fù)選框,你將自動折疊這個(gè)圖層所有新增的圖層樣式。
將"拷貝"添加到拷貝的圖層和組。果斷不能選呀!取消復(fù)選你可以避免所有"Copy 230"這樣的圖層,資源純凈度直增30%。如:"Layer 1"拷貝出來就是"Layer 1",而不是"Layer 1 Copy 1"
快捷鍵
有3個(gè)快捷鍵你一定要了解、理解并使用——拷貝圖層樣式、粘貼圖層樣式和清除圖層樣式(不過這個(gè)熱鍵組合必須自己設(shè)置哦~)
通過圖層樣式和設(shè)置這些快捷鍵,你可以選中多個(gè)圖層進(jìn)行樣式復(fù)制,能節(jié)省不少時(shí)間呢。
單擊瞬間復(fù)制圖冊樣式:
也許在你看來這些改變是微不足道的,但是一旦應(yīng)用你會發(fā)現(xiàn)你確實(shí)節(jié)省了不少時(shí)間。細(xì)節(jié)成就偉業(yè)呀~~
原文地址:designmodo
譯文地址:1z1b.com
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座:每月邀請國內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音(YY頻道:156982)分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博:擁有粉絲量55萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點(diǎn)擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機(jī)派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計(jì)師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 753 位幸運(yùn)星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓