UI設計更圖片(2張)UI即User Interface(用戶界面)簡稱UI設計指軟件機交互、操作邏輯、界面美觀整體設計UI設計僅讓軟件變性品味要讓軟件操作變舒適簡單、自由充體現軟件定位特點軟件設計兩部：編碼設計與UI設計UI本意用戶界面英文User Interface縮寫字面看用戶與界面2部組實際包括用戶與界面間交互關系飛速發展電產品界面設計工作點點重視起做界面設計美工隨稱UI設計師或UI工程師其實軟件界面設計像工業產品工業造型設計產品重要賣點電產品擁美觀界面給帶舒適視覺享受拉近與商品距離建立科性藝術設計檢驗界面標準既某項目發組領導意見項目員投票結終端用戶受文名：UI設計外文名：User Interface所屬領域：軟件設計,手機端設計相關職業：UI設計師內容與相應 UI設計師職能體包括三面：圖形設計即傳統意義美工實際承擔單純意義美術工工作軟件產品產品外形設計二交互設計主要于設計軟件操作流程、樹狀結構、操作規范等軟件產品編碼前需要做交互設計并且確立交互模型交互規范三用戶測試/研究所謂測試其目標恰于測試交互設計合理性及圖形設計美觀性主要通目標用戶問卷形式衡量UI設計合理性沒面測試研究UI設計壞能憑借設計師經驗或者領導審美評判給企業帶極風險

UI 設計師我認為廣義的 UI 設計師（即用戶界面設計師）需要能做到上面所說的事情，但是按照現在業界的普遍定位，UI 設計師通常需要的圖形設計技能。你需要熟練地使用 PS 或 FW，你經常上的網站是 dribbble，你癡迷于圓角，陰影和漸變，關注每一個像素。當然，在一些公司里，你常常要將模糊的 “需求” 直接轉化為用戶界面，有時候你可能也需要一些開發技能。交互設計師一個交互設計師關注用戶的體驗，但是他們地著眼于如何將這種影響體現在用戶界面的信息架構，用戶操作的流程上。拿設計一個網站來說，交互設計師需要使用流程圖，線框圖將用戶與網站的 “交互” 流程，網站的信息架構可視化出來，以得到反饋，和確保與開發人員的有效溝通。在一些公司的要求里，也可以看到要求交互設計師需要掌握一定的開發技能。有一些招聘人員將 “交互設計師” 和 “互動設計師” 混淆了，所以有時候交互設計師也被要求會一些 Actionscript 什么的。

