演講者：UIPower旗下設計品牌UIPlus子公司總經(jīng)理兼設計總監(jiān) 盧山
=========================================================================
《UI的革命》第三部：《革命性的視覺設計》，共分五講：
第一講：《開篇》視頻地址：http://www.tudou.com/programs/view/86LmPdBTP3w/
第二講：《窗體設計規(guī)則》視頻地址：http://www.tudou.com/programs/view/KzRPGhQbF1M/
第三講：《控件設計規(guī)則》視頻地址：http://www.tudou.com/programs/view/p6wvWSK4sjQ/
第四講：《圖標設計》視頻地址：http://www.tudou.com/programs/view/yhQcISmfUr0/
第五講：《PSD主題庫》視頻地址：http://www.tudou.com/programs/view/MVG1R7l8PsY/
=========================================================================
小編的話：時間一晃已經(jīng)到了2013年的元旦，距過去的2011年10月份UIPower啟動的《UI的革命》全國巡回演講已經(jīng)過去了1年多的時間。在這1年多的時間里，每天都能接到很多有關與演講相關的電話和郵件。為了方便廣大網(wǎng)友在不打開視頻的情況下也可以了解演講的內容，本站小編認真聆聽并整理了演講的內容形成了完整的演講稿?，F(xiàn)在將這些稿件發(fā)到本站的新聞欄目里面來，以供查閱。
導語：
大家好，現(xiàn)在由我來為大家一起分享“革命性的UI的視覺設計”。
我經(jīng)常碰到很多客戶向我們反映，向我們抱怨，他們的UI設計無法通過客戶的驗收；也無法令他們的產(chǎn)品經(jīng)理和老板滿意。這也是很多設計師和設計團隊經(jīng)常碰到的問題。那為什么會出現(xiàn)這些狀況呢？為什么你們的設計會返工呢？為什么無法通過客戶的驗收呢？為什么你們的UI設計會如此的曲折呢？之所以會這樣，那是因為你們沒有一套合理的UI設計思想、方法和工具來指導、鞭策你們展開設計活動，因此你們的很多設計很曲折，會返工，客戶不買單。那么，我們的UI如何設計才能更好的令我們的用戶滿意，令我們的客戶滿意，令我們的產(chǎn)品經(jīng)理和老板滿意呢？接下來，我們就圍繞這個問題來一起展開UI視覺設計的討論。
眾所周知，UI設計分為“交互設計”和“視覺設計”兩部分。兩者是一種互補、相輔相成的統(tǒng)一關系。如果我們將一款軟件的UI比做是一棵樹，那么“交互”就是這棵樹的樹根和樹干，這一點很好理解，那么視覺在這里起什么作用呢？“視覺”就是要將這棵樹點綴成一顆許愿樹，吸引更多的人們，也就是我們的用戶為其駐足、祈禱和膜拜。那么這時候我們的軟件的UI他就已經(jīng)成功了。如果沒有做到這一點，他就只是很普通很普通的一個UI。所以我們的老板，我們的產(chǎn)品經(jīng)理不會對我們設計的界面會有多大的回應，或者反響平平，更別說是我們的用戶啦。那么如何將我們的UI點綴成一棵許愿樹呢。這個問題還得要從UI界面的窗體說起。
一、UIPower窗體設計優(yōu)勢
解釋窗體：何謂窗體，窗體就是軟件產(chǎn)品面向用戶的理想界面。一款優(yōu)秀的軟件界面的窗體應該要最直觀的表現(xiàn)該軟件產(chǎn)品的主題信息、品牌定位、視覺特色等訊息。這一切都應盡在“窗體”中得到最佳的體現(xiàn)。
如果我們的客戶，或者產(chǎn)品經(jīng)理感覺我們的界面味道不夠，甚至否定我們的界面設計，這時候我們就該考慮界面的窗體與軟件主題信息、品牌定位、視覺特色之間是否一致，窗體的設計是否合理，是否貼切。那為什么會出現(xiàn)這種狀況呢？那是因為你沒有很好的熟悉并理解UI界面的窗體設計規(guī)則。我們只有更好的，更透徹的理解窗體設計規(guī)則，才能設計出更合理，更貼切的界面窗體；才能設計出令用戶滿意，令我們的團隊滿意的界面設計。
對設計而言，那么，“窗體”有哪些設計規(guī)則值得我們設計師注意呢，下面我們接下來就來看看作為軟件產(chǎn)品面向用戶的理想界面的窗體在設計的過程中的設計規(guī)則。
1、視覺風格一致性
窗體設計的規(guī)則首先就是要視覺風格的高度一致性。一款軟件有多個信息界面，有登陸界面、主界面、彈出界面、提示界面、關于、設置等等，這多個界面的窗體風格就必須要是高度統(tǒng)一的。因為這些代表了軟件產(chǎn)品的整合高度。
2、九宮格原則
第二條規(guī)則就是“九宮格原則”。“九宮格原則”作為一種設計繪圖的規(guī)則對于軟件UI而言有著特殊作用。什么是九宮格，大家請看這幅圖，我們將一張圖片分為9個格子，我們只需要選取上下左右四部分無規(guī)則的圖片，將其拼接，整合設計成很小的一部分，然后根據(jù)設計需要，在實現(xiàn)的時候，無限的自適應的設計。很明顯這種有規(guī)則的自適應的設計可以提高制作皮膚的效率，減少工作量；再者還可以節(jié)約內存，減少消耗，縮短加載時間。
3、窗體默認位置
第三點，在設計過程中還需要注意窗體的默認位置。這一點很容易被設計師忽略，很多情況下是工程師的自主的設置的。默認位置的分布有兩個方面的因素，一是窗體與用戶屏幕的位置分布關系。不同主題的軟件產(chǎn)品，其位置在屏幕的分布是很講究的。二是軟件本身的各界面之間的位置關系。比如主界面與彈出界面、浮動界面等之間的分布關系。其實窗口的位置對于軟件本身而言，應該要以用戶的視點為中心展開或者在提示操作的事件附近展開。
4、異形窗體
第四點，有時候根據(jù)設計需求我們也會設計一些特殊的窗體，我們稱之為“異形窗體”。窗體本身就像是一個方方正正的“盒子”，包容著我們所需要的各種信息。但是當我們的軟件產(chǎn)品的某些信息無法在這個“盒子”中更好的視覺呈現(xiàn)的時候，就需要突破“盒子”這種概念的影響，設計出更適合產(chǎn)品主題信息的窗體。大家請看我們設計的這款名為“喜馬拉雅非線性編輯軟件”的這個啟動界面的窗體。這是一款民族產(chǎn)品，用于視頻剪輯和監(jiān)控，在電視臺里面使用的很普及，像央視就是用這款軟件來進行節(jié)目轉播的。大家請看這兩個界面，右邊這個界面是最初設計的，覺得視覺感受還是有點不夠到位，后來經(jīng)過我們的設計探索后，我們的設計師捕捉到了這種創(chuàng)意的設計，通過這種突破性的極富張力的窗體設計，完美的體現(xiàn)出了該公司對這款軟件產(chǎn)品的品牌訴求：力圖將喜馬拉雅非線性編輯軟件打造成業(yè)界的泰斗，期望其像喜馬拉雅山一樣佇立在世界的屋脊之上。很難想象一款富有個性的設計與產(chǎn)品的主題信息能否達到高度的無縫的契合。為此，我們在本次的設計中進行了深度的思考和探索。我們期望力圖通過這種令人驚喜的完美的視覺設計，使得這款軟件按能夠以一種情理之中，意料之外的方式為廣大的用戶朋友帶來便利和愉悅。事實上，我們已經(jīng)做到了，UIPower做到了！
5、窗體透明度
我們再來看看窗體的透明度。半透明的玻璃質感在窗體設計中很特殊。半透明的窗體在質感上很是美觀，但是也有很多值得我們注意的地方。它不僅會影響軟件內容信息的清晰度，甚至會干擾用戶識別軟件的訊息；而且會影響軟件界面的可行性和拓展性。因此我們在設計半透明窗體的時候必須很謹慎。倘若該軟件還兼有換膚功能，那么在設計之初就要值得商榷了。
6、窗體邊框與投影
窗體的邊框和投影同樣也是值得注意的。往往很多設計師從美學的角度出發(fā)會在窗體的邊框和投影上做文章。其實作為視覺設計師，考慮軟件美觀的需求無可厚非，但是在窗體邊框的大小和窗體是否可用投影的問題上是有待考究的。窗體的大小直接影響著我們的用戶是否便于進行拉伸操作；而有投影的窗體在其適用的平臺上是否可行呢！這個問題還要考慮該窗口是否支持縮放的需求。
7、窗體默認習慣
最后，窗體的默認習慣也是很重要的因素。窗體右下角的拉伸，窗體最大化的關閉按鈕是否易于關閉，在窗口最大化的情況下，鼠標隨意滑到屏幕右上角雙擊即可關閉軟件窗口，但是很多軟件UI都忽略了這一點，鼠標隨意滑到頂部右上角雙擊無法操作關閉按鈕。比方說“酷我音樂盒2011”、百度的“奇藝影音客戶端1.2.0.118”、“PPTV 2.7.2.0019正式版” 以及“QQLive 2011 beta5”等等, 如果大家有興趣可以嘗試使用以上這些軟件，我在這里可以告訴大家，以上這些軟件的UI都忽略了這個問題。我在這里討論這么多，并不是批判這些軟件設計的如何的不好，而是呼吁更多的設計師在UI設計活動中要追求設計的盡善盡美。
由于時間、篇幅有限的原因，我們對窗體的設計規(guī)則就先討論到這里。要想把界面設計做好，僅僅對窗體設計規(guī)則做了很好的了解，還不夠，還需要我們對界面控件設計進行深入的了解。因為窗體只是UI界面設計的重要組成部分之一，
二、UIPower的控件設計優(yōu)勢。
控件的設計相對于窗體的設計而言，有著特殊的作用?？丶菍浖a(chǎn)品主題信息的深層次的補充和優(yōu)化。形象的講，一款軟件產(chǎn)品就好比是是一個人的身軀，那么窗體就是這款軟件的骨骼，而控件就是牽引著骨骼正常運作的肌肉。兩者巧妙的結合會給我們的用戶傳遞正確且豐富的訊息。因此控件的合理化的設計就顯得十分的重要了?？丶脑O計同窗體的設計一樣都是有規(guī)律可循的，好，下面我們就來探討控件的設計規(guī)則。
1、視覺風格一致性
首先，最基本也是最核心的規(guī)則就是視覺風格的一致性。一款軟件產(chǎn)品有多個界面，每個界面也是由多個控件組成的。像CheckBox、RadioBox、EditCtrl、Button、ToolBarTabCtrl、SimpleTree等等，不僅單個界面的這些控件的視覺風格是高度統(tǒng)一的；而且必須要和其他界面的控件的視覺風格保持高度統(tǒng)一。
2、控件狀態(tài)完整性
其次，控件設計的狀態(tài)完整性。每個控件都會有一套動作。一個完整的控件狀態(tài)有“正?！?、“高亮”、“按下”、“禁用”以及“焦點”，共5個狀態(tài)，他們共同組成了一個控件觸發(fā)的整個過程。
3、圖標與控件背景分離設計
另外，在控件設計中，圖標與控件背景應分離設計。在這里，存在一個控件分層的概念，控件分層的好處就是：它可以增加控件元素的復用性。我用一個具體的控件案例來向大家闡述。請看這個Button的設計。我們可以把它簡化成三個部分，“圖標”、“控件背景”和“文字”。這三個可以組合成一個Button。因為是分層設計的，所以我們可以復用控件背景設計更多的Button。這就是圖標與控件背景分離設計的規(guī)則。
4、Alpha混合特效
再者，Alpha特效混合。我們這里所講的Alpha是圖像中用來記錄圖像的透明度信息，定義透明、不透明和半透明區(qū)域的一個通道。在我們進行軟件UI設計的時候往往會用到各種透明疊加的控件效果與動畫效果，這時候我們就會用到Alpha做動態(tài)混合特效。
5、控件設計的排列與尺寸關系
第五，往往很多設計師在設計軟件界面的時候會進入一個狹隘的誤區(qū)。一般情況下，設計師在進行軟件界面設計的時候，會選擇界面最小化的尺寸或者稍大于最小化的尺寸進行展開界面設計，但是很多設計師會較少考慮這個界面在縮放、拉伸等各種操作下的視覺呈現(xiàn)狀態(tài)。如若界面拉伸，控件該如何表現(xiàn)，這個問題需要考慮得周全。
6、控件設計可使用異形響應區(qū)域
第六點，控件設計可以使用異形響應區(qū)域。在設計中，有時候我們會根據(jù)具體的視覺需求，在控件的造型上做文章，根據(jù)特定的主題信息，設計出異形的控件造型，目的就是要讓我們的軟件產(chǎn)品能夠更加的貼切我們的用戶。
7、控件基本組成元素完整性規(guī)則
第七點，一個完整的控件往往是由多個單獨的組件共同組成的，他們共同對控件產(chǎn)生作用。我們來看看這個scrollBar（滾動條）的例子。它是由“滑槽”、“滑塊”、“Tick”以及上下箭頭相互作用，共同組成的一個scrollBar（滾動條）。
好，由于篇幅有限，控件設計我們就先分析到這里，我們接下來進入到UI設計一個非常重要的環(huán)節(jié)——圖標設計。
三、UIPower的圖標設計優(yōu)勢。
1、圖標的故事
圖騰(Totem) → 符號(Symbol) → 圖標(Icon)
首先我們先了解下圖標背后的故事。
圖標是從圖騰到符號再到圖標轉化而來的。我們先看看圖騰：
a、圖騰：圖騰是人類歷史上最早的一種文化現(xiàn)象，人們迷信、崇拜某種動物或自然物，而用來做本氏族的標識，同其他氏族區(qū)別開來。就像我們的古人會將龍作為圖騰來敬仰。就像一首歌里唱的，“我們都是龍的傳人”。
b、符號：談到圖標的使用和發(fā)展過程，可以追溯到符號學的創(chuàng)建初期。在社會發(fā)展的歷史進程中，我們共同約定將某些簡化了的、具有代表意義的文字、圖像、記號、標識等事物來指稱一定的對象。其實，“UI 可以被定義為一種符號語言”，它是軟件產(chǎn)品主題信息所傳達的一種形式符號語言。
c、圖標：我們這里所說的“圖標”，是狹義的圖標的概念，指的是計算機軟件領域里用來幫助用戶快速執(zhí)行命令、程序的圖像符號。我們稱之為“圖標”。圖標分為兩個部分：“圖”和“標”?！皥D”，即是圖像；“標”是標注、傳達的的意思。標注、傳達什么，傳達軟件UI的概念和功用。理解“圖標”的意思，會有助于我們進行展開圖標設計。為什么？因為知其然，更要知其所以然。
2、如何衡量圖標設計是否優(yōu)秀
圖標是標志、符號、藝術、照片的結合體，是圖形信息的結晶。那么我們如何來衡量，來判別圖標設計是否優(yōu)秀，是否合格到位的呢？
a、是否集中展現(xiàn)了軟件產(chǎn)品的概念、主題
首先，要看這款圖標是否集中展現(xiàn)了軟件產(chǎn)品的概念、主題以及功用等信息。因為圖標是在屏幕上展現(xiàn)軟件的最佳方式。如何直觀的展現(xiàn)傳播軟件產(chǎn)品，包括軟件所屬公司，這時候任務就落到了產(chǎn)品的界面設計上了，而圖標作為一個單獨的個體元素，用它來展示產(chǎn)品是最好不過的了。當我們需要為自己的手機增加一些應用軟件，我們就會去手機應用商城去挑選。這時候圖標作為這些應用軟件的集中體現(xiàn)，吸引更多的用戶的這個任務就落在了圖標的設計上了。
b、是否形成了產(chǎn)品的統(tǒng)一特征并能給用戶以信賴感
其次，要看圖標是否形成了產(chǎn)品的統(tǒng)一特征并能給用戶以信賴感。一款軟件產(chǎn)品界面設計會有多個圖標，我們將這些圖標整合設計，形成統(tǒng)一的圖標設計風格，這樣它就代表了產(chǎn)品的基本功能特征的完整性，在視覺上的統(tǒng)一感很容易向我們的用戶暗示產(chǎn)品界面的整體性和整合高度。
c、能否提高產(chǎn)品的品味和體驗度
最后還要看這款圖標能否提高產(chǎn)品的品味和體驗度。目前，隨著UI設計的蓬勃發(fā)展，對UI界面設計的視覺要求越來越高，而圖標作為界面組成的重要部分，有著非比尋常的重要性，圖標設計已經(jīng)上升到了一個前所未有的高度，不僅強調圖標的傳達與示意，更重要的是強調圖標設計對界面體驗度和產(chǎn)品品味的提升。誠然，圖標設計一種藝術創(chuàng)作。
3、圖標設計規(guī)則
無論如何，我們都要知道文字是抽象的，并且難以理解的，那么圖標作為視覺化的表達，它有著天生的特殊的優(yōu)勢。前面我們探討了窗體設計和控件設計的設計規(guī)則和技巧，同樣我們也對圖標設計歸納了一套規(guī)律和方法。這些規(guī)律和方法能夠幫助我們設計符合界面整體的圖標設計，有助于我們提升UI界面設計的整體能力。
a、結構合理，視覺感受精美細膩
第一點就是，圖標設計結構合理，視覺感受精美細膩。所謂設計結構合理，指的是要充分利用圖標所給出的有限空間，將所表現(xiàn)內容充分準確的表現(xiàn)出來。在這里就需要我們在選擇圖標元素時，需要盡量挑選既要有代表性的飽滿的圖形；材質、造型、角度以及比例關系等等勻稱的對象。如果沒有飽滿的圖形，可以制造偽空間、框體等方式來彌補。所謂視覺感受精美細膩，意思就是視覺表現(xiàn)注意色彩、光影的一致性。包括光源、高光、反射、投影、透視的視覺角度關系。如果脫離了這些關系，就會讓用戶感覺到圖標是東拼西湊拼湊出來的，顯得雜亂無章，圖不達意。
b、圖標設計具象化
第二，圖標設計具象化的設計原則。圖標設計是一個將抽象化的概念信息傳達到具象化的圖像表現(xiàn)的整個過程。簡單地講，就是概念圖像化，圖像符號化，減輕認知負擔，便于記憶，幫助用戶更好的熟悉使用。往往圖標會配有提示的文字作為對其的一種補充，逐漸對用戶形成一種思維慣性。圖像往往會誘發(fā)用戶具象方式去思考，而語言則誘發(fā)用戶抽象方式去思考。兩者巧妙應用會有出其不意的效果。不難發(fā)現(xiàn)很多好的圖標設計，其元素本身就在生活中很常見的。這種情理之中，意料之外的設計方式就是我們所要追求的設計境界。
c、風格統(tǒng)一，整體性強
第三，圖標設計的風格統(tǒng)一，整體性強。一套完整、風格一致的圖標是進行展開圖標設計的基本準則。整體性強的設計要比零碎的設計更能體現(xiàn)產(chǎn)品的品質，更能讓我們的用戶理解和接受。當我們針對某個產(chǎn)品的界面展開圖標設計的時候，可以引入該產(chǎn)品企業(yè)的一些VI的概念來規(guī)范它，將統(tǒng)一的整體性貫穿始終。一套設計精良、整體一致的圖標，不斷可以產(chǎn)生品牌的共鳴，還可以進一步帶動界面設計中以相同的質感、色系、光影等效果技巧，統(tǒng)一整個軟件界面的視覺感受。
d、圖標傳達含義清晰準確，易于記憶
第四點，圖標傳達含義一定要清晰準確，易于記憶。一個圖標，無論要說明什么、定義何為；無論是寓意表現(xiàn)，還是象征性的視覺表現(xiàn)，其含義必須準確。首先就是要易懂，易于辨別，易于記憶，符合用戶的認識心理和認識能力。其次就是要表意準確，一套圖標設計中，各圖標之間決不能相互雷同、混淆，有錯覺。避免傳達的多解或是誤解，這點尤應值得注意禁忌。好的圖標就應該讓用戶在短時間內一目了然、準確領會無誤。這也正是圖標優(yōu)于語言，快于語言的長處。
e、先“標”后“圖”
第五，先“標”后“圖”。我們先講講這兩個字的含義。先“標”，“標”的是什么？“標”的是圖標的概念、主題和功用；后“圖”，“圖”的是什么？“圖”的是傳達圖標概念信息的一種符號。對用戶而言，是先“圖”后“標”的概念，先通過圖標的圖像傳達，再引申為圖標指定的事件意義；對設計師來說，是先“標”后“圖”的概念。簡言之，就是設計師首先要明確并歸納圖標所要傳達的信息的特征，而后展開圖形設計。
f、認識到不同圖標表現(xiàn)方式的區(qū)別
第六，認識到不同圖標表現(xiàn)方式的區(qū)別。根據(jù)界面設計的需求的不同，我們要有針對性的進行設計。比如像這些使用在手機上的一些功能提示性較強的圖標，我們可以選擇使用像這種使用簡潔、優(yōu)雅的線條或是圖塊的方式，來表達產(chǎn)品的概念。再看看像這種主題性很強的圖標能夠給產(chǎn)品帶來別樣的產(chǎn)品概念。這種質感很強的圖標風格呈現(xiàn)出產(chǎn)品一種科技感、未來感的設計面貌，這就是圖標設計帶給產(chǎn)品的一種無限的可能。
g、圖標服務于界面，從屬于界面
第七點，圖標應該服務于界面，從屬于界面。往往圖標設計從圖標創(chuàng)意階段到繪制階段，是一個很精細，需要耐心的設計任務。而圖標在整個軟件UI界面設計中只是一個重要的設計環(huán)節(jié)之一。界面的整體感要高于圖標的整體感。它不能脫離界面主題信息，不能脫離UI界面的視覺訴求；而應該與UI界面的概念、主題等信息保持一致的方向。當然，我們在圖標的創(chuàng)意設計過程中，會創(chuàng)造一些具有差異化的、個性化的呈現(xiàn)方式來提高圖標的藝術品位，這種差異化的視覺表現(xiàn)手法一定要和界面的整體視覺巧妙地融合，從界面整體上提高軟件UI的視覺高度。因此，圖標設計，不是為了圖標而設計，而是為了界面而設計圖標。
h、兼容各平臺的各種尺寸，主體與細節(jié)對比得當
第八點就是我們要考慮圖標要兼容各平臺的各種尺寸以及在各種尺寸下的主體與細節(jié)的對比得當。往往很多軟件產(chǎn)品會有多平臺的各種版本。在PC、Mac、Ios、Android等個平臺上的尺寸表現(xiàn)。例如，在蘋果iPad平板電腦上的圖標最大是512 x 512像素；在win7上的圖標最大化是256 x 256像素，常用最小的圖標是16 x 16像素，圖標尺寸越小，那么就對圖標主體與細節(jié)的要求就更高了。尺寸越小，圖標質感，色彩，光影等細節(jié)損失就越大，這時候就需要設計師在比例、結構等細節(jié)做調整。
（例子：好壓的各尺寸的圖標展示）大家請看這個好壓的圖標，16 x 16像素以上尺寸的圖標在細節(jié)上較為完整，小到16 x 16像素的時候我們就對這個圖標的透視結構做了調整。這樣就避免了圖標主體與細節(jié)因為尺寸小而導致傳達失真的這個問題。
好，由于篇幅有限，對于圖標設計的部分規(guī)則和技巧，我們就先分享到這里。
我們回顧一下上面所講的界面窗體，控件以及圖標設計。我們談到了諸多的設計規(guī)則和設計技巧。其中尤其是窗體設計和控件設計實實在在的存在著很多的設計規(guī)范。那么，我們有沒有一種方法可以避免設計師犯一些UI設計的比較低級的錯誤呢？，有沒有一種工具可以快速的輔助幫助我們設計師完善這些界面設計呢？有的。UIPower為了幫助服務更多的設計師和設計團隊完善他們的設計工作，研發(fā)了一套設計產(chǎn)品化的PSD主題庫。
四、設計產(chǎn)品化的PSD主題庫
1、PSD主題庫的含義
那么，什么是設計產(chǎn)品化的PSD主題庫呢？
顧名思義，所謂PSD主題庫，就是一套PSD格式的UI設計主題庫。它是UIPower制定和設計研發(fā)的一套標準規(guī)范的適用于多平臺的UI控件設計主題庫。我們可以根據(jù)界面設計的需要從PSD主題庫中來提取相應的控件元素進行界面的設計與拼裝，從而以此來快速制作參考效果圖。
2、價值意義：
它具有以下幾點意義：
a、控件設計標準化，規(guī)范化
首先，它將我們的控件設計標準化，規(guī)范化。每一款軟件無論其何種架構，適用在何種平臺上，都有其規(guī)律可循，組成其界面的基本控件架構方式是不變的。這就好比是我們每個人都是社會的個體，都有其獨特的外貌特征和性格，但是組成我們每個人身軀的206塊骨骼是不會變的。
b、設計復用性
其次，它具有很強的設計復用性。PSD主題庫作為一套被歸納的主題庫，它可以拓展復用到不同的平臺上。例如我們可以利用PSD主題庫設計拓展到PC、iOS、Andriod以及其他的各種移動平臺上等等。
c、積累產(chǎn)品設計
最后，它還能夠積累產(chǎn)品設計，每一次的設計、每個階段的設計都能夠很好的被歸納積累并存儲到PSD主題庫中，從而擴容主題庫。
3、設計拓展
設計產(chǎn)品化的PSD主題庫在設計拓展層面還具有以下幾點特征：
a、PSD模板
第一，它可以視為一套PSD模板，快速修改并設計制作出我們理想的參考效果圖。當我們有一個界面設計的Idea后，我們可以挑選主題庫中的一套或者多套主題的樣式來快速設計拼裝，從而快速幫助我們實現(xiàn)我們的Idea設計。避免了Idea的設計執(zhí)行從零開始的困局和尷尬。
b、完善了所有的常用的控件元素
第二，它完善了所有的常用的控件元素。多元化的控件樣式能夠最大化的滿足我們的界面設計的需求。
c、控件合理的分層
再者，它將我們所需的控件進行了合理的分層，從而減少了在界面設計制作過程中的時間，提高了效率。例如一個Button，PSD主題庫就完善了它的正常、高亮、按下、禁用和焦點5種狀態(tài)。
d、兼容DirectUI Builder
最后，它還兼容UIPower自主研發(fā)的一款所見即所得的界面開發(fā)工具——DirectUI Builder。我們可以將一些優(yōu)秀的設計按照一定的規(guī)則設計制成主題導入Builder后，可擴充為皮膚制作模板。
好，這就是我們的設計產(chǎn)品化的PSD主題庫。相信大家也對設計產(chǎn)品化的PSD主題庫有了很深入的理解。
總結：
內容回顧：
接下來我們來一起回顧一下以上我們所講的整個內容。設計產(chǎn)品化的PSD主題庫；窗體設計、控件設計以及圖標設計。在談到UI界面設計中，由于時間等因素的原因，我們只討論了窗體、控件以及圖標的部分設計規(guī)則和技巧。
《三天兩夜打造UI設計高手》培訓課程
為此，UIPower有一套《三天兩夜打造UI設計高手》培訓課程，在這里面我們完整的全方位的講述了UI界面設計過程中的所有方法和技巧?？梢栽谝恢軆葘]有ＵＩ背景的美工提升為ＵＩ設計師。如果有機會，我們非常歡迎幫助更多的設計師提升UI設計能力。很多設計團隊和設計師經(jīng)過我們培訓后，他們在UI設計能力方面有了大幅提升，像“巨人網(wǎng)絡嘟嘟語音項目組”、廣東“佳和通信產(chǎn)品部”等都曾從中獲益。
做正確的設計
既然界面設計中有很多設計規(guī)則和技巧，可能，部分設計師會認為這些規(guī)則或許會左右、束縛我們展開設計活動？其實不然，對于設計師而言，要想打破規(guī)則，最好是先知曉和懂得利用這些規(guī)則，有規(guī)矩才會有方圓；做設計，要知其然，知其所以然，當我們知曉并深入理解利用了這些規(guī)則，那么我們就是在做正確的設計，因為做正確的設計要比把設計做正確了更重要。當這些設計規(guī)則和技巧深入到我們設計的骨髓和靈魂的深處的時候，那么我相信你已經(jīng)是站在巨人的肩膀上的那個人了。
謝謝大家，我的演講完畢！
