第一篇：UI設(shè)計中的一致性原則（大全）

UI設(shè)計中的一致性原則

UI設(shè)計的一致性原則，在設(shè)計當(dāng)中是很重要的，我們應(yīng)該在設(shè)計中秉承這種理念。不僅僅是UI設(shè)計，一致性，我們也可以理解為“統(tǒng)一性”，在這篇文章里，我們簡單闡述了一致性設(shè)計的幾個原則和如何創(chuàng)建一致性設(shè)計，相信無論是對于UI設(shè)計新手還是經(jīng)驗豐富的老人，文章都是有一定的借鑒意義的。一、一致性的設(shè)計讓用戶感到舒適

如果有人告訴你一個產(chǎn)品僅僅“憑直覺的設(shè)計”就可以成功，他們可能只是在炫耀技能而已。世界上壓根就沒有“單憑直覺設(shè)計”就能搞定的事兒。我們通過社會經(jīng)驗來理解和延伸自己的體驗，任何單單憑“直覺的設(shè)計“僅僅是一種來自我們先前經(jīng)驗的隱喻或者情景的結(jié)合。一個用戶并不是天生就知道漢堡包菜單就代表著更多的選項。見鬼，我們甚至不清楚為什么它就被叫做“漢堡包菜單”，直到聽到某些人這么叫，我們就跟著這么叫了，就是這樣。為什么有人要把這三根線的東西弄出一個概念，強加到漢堡包身上？

但是像我們之前聽到的隱喻一樣，漢堡包菜單也是一種被大眾容易接受的比喻形式，我們應(yīng)該利用這點優(yōu)勢。

這并不是說我們就要硬生生的用一個莫須有的事物來安到一件設(shè)計上。但作為設(shè)計師，我們確實應(yīng)該花一些時間來理解，為什么要采用這種設(shè)計方式？為什么它能被大眾廣泛認知？以及如何把這些知識應(yīng)用到我們創(chuàng)造的產(chǎn)品上？

設(shè)計師有義務(wù)去理解為什么有些作品看起來就是那么與眾不同，新鮮并且有趣。二、一致性設(shè)計節(jié)約時間和金錢成本

設(shè)計師在創(chuàng)造某些體驗后，需要一些理由給它們做出定義。一旦定義了某種外觀或者感覺，在產(chǎn)品的核心之上，適應(yīng)將來的變化的同時并保持一致性，就變的非常容易。這意味著我們可以花更少的時間來開會討論這樣的問題，把更多的時間拿來做真正有意義的工作。一致性設(shè)計的幾個原則中節(jié)約時間和成本也是我們要考慮的，當(dāng)我們坐下來開始做這些工作的時候，同樣，“嘗試并決定怎樣讓一件設(shè)計看起來不一樣”這種事情就會花費我們更少的時間，我們有更多的時間來專注建立自己設(shè)想的產(chǎn)品。

產(chǎn)品需要有趣，引人入勝同時，又讓人感到驚訝。隨著時間的推移，我們的產(chǎn)品需要不停的改進。但不論如何，所有決定都應(yīng)該基于一致性原則。

三、優(yōu)雅的一致性原則

偉大的設(shè)計，并不是因為我們腦袋里覺它就是美麗的，才會顯得偉大，而是因為它是無聲無息存在的，因為它是具有一致性的，讓用戶感到熟悉的。當(dāng)然，偉大的原因，也不是因為它跟之前創(chuàng)造的東西是完全相同的副本。偉大的設(shè)計是一致性并且讓人熟知的，因為它在這兩者之間建立了某種有趣的聯(lián)系。

優(yōu)雅的一致性設(shè)計是對用戶的一種尊重。這傳達了一個信息：你非常關(guān)注他們以往的使用經(jīng)驗，但是你也希望這件產(chǎn)品有樂趣和具有視覺吸引力。只有設(shè)計者對基本的設(shè)計原理和用戶體驗有非常深刻的認識，才能創(chuàng)建出優(yōu)雅的，具有一致性的設(shè)計作品。

偉大的設(shè)計是無形的，因為他們具有一致性，并讓人熟悉。一致性一定會犧牲設(shè)計的美觀嗎？不一定！只不過我們需要花更多的努力才能做到這點。

任何人都可以用具有看起來相似的正方形，矩形等來設(shè)計一個站點或者應(yīng)用，但是，你的本意一定不僅限于此。問問自己，你可以讓產(chǎn)品具備哪些優(yōu)勢。要讓每一天不那么無聊，挑戰(zhàn)下自己吧！用戶會為你點贊的。