用戶心理學——認知原則的應用認知心理學，從廣義上來說，就是關于認識的心理學。人類認識客觀事物，主要就是通過感覺、知覺、注意、記憶、思維想象等來進行，因此，凡是研究人的認識心理過程的，都屬于認識心理學。實際上，我們這里所指的認知心理學是指純粹采用信息加工觀點來研究認知心理學過程的心理學，也就是運用信息論以及計算機的類比、模擬、驗證等方法來研究知識是如何獲得、存貯、交換、使用的。所以，我們這里所指的現代認知心理學實質是信息加工心理學。一般地，人們將信息加工心理學又稱為狹義的認知心理學。1.認知過程看和聽的過程構成知覺，圖像和聲音作為刺激的特征被接收并以抽象的方式被編碼，把輸入和記憶中的信息進行對比得出對刺激的解釋，這一過程就是認知。人體信息處理器包括感官、短期記憶、長期記憶及與其相聯系的動作處理器和認知處理器。每種知覺均有一個對應的短期存儲器和處理器，人體信息模型總體框圖如左圖4.3.1所示。其中認知處理器執行的工作就是我們通常所說的思維。思維的結果或被存儲起來，或送至動作處理器控制行動。2.認知心理學（1）現代認知心理學的核心： 現代認知心理學的理論實質，就是以計算機信息加工的觀點來研究人的心理學活動，把人腦看作是一種如同計算機的信息加工系統。（2）現代認知心理學兩個關鍵的重要概念： 現代認知心理學的學說內容集中體現在兩個關鍵的重要概念上。現代認知心理學的一個重要的中心概念，就是“信息”。在某種程度上說，抽掉了“信息”的概念，認知心理學的理論也就會散架解體，難以存在。現代認知心理學的另一個重要的中心概念，就是“信息加工系統”。信息加工系統的理論，是現代認知心理學理論的主體。（3）現代認知心理學的研究方法：現代認知心理學的研究方法有實驗法、觀察法(包括自我觀察法)以及計算機模擬法等。3.人機交互設計遵循的認知原則根據用戶心理學和認知科學，提出如下基本原則指導人機界面交互設計。（1）一致性原則。即從任務、信息的表達、界面控制操作等方面與用戶理解熟悉的模式盡量保持一致。（2）兼容性。在用戶期望和界面設計的現實之間要兼容，要基于用戶以前的經驗。（3）適應性。用戶應處于控制地位，因此界面應在多方面適應用戶。（4）指導性。界面設計應通過任務提示和反饋信息來指導用戶，做到“以用戶為中心”。（5）結構性。以減少復雜度。（6）經濟性。界面設計要用最少的支持用戶所必須的步驟來實現一個操作。在上述基本原則指導下，提出以下幾點針對界面設計與屏幕設計的參考:（1）由具體到抽象。即首先通過多媒體界面給用戶提供具體界面設計應是結構化的的對象。然后從具體對象、內容中讓學習者歸納出抽象的概念或原理，或用模擬系統來引導出抽象的原理。（2）由可視化的內容顯示不可見的內容。盡可能利用數字、圖解、動畫、色彩等清晰爽目的對象顯示原理、公式或抽象的概念。（3）由模擬引導創新。突出人機交互，盡量啟發用戶的積極思維和參與，并激起用戶的學習和創造欲望。（4）合理運用再認與再憶，減少用戶短期記憶的負擔。所謂再認就是從系統給定的幾個可能答案中要用戶選擇一個正確的或最好的。再憶即要求用戶輸入正確的答案或關鍵字。（5）考慮用戶的個別差異，使用用戶語言。以上5點具體體現了“由易而難，逐步強化。”這一源于認知心理學的原則。界面設計原則：（1）用戶原則。人機界面設計首先要確立用戶類型。劃分類型可以從不同的角度，視實際情況而定。確定類型后要針對其特點預測他們對不同界面的反應。這就要從多方面設計分析。（2）信息最小量原則。人機界面設計要盡量減少用戶記憶負擔，采用有助于記憶的設計方案。（3）幫助和提示原則。要對用戶的操作命令作出反應，幫助用戶處理問題。系統要設計有恢復出錯現場的能力，在系統內部處理工作要有提示，盡量把主動權讓給用戶。界面設計并無固定規則可以遵循，然而在長期的界面設計的研究與用戶的研究調查的過程中，設計師們摸索出了一套界面設計的原則，以下的幾條原則是設計師們應該遵循的：一、人機界面的設計應該簡潔易懂：人機界面不應該喧賓奪主。游戲軟件與其它類應用軟件不同，游戲軟件可視化的元素中所有的一切都應該為游戲性與晚間的游戲體驗服務如果過分修飾或過于繁瑣的話，人機界面反而會干擾玩家的注意力，使他們不能集中精力于游戲世界的體驗中。人機界面應該力求簡潔，占用的屏幕空間越少越好。矛盾隨之應運而生，隨著游戲的復雜程度和數據量的增加，需要玩家知道掌握的數據信息越來越多，另一方面人機界面的需求有時追求極度簡潔，占用屏幕越少越好。同時人機界面的設計應該具有極強的易懂性，《Age Of Empire》的設計者們曾提出“前十五分鐘法則”。“前十五分鐘”指的是對于一個游戲而言如果入門級玩家不能在前十五分鐘順利的弄明白基本操作和策略并開始游戲，或鐵桿級玩家不能在前十五分鐘感到有趣和挑戰的話，他們就會放棄這個游戲。因此游戲界面應該是極易上手，同時又應該給高級玩家帶來挑戰的設計。二、人機界面和游戲世界應該風格統一：從色彩到質感，應該和游戲世界保持一致協調。而且界面與有些應該結合統一不要有過大反差或甚至風馬牛不相及。三、人機界面應該具有一定的自解釋性（affordance）與可學習性（learnable）：所謂自解釋性，是指一個設計能夠通過自己的外表暗示自己的功能。最簡單的例子如門把手，其形狀本身就暗示了手應該握住它后向下按。在人機界面設計上最典型的例子就是windows的窗口了，在窗口的右下角的三角形三維凹凸不平，就是從音量調節器的設計（音量調節鈕上的凹凸不平，暗示了其可旋轉性）中引申出來的，它暗示了鼠標可以拉動它從而改變窗口大小。四、人機界面應該布局平衡：所有文字和圖表應該擺放得恰到好處，形成一種平衡感。以往的游戲設計師們毫無平面設計的基礎訓練，在擺放圖表和文字時隨心所欲毫無章法，導致明顯的布局不平衡和重要信息不突出。五、應該以一種動態的觀點來設計人機界面：這一點也許不太好理解。將人機界面設計與平面設計區分開來的最主要一點便是前者是動態的，而后者則為靜態的設計平面設計的最終產品包括廣告招貼，書籍封面，宣傳冊等等，這些都是人們去閱讀的靜態的頁面（就新興的網頁設計而言，其更接近于后者）。二人機界面的最終產品是軟件用戶界面，其實要用戶通過動態的過程來使用的。設計人機界面，并不只是設計一個窗口菜單和控制面板，更重要的是設計一種動態的交互（interaction），在設計時必須將用戶種種的行為可能性與動態視效的配合考慮在內。六、在設計用戶界面時應將效率問題考慮在內：玩家在玩游戲時的交互實現是通過以下這一過程實現的，1玩家意識到當前需要——2玩家尋找命令——3玩家輸入指令（input，即玩家點擊相應按鈕或按下手柄按鍵）——4電腦內部程序進行指令分析——5電腦以可視化的形式進行反饋（output，當前需要得到實現）。所有游戲，包括當前所有軟件，都是通過無數次的上述過程來實現交互的，并且這種交互過程模式，將在很長的一段時間內作為交互的主要甚至唯一手段。正因為這種過程的存在，使得我們不得不引入效率的概念。用戶界面設計的任務，從最根本的方面來說，就是減少從過成2到過程3這一段用戶所需要做的功。玩家在這一過程中所花費的時間與鼠標所經過的距離越長，玩家所消耗掉的功就越多。用戶界面設計追求減少甚至消滅掉這一過程，因為這一過程所消耗掉用戶的功就其意義來說是無用功，它對整個交互作用沒有任何意義，反而這一過程的大量存在會使用戶產生疲勞感和排斥感。就即時戰略游戲而言，在早期的《Age Of Empire》之后，此類游戲的用戶界面設計便一直以其為標準，即將游戲畫面與用戶界面分割開來，前者居上占據屏幕的70-80%，后者居下。一直到后來的許多熱門即時戰略游戲《Red Alarm》系列（其用戶界面由下面改到了右面）、《StarCraft》系列、《WarCraft》系列……這既表示了這一設計為廣大界面設計師擁護，說明此一設計有其成熟的一面；同時也表示用戶界面設計在長時間內處于無創新狀態。因為就此設計而言，其仍有許多缺陷，在效率方面問題最為明顯。為了完成游戲，玩家需要不停的將鼠標在游戲畫面與用戶界面之間移動，以完成指令的下達。現行的這一設計增加了鼠標移動的距離和下達指令需耗費的時間，如此一來，游戲中長時間的大量的無用功會令玩家產生疲勞感。盡管已經有許多方法被嘗試來改變這種狀況，如熱鍵盤這一設計的引入。然而這一針對高級玩家的設計并沒有從根本上改變游戲界面設計的效率問題。許多工具軟件在效率這方面的問題解決的要比游戲好得多。其中貢獻最為明顯的就是右鍵彈出指令框這一設計，其有效地解決了鼠標移動距離與消耗時間的問題，從而客觀地提升了軟件操作的效率。然而，如果將這一設計應用于游戲中，就勢必增加了界面的復雜性，不如原來的分割式設計一目了然。這有與人機界面設計的第一條原則相矛盾，同時對二三四條產生連帶影響，這些都增加了人機界面設計的難度與挑戰性。其實人機界面設計原則的第六條在本質上并不與第一條發生矛盾關系，這就為人機界面設計的改進與創新提供了可行性。七、人機界面設計的最高水平是達到無形入化：所謂人機界面的無形入化，就是說人機界面非常自然，非常好用，玩家用起來得心應手，全身心地投入到游戲世界中，仿佛人機界面是透明的了，似乎感受不到它的存在。這是所有人機界面設計的終極目標，也是所有游戲設計師們努力的方向。界面設計與評價評價是人機界面設計的重要組成，應該在系統設計初期就進行，或在原型期就進行，以便及早發現設計缺陷，避免人力、物力浪費。對界面設計的質量評價通常可用四項基本要求衡量：（1）界面設計是否有利于用戶目標的完成；（2）界面學習和使用是否容易；（3）界面使用效率如何；（4）設計的潛在問題有哪些；對界面的總體設計和具體功能塊設計，可用上面提到的各類界面設計準則就其應用對象進行綜合測試。具體要求的界面品質,僅提出如下幾項供參考：（1）實用性。衡量界面在幫助用戶完成任務時的滿意程度，這點只能從用戶調查表中獲取數據。（2）有效性。度量指標有錯誤率、任務完成時間、系統各設備使用率等。（3）易學習性。從系統開始使用一段時間后，錯誤率下降情況、完成任務時間減少的情況、正確調用設備及命令的情況以及用戶知識增加的狀況來衡量。（4）系統設備及功能使用面。若有些設備或功能任何用戶都未用過，則可能設計有誤。（5）用戶滿意程度。以用戶滿意程度，發現問題多少及使用興趣來衡量。界面評估采用的方法已由傳統的直覺經驗的方法，逐漸轉為科學的系統的方法進行。傳統經驗方法有如下幾種：（1）實驗方法。在確定了實驗總目標及所要驗證的假設條件后，設計最可靠的實驗方法是隨機和重復測試，最后對實驗結果分析總結。（2）監測方法。即觀察用戶行為。觀察方法有多種，如直接監測、錄像監測、系統監測等。執行時一般多種方法同時進行。（3）調查方法。這種方法可為評價提供重要數據，在界面設計的任何階段均可使用。調查方式可采用調查表(問卷)或面談方式。但應該指出，這種方法獲得數據的可靠性和有效性不如實驗法和監測法。另一種不同于經驗方法的是形式化方法。這種方法建立在用戶與界面的交互作用模型上。它與經驗方法區別在于不需要直接測試或觀察用戶實際操作，優點是可在界面詳細設計實現前就進行評價。但無法完全預知用戶所反映的情況，所以目前多用比較簡單可靠的經驗方法。（1）布局屏幕布局因功能不同考慮的側重點不同。各功能區要重點突出，功能明顯。無論哪一種功能設計，其屏幕布局都應遵循如下五項原則：①平衡原則。注意屏幕上下左右平衡。不要堆擠數據，過分擁擠的顯示也會產生視覺疲勞和接收錯誤。②預期原則。屏幕上所有對象，如窗口、按鈕、菜單等處理應一致化，使對象的動作可預期。③經濟原則。即在提供足夠的信息量的同時還要注意簡明，清晰。特別是媒體，要運用好媒體選擇原則。④順序原則。對象顯示的順序應依需要排列。通常應最先出現對話，然后通過對話將系統分段實現。⑤規則化。畫面應對稱，顯示命令、對話及提示行在一個應用系統的設計中盡量統一規范。在屏幕布局中，還要注意到一些基本數據的設置。按照以上原則，進行屏幕設計，應做到：（1）按功能將屏幕分成幾個區域，通常為：標題區，工作區，提示和出錯處理區、以及其他。示例一（2）用戶界面應包含所有所必需的信息。示例二（3）屏幕的使用密度應當適當，防止過稀或過密。示例三（2）文字與用語文字和用語除作為正文顯示媒體出現外，還在設計題頭、標題、提示信息、控制命令，會話等功能時展現。對文字與用語設計格式和內容應注意如下：①要注意用語簡潔性。避免使用計算機專業術語；盡量用肯定句而不要用否定句；用主動語態而不用被動語態；用禮貌而不過分的強調語句進行文字會話；對不同的用戶，實施心理學原則使用用語；英文詞語盡量避免縮寫；在按鈕、功能鍵標示中應盡量使用描述操作的動詞；在有關鍵字的數據輸入對話和命令語言對話中采用縮碼作為略語形式；在文字較長時，可用壓縮法減少字符數或采用一些編碼方法。 示例一 示例二②格式。在屏幕顯示設計中，一幅畫面不要文字太多，若必須有較多文字時，盡量分組分頁，在關鍵詞處進行加粗、變字體等處理，但同行文字盡量字型統一。英文詞除標語外，盡量采用小寫和易認的字體。③信息內容。信息內容顯示不僅采用簡潔、清楚的表達，還應采用用戶熟悉的簡單句子，盡量不用左右滾屏。當內容較多時，應以空白分段或以小窗口分塊，以便記憶和理解。重要字段可用粗體和閃爍吸引注意力和強化效果，強化效果有多樣，針對實際進行選擇。 示例三 示例四（3）顏色的使用顏色的調配對屏幕顯示也是重要的一項設計，顏色除是一種有效的強化技術外，還具有美學價值。使用顏色時應注意如下幾點：①限制同時顯示的顏色數。一般同一畫面不宜超過4或5種，可用不同層次及形狀來配合顏色，增加變化。示例一②畫面中活動對象顏色應鮮明，而非活動對象應暗淡。對象顏色應盡量不同，前景色宜鮮艷一些，背景色則應暗淡。示例二③盡量避免不兼容的顏色放在一起，如黃與藍，紅與綠等，除非作對比時用。示例三④若用顏色表示某種信息或對象屬性，要使用戶懂得這種表示，且盡量用常規準則表示。示例四總之，屏幕顯示設計最終應達到令人愉悅的顯示效果，要指導用戶注意到最重要的信息，但又不包含過多的相互矛盾的刺激。設計流程：1） 調查研究2）基本概念設計3）生產界面原型4）可行性測試5）反復優化操作設計1）二維操作優先原則2）鼠標移動最短原則3）淺層菜單設計原則4）快捷鍵放置左側原則5）信息最大化原則6）角色操作分級原則7）多渠道性8）可設置性

