2013-10-30 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請點(diǎn)這里
合理的圖層排序和分組便于設(shè)計(jì)師理解所有元素的對應(yīng)位置。把它比作一個(gè)生產(chǎn)車間,要是你把所有的工具到處扔,害得你的工頭什么都找不到,你還有好日子過么?
這是一條重要的規(guī)則。圖層歸組讓你的圖層變得有序,你不需要單獨(dú)為每一個(gè)圖層命名,只要命名組就行了。
例如:如果一個(gè)按鈕由按鈕圖標(biāo)和說明文字組成,那么應(yīng)該把它們歸入一個(gè)”按鈕”的文件夾;菜單本身是一個(gè)一組一組的按鈕對,歸入一個(gè)”菜單”組,并且所有背景層也將歸入”背景”這個(gè)文件夾。
原則就是:文件夾分組在邏輯上應(yīng)該符合你的布局結(jié)構(gòu)。
如果一個(gè)對象包含幾個(gè)圖層,就應(yīng)該把它們歸入一個(gè)文件夾
通常我們會(huì)把好幾個(gè)不同版本的元素放在一個(gè)文件里,像同一個(gè)按鈕不同的背景。
但為了避免忘記這一撮奇怪的隱藏圖層其實(shí)是同一個(gè)背景的不同版本,最好還是好好給他們歸組。最簡單的辦法就是創(chuàng)建一個(gè)”背景”文件夾,把所有的版本背景都放到里面。但更理想的方法是復(fù)制整個(gè)”按鈕”文件夾并根據(jù)不同的版本命一樣的名。這樣就可以很清楚地知道這是一個(gè)按鈕的3個(gè)不同版本。
這樣分組,你的同事就能理解這些按鈕是三個(gè)版本
許多人喜歡用顏色標(biāo)識層和文件夾。紫色代表導(dǎo)航元素,黃色對應(yīng)文本圖層等等。可問題是,這些顏色編碼只有創(chuàng)造他們的人才能明白呀。
wiki: Rainbow flag
設(shè)計(jì)師們總喜歡像這樣鎖定圖層。如果你把這個(gè)圖層丟在那些迷宮一樣的文件夾里,你的同事要找這個(gè)圖層就不得不一個(gè)個(gè)文件夾的翻了——因?yàn)檎麄€(gè)文件夾屏蔽了這個(gè)圖層,你不能移動(dòng)它,也就自動(dòng)選不著了。
同時(shí)也不要忘了那些解鎖了被遺忘的蒙版,要是你的同事沒有注意到這樣一個(gè)蒙版就繼續(xù)工作,將來可能會(huì)有一堆問題。
相信我,很多古董級設(shè)計(jì)師還是不用圖層樣式而是用位圖圖層,您這不是在折磨后面修改這個(gè)項(xiàng)目的人么。
網(wǎng)格簡化我們的工作。我們能迅速的做一些網(wǎng)格布局或者用網(wǎng)格對齊某些元素。但一些網(wǎng)格我們經(jīng)常只用到一次,對齊一下某個(gè)元素就忘了它,如此累積,不得了呀。
要是你不能好好利用這些參考線為整個(gè)項(xiàng)目做一個(gè)整潔的網(wǎng)格,那您還是用完就刪掉吧。
要是每次項(xiàng)目結(jié)束后我刪掉一個(gè)圖層就獎(jiǎng)勵(lì)一歐元,我想我的錢已經(jīng)足夠我的子孫后代了。
每次弄完一個(gè)文件記得刪除所有不要的垃圾——這些你已經(jīng)用不到了,還躺在那里腐爛發(fā)臭呢。
很多人不喜歡編組項(xiàng)目的一大原因是,每次都不得不一層層的折疊他們,煩呀。
其實(shí),Alt鍵有個(gè)很多人不知道的功能,就是你工作完要收起一個(gè)根目錄時(shí)按住Alt鍵的同時(shí)再點(diǎn)那個(gè)收起的三角形就會(huì)把它的子目錄也收起。
加上Alt鍵試試Photoshop的其他功能吧,說不定你會(huì)很多新發(fā)現(xiàn)哦。
不要忘了圖層面板選項(xiàng)這個(gè)快速有用的工具。下面有幾條超有用的:
縮略圖內(nèi)容。設(shè)置為”圖層邊界”后,圖層縮略圖不是它在整個(gè)文檔中的縮圖,而是這個(gè)圖層自身的縮略圖。
擴(kuò)展新效果。通過取消復(fù)選框,你將自動(dòng)折疊這個(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)用你會(huì)發(fā)現(xiàn)你確實(shí)節(jié)省了不少時(shí)間。細(xì)節(jié)成就偉業(yè)呀~~
藍(lán)藍(lán)設(shè)計(jì)的小編 http://yvirxh.cn