四、如何創(chuàng)建一致性設(shè)計

1.·建立對比強烈的視覺層次感，讓重要的內(nèi)容放大，加粗。2.·把所有的內(nèi)容都按網(wǎng)格優(yōu)雅的對齊，或者也可以引入其它任何一種視覺排列系統(tǒng)

3.·在整個應(yīng)用中運用一致的配色方案·讓所有頁面的導(dǎo)航元素保持一致性

4.·在不同的情況下復(fù)用相同的設(shè)計元素。比如同一個通知元件，在不同的情況中使用顏色來區(qū)分它們。

5.·一致性的設(shè)計和結(jié)構(gòu)內(nèi)容會讓用戶有一種賓至如歸的感覺 以上簡單闡述了一致性設(shè)計的幾個原則，一致性設(shè)計應(yīng)該在任何設(shè)計建立初期就被考慮進去。只有最好的設(shè)計師才能覺察到產(chǎn)品在這方面到底做了什么。對于普通用戶而言，不管這些人能否注意到一致性設(shè)計的存在，但他們一定是會喜歡上這個產(chǎn)品的。

一致性設(shè)計應(yīng)該在任何設(shè)計建立初期就被考慮進去。只有最好的設(shè)計師才能覺察到產(chǎn)品在這方面到底做了什么。對于普通用戶而言，不管這些人能否注意到一致性設(shè)計的存在，但他們一定是會喜歡上這個產(chǎn)品的。

資料由AAA教育整理

第二篇：UI設(shè)計中的字體設(shè)計規(guī)范

去名企 拿高薪 到翡翠教育

UI設(shè)計中的字體設(shè)計規(guī)范

很多剛做APP界面的設(shè)計師，經(jīng)常會因為字號，字體顏色，間距而困擾。拿到設(shè)計需求后，開始進行設(shè)計，不知道從何去調(diào)整界面的字號和行間距等。容易碰到的問題是頁面和頁面的字號調(diào)著調(diào)著就大小或顏色不統(tǒng)一了。并且容易導(dǎo)致設(shè)計稿反復(fù)得修改。設(shè)計出來的效果圖文字左右間距層次不齊，導(dǎo)致與預(yù)期不符等。

在實踐的過程中我們會慢慢發(fā)現(xiàn)一些規(guī)律或者經(jīng)驗規(guī)范。接下來翡翠教育柳州墨本校區(qū)的老師將和大家一起聊聊在界面設(shè)計中的那些常規(guī)字體的使用規(guī)范。

不明確而繁瑣的字體搭配會導(dǎo)致整個畫面失調(diào)?？梢赃@樣說，字體可以成就設(shè)計也可以毀掉設(shè)計。

問題的關(guān)鍵有：

1.字體樣式太多，導(dǎo)致頁面雜亂 2.使用的字體不易識別

3.字體樣式和內(nèi)容的氣氛或規(guī)范不匹配 怎么避免這樣的結(jié)果發(fā)生呢？

通過設(shè)計經(jīng)驗可以幫助你做出更好的版式,翡翠教育柳州墨本校區(qū)的老師都擁有豐富的從業(yè)經(jīng)驗，了解不同平臺的常用字體設(shè)計規(guī)范，幫助學(xué)生快速的掌握規(guī)范。

在每個項目設(shè)計中只使用1-2個字體樣式，而在品牌字有明確的規(guī)范的情況下，只需要一種字體貫穿全文，通過對字體放大來強調(diào)重點文案。字體用的太多，越顯得不夠?qū)I(yè)。

不同的樣式的字體，形狀或系列最好相同，保證字體風(fēng)格的一致性。字體與背景的層次要分明,確保字體樣式與色調(diào)氣氛相匹配

在不同平臺的界面設(shè)計中規(guī)范的字體會有不同，像移動界面的設(shè)計就會有固定的字體樣式。網(wǎng)頁中會有常用的幾個字體，在這我和大家分別介紹一下。

以下是在72像素/英寸下的規(guī)范 移動端常規(guī)字體

IOS:常選擇華文黑體或者冬青黑體，尤其是冬青黑體效果最好。去名企 拿高薪 到翡翠教育

Android

英文字體：Roboto 中文字體：Noto 移動端常用的的字號有哪些呢？ 導(dǎo)航主標題字號：40-42px 在內(nèi)文展示中字號大小又是多大呢？

大的正文字號32px,副文是26px，小字20px，在內(nèi)文的使用中，根據(jù)不同

