1. 首頁
  2. 設計

ps圖層設計的技巧

ps圖層設計的技巧

導語:圖層的概念是從Photoshop 3.0開始引入的,經過幾次更新,圖層功能得到了充分的發展與完善,圖層功能也越來越強。圖層這個概念來自動畫製作領域。

【圖層設計的技巧】

技巧:

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

2、圖層的層次不要太深,結構不要太複雜。其實道理是一樣的,在PS裡面如果你編組很多,組裡面又巢狀很多組,你會發現這個PSD會變得很大,並且編輯的時候很卡。

3、給圖層起有意義的名字。設計師得認識到,在Blend裡面畫的每一個圖案,都是對應在XAML裡面的一段程式碼。程式設計師是會直接複製黏貼到工程裡面的。為了使工程更易維

護,設計師最好給每個圖層起一個有意義的名字,說明它是做什麼的。比如我在畫一個按鈕的高光時,這個圖層就叫做“HeightLight”,畫描邊的圖層就叫做“Border”…

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

3、WPF(Silverlight)專案的`設計流程

建議的流程是:

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

2. 對照概念稿,和開發人員交流介面佈局的方案。之所以要和開發交流,因為這步非常重要!決定了整個介面的構架方式

3. 使用Blend重繪概念稿,製作出最終的實現樣式

其實大家會發現,相對於傳統的網站專案,第一步是設計師做的,第二步和第三步實際上是前端開發的工作。

但由於WPF的介面,和網頁不一樣(只要切圖、再貼圖就好了),WPF裡面設計師要用Blend來繪製介面,要使出來的介面直接可用,在上面提及的效能方面,設計師就要考慮在內。而對於介面裡的動畫部分,就更加需要設計師來完成製作。設計師不可能透過文字描繪說“我要這樣的效果”,然後讓技術去做出來。

總得來說,WPF的優點和缺點一樣的明顯。

對於新技術,個人觀點,設計師必須摒棄只是做圖片的想法。現在貼圖的介面已經開始

過時了:網站產品,隨著網路頻寬的提升,國內也會流行起像日韓那樣的Flash酷站;在軟體應用方面,傳統的MFC視窗已經被看膩,我相信很快就會被類似WPF這種技術取代。各種炫麗的應用很快就會冒出來。(這些炫麗的介面是否好,就是另外一個問題了)

未來的介面趨勢肯定是動態的!設計師有了更大的發揮空間,作為代價,設計師需要掌握更多的技能!

4、沒事多按ctrl+S 隨時儲存文件...

Blend還是挺耗效能的,爆機比較常見。。也可能我這臺電腦比較慢吧。多儲存總沒錯!