　　用戶界面(User Interface)是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由、充分體現軟件的定位和特點。　　用戶界面（User Interface，簡稱 UI，亦稱使用者界面[1]）是系統和用戶之間進行交互和信息交換的媒介，它實現信息的內部形式與人類可以接受形式之間的轉換。用戶界面是介于用戶與硬件而設計彼此之間交互溝通相關軟件，目的在使得用戶能夠方便有效率地去操作硬件以達成雙向之交互，完成所希望借助硬件完成之工作，用戶界面定義廣泛，包含了人機交互與圖形用戶接口，凡參與人類與機械的信息交流的領域都存在著用戶界面。

UI，指的是用戶界面，也就是人與機器互動的界面。同時又有GUI和WUI之分，不過一般的話統稱是UI設計師。在PC端從事網頁設計，我們稱呼WUI設計師或者網頁設計師。在移動端，從事移動設計的稱呼為GUI設計師。而UI可以理解為UX的一個分支，不同于 UX 設計師需要關注產品的整體感覺，UI 設計師更關注產品以怎樣的界面呈現。其實互聯網領域中，UI 和 UX 設計師的界限相當模糊，在很多創業公司，這兩個設計角色是合二為一的。這個就是為什么很多中小型的公司為什么要求UI設計會交互，或者交互又要懂UI的原因。國內而言，目前一般把屏幕上顯示的圖形用戶界面（GUI ：Graphic User Interface）都簡單稱為UI。我們經常聽到的UI設計師，其實指的是GUI設計師，也就是圖形界面視覺設計師，負責產品或網站的圖形、圖標、色彩、視覺風格等，決定營造出什么樣的視覺體驗。從視覺層面把控產品界面設計，確保UI稿在視覺上清晰的傳達UX設計師的交互設計稿，也就是高保真視覺稿。UX ，英文為 User Experience ,指的是用戶體驗。一般而言，國內 UX 設計師，也稱為交互設計師或 UE 設計師（而國外的 UX 設計師指的是用戶體驗設計師，交互設計師指的是動效設計師）。UX 設計師主要關注用戶對產品的體驗感受，確保產品邏輯的流程可以跑得通，甚至跑得順、跑得精彩。正如一千個人眼里有一千個哈姆雷特，一個設計問題往往也沒有唯一解。UX 設計師會深入場景，探索多種不同的解決方案，這種深入思考通常能產生創新方案。UX 設計師們通過頭腦風暴、角色扮演、故事版等設計方法探索設計機會點，向著創造出“最好的”用戶體驗目標而前進，典型案例就是為新用戶設計一套令人愉悅的登錄流程。總的來講，UX設計師是設計人與信息產品的流程和關系，歸根結底都要研究人、事、物的聯系，它是一個囊括計算機工程、心理學、設計的交叉學科。進行利益相關者訪談、用戶訪談，挖掘用戶需求，提煉用戶任務流；完整體驗不同產品，挖掘交互設計模式，設計交互模式，撰寫交互設計稿，并最終形成交互設計規范/UIspec；跟進視覺設計和開發，確保產品正常上線” 這可能就是UX設計師日常事項。設計產出物 ：流程圖，網站地圖，故事版，交互設計原型圖（線框圖），UIspec ，交互設計規范。用的比較多的工具：axure，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop。