類型的App會有所區(qū)別。

像新聞類的APP或文字閱讀類的APP更注重文本的閱讀便捷性，正文字號36px，會選擇性的加粗。

大家注意了，在選用字體大小的時候一定要選擇偶數(shù)的字號，因為在開發(fā)界面的時候，字號大小換算是要除以二的。這個詳細緣由大家可以網(wǎng)上查詢，我就不在這一一的介紹了。大家感興趣的歡迎前來翡翠教育柳州墨本校區(qū)咨詢了解。

第三篇：一致性思考 一體化設(shè)計

在本刊今年第3期的《問診新課堂》專欄，我們討論了“基于標準的教學(xué)”的三個特征，即教學(xué)目標源于課程標準、內(nèi)容選擇適于教學(xué)目標、評價設(shè)計先于教學(xué)設(shè)計。以下我們結(jié)合徐智慧老師的課堂敘事，具體解析“基于標準的教學(xué)”的基本策略。

與以教科書為邏輯起點的傳統(tǒng)教學(xué)不同，“基于標準的教學(xué)”是以教學(xué)目標為邏輯起點的。而在教學(xué)目標確定的過程中，又要求以課程標準為基點，綜合考慮課標、課本、學(xué)情、考情等四個要素。有一次，我和實驗學(xué)校的老師討論這一問題時，一位老師靈機一動，將這四個要素合并為“兩課兩情”――既好說又好記，真是一個高明的概括！

不過說到這里，有的朋友心里可能會犯嘀咕：我寫教案本來就夠辛苦了，你現(xiàn)在來個“兩課兩情”――“一手托四家”，搞得也太復(fù)雜了吧？古語有云：“為之，則難者亦易矣；不為，則易者亦難矣?！币坏┠阏业搅藛栴}解決的方法，復(fù)雜的事情也就變得簡單了。

怎么樣？現(xiàn)在您有決心一試身手了吧？如果能得到您肯定的回答，我將十二分地高興，并愿意提供三種目標確定的方法：解剖術(shù)、鋪路術(shù)和焊接術(shù)。

解剖術(shù)多用于課程標準的分解，它主要有三步。

第一步，尋找并標記關(guān)鍵詞。課程標準一般包括三項內(nèi)容：（1）學(xué)生應(yīng)知什么，即學(xué)科的概念或內(nèi)容；（2）學(xué)生能做什么，即技能；（3）具體的語境，即教師所使用的材料。概念或內(nèi)容在課程標準中是以名詞和名詞短語呈現(xiàn)的，技能則是以動詞呈現(xiàn)的。因此，課標分解的第一步就是要找出這些關(guān)鍵的動詞和名詞。為了更清楚地區(qū)分這些名詞和動詞，我們可以在關(guān)鍵名詞下面畫線，把關(guān)鍵動詞加黑。以徐老師課堂敘事中涉及的數(shù)學(xué)課標條目為例，我們可以標記如下：

通過具體的實例認識軸對稱，探索它的基本性質(zhì)，理解對應(yīng)點所連的線段被對稱軸垂直平分的性質(zhì)。

第二步，擴展或剖析關(guān)鍵詞。在標出關(guān)鍵的名詞和動詞之后，就可以分別擴展或剖析這些詞語了。還以徐老師課堂敘事中涉及的課標條目為例，其中名詞的意義已經(jīng)非常清晰，因此不需要再分解；而“探索”和“理解”這兩個動詞的意思則較為抽象，需要分解成一些可觀察、可測量的動作。此時，您既可以依據(jù)個人的經(jīng)驗去剖析，也可以借用目標分類學(xué)研究的已有成果。比如，《布盧姆教育目標分類學(xué)修訂版》就將人的認知過程分為6類19種，其中將“理解”分解成了“解釋、舉例、分類、概要、推論、比較、說明”等七種典型行為。徐智慧老師將“理解”分為“說出”“解釋”“判斷”，顯然是受了這一成果的啟發(fā)。而徐老師能將“探索”分解成“作圖實驗”“觀察分析”和“歸納總結(jié)”，則源于其個人經(jīng)驗和專業(yè)判斷，可以看出他一個善于思考和創(chuàng)造的老師。

第三步，組合關(guān)鍵詞并選擇合適的目標。如果課程標準的某一條目只需要一個關(guān)鍵詞，情況就比較簡單；如果同時分解了幾個關(guān)鍵詞，就會排列組合出很多條教學(xué)目標來。但一節(jié)課只有45分鐘，這么多的目標不可能同時完成。此時，教師就需要運用鋪路術(shù)和焊接術(shù)這兩個“篩子”，對這些目標做一番分揀。

