ps圖層設計的技巧

ps圖層設計的技巧

　　導語(yǔ)：圖層的概念是從Photoshop 3.0開(kāi)始引入的，經(jīng)過(guò)幾次更新，圖層功能得到了充分的發(fā)展與完善，圖層功能也越來(lái)越強。圖層這個(gè)概念來(lái)自動(dòng)畫(huà)制作領(lǐng)域。

　　【圖層設計的技巧】

　　技巧：

　　1、越是易用的布局，越是耗性能。Grid很強大，border很好用，canvas很難定位，但是canvas效率最高。

　　2、圖層的層次不要太深，結構不要太復雜。其實(shí)道理是一樣的，在PS里面如果你編組很多，組里面又嵌套很多組，你會(huì )發(fā)現這個(gè)PSD會(huì )變得很大，并且編輯的時(shí)候很卡。

　　3、給圖層起有意義的名字。設計師得認識到，在Blend里面畫(huà)的每一個(gè)圖案，都是對應在XAML里面的一段代碼。程序員是會(huì )直接拷貝黏貼到工程里面的。為了使工程更易維

　　護，設計師最好給每個(gè)圖層起一個(gè)有意義的名字，說(shuō)明它是做什么的。比如我在畫(huà)一個(gè)按鈕的高光時(shí)，這個(gè)圖層就叫做“HeightLight”，畫(huà)描邊的圖層就叫做“Border”…

　　這是一個(gè)很好的習慣，即使是使用PS也應該給每個(gè)圖層取好名字。這種做法應該包含在一個(gè)設計規范里面，這樣做的好處在于當別的設計師要使用你的PSD的時(shí)候，就能很好控制了，就像使用自己原創(chuàng )的PSD一樣。在以前的工作中也遇到過(guò)類(lèi)似的問(wèn)題，當我要用別人的PSD時(shí)，完全要瘋掉了!一百多個(gè)圖層，我想提取出一個(gè)元件，但是都有哪些圖層是屬于這個(gè)元件的?!所以最好的做法，一起工作的人約定好PSD文檔的結構規范，合理的編組、命名。

　　3、WPF(Silverlight)項目的設計流程

　　建議的`流程是：

　　1. 用PS等設計軟件，設計出軟件的最終效果，或者叫概念稿

　　2. 對照概念稿，和開(kāi)發(fā)人員交流界面布局的方案。之所以要和開(kāi)發(fā)交流，因為這步非常重要!決定了整個(gè)界面的構架方式

　　3. 使用Blend重繪概念稿，制作出最終的實(shí)現樣式

　　其實(shí)大家會(huì )發(fā)現，相對于傳統的網(wǎng)站項目，第一步是設計師做的，第二步和第三步實(shí)際上是前端開(kāi)發(fā)的工作。

　　但由于WPF的界面，和網(wǎng)頁(yè)不一樣(只要切圖、再貼圖就好了)，WPF里面設計師要用Blend來(lái)繪制界面，要使出來(lái)的界面直接可用，在上面提及的性能方面，設計師就要考慮在內。而對于界面里的動(dòng)畫(huà)部分，就更加需要設計師來(lái)完成制作。設計師不可能通過(guò)文字描繪說(shuō)“我要這樣的效果”，然后讓技術(shù)去做出來(lái)。

　　總得來(lái)說(shuō)，WPF的優(yōu)點(diǎn)和缺點(diǎn)一樣的明顯。

　　對于新技術(shù)，個(gè)人觀(guān)點(diǎn)，設計師必須摒棄只是做圖片的想法�，F在貼圖的界面已經(jīng)開(kāi)始

　　過(guò)時(shí)了：網(wǎng)站產(chǎn)品，隨著(zhù)網(wǎng)絡(luò )帶寬的提升，國內也會(huì )流行起像日韓那樣的Flash酷站;在軟件應用方面，傳統的MFC窗口已經(jīng)被看膩，我相信很快就會(huì )被類(lèi)似WPF這種技術(shù)取代。各種炫麗的應用很快就會(huì )冒出來(lái)。(這些炫麗的界面是否好，就是另外一個(gè)問(wèn)題了)

　　未來(lái)的界面趨勢肯定是動(dòng)態(tài)的!設計師有了更大的發(fā)揮空間，作為代價(jià)，設計師需要掌握更多的技能!

　　4、沒(méi)事多按ctrl+S 隨時(shí)保存文檔...

　　Blend還是挺耗性能的，爆機比較常見(jiàn)。。也可能我這臺電腦比較慢吧。多保存總沒(méi)錯！