當前位置:學問谷 >

行業範例 >設計 >

ps圖層設計的技巧

ps圖層設計的技巧

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

ps圖層設計的技巧
  【圖層設計的技巧】

  技巧:

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還是挺耗性能的,爆機比較常見。。也可能我這台電腦比較慢吧。多保存總沒錯!

標籤: 圖層
  • 文章版權屬於文章作者所有,轉載請註明 https://xuewengu.com/flhy/sheji/m4ww2g.html