鋪路術(shù)其實就是學(xué)情分析的技術(shù)。我之所以給它起這個名字，是因為“課程”一詞的拉丁文原意就是“跑道”，意思是說課程就是學(xué)生在教師鋪設(shè)的道路上奔跑。而教師作為一個“鋪路者”，在鋪設(shè)問題之前就必須知道：學(xué)生可能在哪里迷路、需要在哪里打盹兒、需要在哪里攙扶等。只有摸清了這些情況，教師才可能有的放矢，做到“道而弗牽，強而弗抑，開而弗達”，在緊要處扶學(xué)生一把。

了解學(xué)情的方法很多，如作業(yè)分析法、觀察訪談法、調(diào)查問卷法等。特級教師趙謙翔就發(fā)明了“一言心得法”。他每隔一兩周就要求學(xué)生針對自己的語文教學(xué)寫幾句話，從而掌握學(xué)情的變化。我在中學(xué)當(dāng)校長時，有位教師的教學(xué)效果特別好，在仔細觀察了他的教學(xué)之后，我發(fā)現(xiàn)他的“秘訣”在于和學(xué)生聊天，平時和學(xué)生“泡”在一起，每次考試過后要找所有的學(xué)生面談一遍。因為學(xué)情摸得透，教起來自然得心應(yīng)手。

焊接術(shù)指的是在確定教學(xué)目標時，還要把考試作為一個重要的因素來考慮，其原因有兩個。

第一，與課程標準相比，考綱的要求往往更為具體，它使目標的確定變得更為容易。例如，語文課程標準對第四學(xué)段的閱讀教學(xué)提出了“在通讀課文的基礎(chǔ)上，理清思路”的要求，但“思路”這個名詞包括哪些內(nèi)容，標準并沒有具體的說明；而在《2012年上海市初中畢業(yè)統(tǒng)一學(xué)業(yè)考試手冊（語文科）》中，則對文章的思路結(jié)構(gòu)做了具體的要求：說明文（時間順序、空間順序、邏輯順序），記敘文（順敘、插敘、倒敘），議論文（總分、并列、層進、對照）。顯然，后者對教學(xué)的指導(dǎo)性更強些。

第二，目前很多命題者對課程標準把握得并不準確，命題超標的現(xiàn)象并不少見，遇到這種情況時，教師不得不在課標和考試之間做出平衡。我在實驗學(xué)校指導(dǎo)時就經(jīng)常有老師向我訴苦：“我想按課標教，可是上面不按課標考，我到底該聽誰的呢？”此時，我只能無奈地告訴他：大規(guī)?？荚嚭驼n標的一致性是一個暫時難以解決的體制性問題。目前唯一的應(yīng)對辦法是在教學(xué)目標的確定中加入考情的因素，找到考試要求與課標的差距，并根據(jù)自己的教學(xué)實際處理好兩者的關(guān)系。

基于標準的教學(xué)的另一重要特征是“評價設(shè)計先于教學(xué)設(shè)計”，指的是要在教學(xué)活動實施之前就考慮評什么、怎么評的問題。如果把一節(jié)課比作一條繩子的話，目標和評價就是繩子的兩端，我們只有先攥住它們，整個繩子才能繃成一條直線。新課程實施以來，課堂上學(xué)生的活動多了起來，學(xué)生的主體性得以凸顯。但形式化的問題也日益嚴重：說是老師放手，實則學(xué)生放羊；說是重在參與，實則組織無序；說是“享受過程”，實則“勞而無功”。這就是美國的課程學(xué)者湯姆林森所一再批評的“模糊的設(shè)計”。

為了解決這一問題，在一致性思考目標、教學(xué)、評價的同時，我們還需要將評價和教學(xué)進行一體化的設(shè)計。在這一方面，徐老師的課堂敘事為我們提供了很好的樣例。他把三個主要的課堂活動全都設(shè)計成了評價活動，每個活動又由評價任務(wù)、評價標準和評價方式三個部分組成。這樣一來，每個活動由誰來做、怎么去做、做到什么程度都一目了然。因為明確了活動的方向、鎖定了活動的主體、明晰了活動的標準、圈定了活動的邊界，教學(xué)自然就變得緊湊而簡約。