前者（1）系統界面直觀簡潔，作為一種人機交互界面，設計開發之初就考慮到了軟件系統界面設計需要遵循一致，直觀，功能性突出這三方面原則。使得用戶在簡單直觀的界面下，靈活使用軟件的功能。（2）保持一致性。語言、布局和設計是需要保持一致性的幾個界面元素。一致性的界面可以讓用戶對于如何操作有更好的理解，從而提升效率。（3）提供反饋。界面要始終保持和用戶的溝通。（4）方便使用原則：符合用戶習慣為方便使用的第一原則。其它還包括，實現目標功能的最少操作數原則，鼠標最短距離移動原則等。（5）界面色彩要求：計算機屏幕的發光成像和普通視覺成像有很大的不同，應該注意這種差別作出恰當的色彩搭配。對于需用戶長時間使用的系統，應當使用戶在較長時間使用后不至于過于感到視覺疲勞為宜。例如輕松的淡彩為主配色，灰色系為主配色等等。切忌色彩過多，花哨艷麗，嚴重妨礙用戶視覺交互。（6）界面平面版式要求：系統樣式排版整齊劃一，盡可能劃分不同的功能區域于固定位置，方便用戶導航使用；排版不宜過于密集，避免產生疲勞感。綜合上述幾個方面的考慮，作者完成了本系統的整體界面設計和界面布局，為下一步系統開發做好了準備。