由此可見，在“基于標準的教學(xué)”中，我們要特別關(guān)注“兩個一”工程：一個是從教學(xué)目標的確定出發(fā)，思考目標、教學(xué)和評價的一致性。這個工程做好了，教學(xué)的思路就清楚了。另一個是從評價的設(shè)計入手，完成教學(xué)和評價的一體化。這個工程做好了，教學(xué)的內(nèi)容就集約了。

第四篇：《UI設(shè)計》課程標準

《UI設(shè)計》學(xué)習(xí)領(lǐng)域課程標準

執(zhí)筆：甄珍

審核：

時間： 2013-5-

5一、學(xué)習(xí)領(lǐng)域定位

“UI”熱是近幾年來興起的潮流，近幾年國內(nèi)很多從事手機，軟件，網(wǎng)站，增值服務(wù)等企業(yè)和公司都設(shè)立了這個部門。還有很多專門從事UI設(shè)計的公司也應(yīng)運而生。

正是鑒于目前UI行業(yè)的發(fā)展狀況，本專業(yè)第一次開設(shè)計《UI設(shè)計》課程。

《UI設(shè)計》是所有與網(wǎng)絡(luò)通信軟件相關(guān)專業(yè)課程，該課程既可以鞏固前期所學(xué)的設(shè)計基礎(chǔ)理論知識和設(shè)計軟件應(yīng)用知識，還重在給學(xué)生開拓新的專業(yè)知識面，認知一個新的設(shè)計領(lǐng)域，從而拓展職業(yè)能力和就業(yè)選擇面。

二、職業(yè)分析

目前UI即用戶界面設(shè)計行業(yè)剛剛在全球軟件業(yè)興起，屬于高新技術(shù)設(shè)計產(chǎn)業(yè)，與國外在同步發(fā)展水平。其次國內(nèi)外眾多大型IT企業(yè)(例如：百度、騰訊、Yahoo、中國移動、Nokia、聯(lián)想、網(wǎng)易、微軟、盛大、淘寶等眾多企業(yè))均已成立專業(yè)的UI設(shè)計部門，但專業(yè)人才稀缺，人才資源爭奪激烈。但目前全國UI設(shè)計專業(yè)的系統(tǒng)教學(xué)極其稀少。UI設(shè)計師的待遇和地位也逐漸上升。

三、學(xué)習(xí)目標

知識目標：使學(xué)生能熟悉UI設(shè)計的流程和設(shè)計方法，并能使用制作有創(chuàng)意的，充滿視覺沖擊力的UI設(shè)計作品。

技能目標：使學(xué)生學(xué)會系統(tǒng)規(guī)劃和全局思維，能夠完成一整套UI系統(tǒng)的設(shè)計。

素養(yǎng)目標：使學(xué)生具備能從事UI系統(tǒng)的開發(fā)與設(shè)計能力，培養(yǎng)學(xué)生團隊合作、及獨立思考能力。

四、學(xué)習(xí)內(nèi)容

四、學(xué)習(xí)領(lǐng)域課程設(shè)計思路

（一）設(shè)計理念

五、考核方式

學(xué)生成績的評定，以學(xué)生平時表現(xiàn)和任務(wù)完成情況及最終考核來核定。評分細則如下表：

其中，平時成績包括平時上課的表現(xiàn)和各任務(wù)的完成情況，占總成績的30％；最終考核成績所用考核方式為機試，占總成績的70％。

第五篇：UI設(shè)計流程

UI設(shè)計流程

階段一：分析

1用戶需求分析 2用戶交互場景分析 3競爭產(chǎn)品分析

這兩者可以說是相輔相成的。對于一個較為正規(guī)的項目而言，必然有對用戶需求的分析內(nèi)容。Tanjurd瑭錦資深UI設(shè)計師表示其中用戶UI需求是重要的組成部分。如果說UI設(shè)計原則是所有UI設(shè)計的出發(fā)點的話，那么用戶UI需求就是本次設(shè)計的出發(fā)是好的UI設(shè)計建立在對用戶深刻了解之上。因此用戶交互場景分析就很重要。對于大部分項目組來說也許沒有時間和精力去實際勘查用戶的現(xiàn)有交互、制作完善的交互模型考察，但是UI設(shè)計人員在分析的時候一定要站在用戶角度思考：如果我是用戶，這里我會需要什么。競爭產(chǎn)品能夠上市并且被UI設(shè)計者知道，必然有其長處。這就是所謂三人行必有我?guī)煹囊馑?。每個設(shè)計者的思維都有局限性，看到別人的設(shè)計會有觸類旁通的好處。當(dāng)然有的時候可以參考的并不一定是競爭產(chǎn)品。

階段二 設(shè)計需求：（葉面設(shè)計前需提給UI頁面組）

1.系統(tǒng)設(shè)計需求文檔。2.系統(tǒng)結(jié)構(gòu)文檔（例如欄目劃分，目錄結(jié)構(gòu)，導(dǎo)航方式等）。3.較復(fù)雜頁面表現(xiàn)形式草圖（手繪或相關(guān)軟件繪制）。4.較復(fù)雜業(yè)務(wù)流程文檔。5.如有可能提供參考和示例站點。6.與程序員溝通部分頁面實現(xiàn)方法。

段三：頁面制作：

1.經(jīng)過確認的美術(shù)設(shè)計的方案圖7.系統(tǒng)設(shè)計需求文檔等，較復(fù)雜務(wù)流程文檔。2.所需頁面腳本需求，與程序員溝通部分頁面實現(xiàn)方法。3提交給程序

用戶交互case圖（說明用戶和系統(tǒng)之間的聯(lián)系）用戶交互流程圖（說明交互和事件之間的聯(lián)系）交互功能設(shè)計圖（說明功能和交互的對應(yīng)關(guān)系）最終得到UI的設(shè)計產(chǎn)品。

階段四：驗證

界面測試：（頁面組提交給測試組包括：1.經(jīng)確認的設(shè)計方案圖。2.靜態(tài)模板頁面。以上二項均為便于查看嵌入程序后的葉面情況。3.常出現(xiàn)的界面錯誤：圖片錯誤，頁面不美觀，布局不合理，與原先設(shè)計不符，文字 錯誤HTML代碼錯誤，頁面程序錯誤。4.界面bug測試報告：

正如Tanjurd瑭錦國際UI交互設(shè)計原則文中提到的，對于UI產(chǎn)品的驗證主要從下面幾個方面入手：

1、功能性對照UI設(shè)計的再好，和需求不一致也不可以。

2、實用性內(nèi)部測試UI設(shè)計的最重要點就是實用性。

3、用戶焦點小組UI設(shè)計是否優(yōu)秀的重要衡量依據(jù)。最后，瑭錦Tanjurd說一點其他的問題?，F(xiàn)在往往認為交互式設(shè)計和最終的UI效果設(shè)計可以截然分開。這就好比說需求可以和設(shè)計截然分開，是不可能的。

總結(jié)：

1.產(chǎn)品定位與市場分析這一類工作大多都是由新產(chǎn)品研發(fā)部門以及市場需求完成的，但UI設(shè)計師應(yīng)了解產(chǎn)品的市場定位、產(chǎn)品定義、客戶群體、運營方式等。

2.用戶研究與分析這個過程是非常重要的，設(shè)計師應(yīng)該找到合適的方法來完成此環(huán)節(jié)。你可以搜集相關(guān)資料分析目標用戶的使用特征、情感、習(xí)慣、心里、需求等，提出用戶研究報告和可用性設(shè)計建議。這部分工作也可和團隊配合完成。時間與項目需求允許的情況下，更可以制定實景用戶分析。

3.架構(gòu)設(shè)計這里涉及到比較多的界面交互與流程的設(shè)計，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。

4.原型設(shè)計我覺得這里應(yīng)該是一個小的階段標志，要對前面所有工作加以設(shè)計方面的實施，根據(jù)進度與成本，可以把原型控制在“手繪－圖形－FLASH-視頻”幾個質(zhì)量范圍。原型的本質(zhì)更傾向與一個DEMO，它不需要有全部的功能，但要體現(xiàn)出設(shè)計對象的基本特性。

5.界面設(shè)計如果很傾向于圖形界面設(shè)計，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過的分析結(jié)果做設(shè)計，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。

6.界面輸出作為設(shè)計師，在這一部分的工作就是配合好開發(fā)人員完成相關(guān)的界面結(jié)合。7.完善工作這個環(huán)節(jié)是很多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗回饋、測試回饋。同時，UI人員也應(yīng)該把一些可行性建議進行完善。Tanjurd瑭錦表示很多設(shè)計師做了東西不喜歡改，這是一個大忌。

如上的流程，可能會有很多部門共同參與完成，UI設(shè)計師如何與團隊配合并發(fā)揮自己應(yīng)有的作用非常重要。一名合格的UI設(shè)計師，應(yīng)該能貫穿整個UI流程進行工作，而并非是單純的圖形界面設(shè)計。