用戶界面設計,UI即User Interface(用戶界bai面)的簡稱。UI設計則是指對軟件的du人機交互、操作邏輯zhi、界面美觀的整體設dao計。好的UI設計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由,充分體現軟件的定位和特點。 非物質設計的興起誕生UI設計 UI是什么 軟件設計可分為兩個部分:編碼設計與UI設計。編碼設計大家都很熟悉,但是 UI設計還是一個很陌生的詞,即使一些專門從事網站與多媒體設計的人也不完全理解UI的意思。UI的本意是用戶界面,是英文User和 interface的縮寫。從字面上看是用戶與界面2個組成部分,但實際上還包括用戶與界面之間的交互關系。 界面設計。在漫長的軟件發展中,界面設計工作一直沒有被重視起來。做界面設計的人也被貶義的稱為“美工”。其實軟件界面設計就像工業產品中的工業造型設計一樣,是產品的重要買點。一個友好美觀的界面會給人帶來舒適的視覺享受,拉近人與電腦的距離,為商家創造賣點。用戶界面設計不是單純的美術繪畫,他需要定位使用者、使用環境、使用方式并且為最終用戶而設計,是純粹的科學性的藝術設計。檢驗一個界面的標準即不是某個項目開發組領導的意見也不是項目成員投票的結果,而是最終用戶的感受。所以界面設計要和用戶研究緊密結合,是一個不斷為最終用戶設計滿意視覺效果的過程。
武漢網站開發UI界面設計的三大原則是:置界面于用戶的控制之下、減少用戶的記憶負擔、保持界面的一致性。一般來講,軟件UI界面設計在工作流程上可分為結構設計、交互設計、視覺設計三個部分。
一、結構設計(Structure Design)
結構設計也稱概念設計 (Conceptual Design),是界面設計的骨架。通過對用戶研究和任務分析,制定出產品的整體架構?;诩堎|的的低保真原型(Paper Prototype)可提供用戶測試并進行完善。在結構設計中,目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機的設置鬧鐘的詞條是“重要記事”,讓用戶很難找到。
二、交互設計(Interactive Design)
交互設計的目的是使產品讓用戶能簡單使用。 任何產品功能的實現都是通過人和機器的交互來完成的。因此,人的因素應作為設計的核心被體現出來。交互設計的原則如下:
有清楚的錯誤提示。誤操作后,系統提供有針對性的提示。
讓用戶控制界面。“下一步”、“完成”,面對不同層次提供多種選擇,給不同層次的用戶提供多種可能性。
允許兼用鼠標和鍵盤。同一種功能,同時可以用鼠標和鍵盤。提供多種可能性。
允許工作中斷。例如用手機寫新短信的時候,收到短信或電話,完成后回來仍能夠找到剛才正寫的新短信。
使用用戶的語言,而非技術的語言。
提供快速反饋。給用戶心理上的暗示,避免用戶焦急。
方便退出,如手機的退出,是按一個鍵完全退出,還是一層一層的退出。提供兩種可能性。
導航功能。隨時轉移功能,很容易從一個功能跳到另外一個功能。
三、視覺設計(Visual Design)
在結構設計的基礎上,參照目標群體的心理模型和任務達成進行視覺設計。包括色彩、字體、頁面等。視覺設計要達到用戶愉悅使用的目的。視覺設計的原則如下:。
界面清晰明了。允許用戶定制界面。
減少短期記憶的負擔。讓計算機幫助記憶,例:User Name,、Password、IE進入界面地址可以讓機器記住。
依賴認知而非記憶。如打印圖標的記憶、下拉菜單列表中的選擇。
提供視覺線索。圖形符號的視覺的刺激;GUI(圖形界面設計):Where, What, Next Step。
提供默認(default)、撤銷(undo)、恢復(redo)的功能
提供界面的快捷方式。
盡量使用真實世界的比喻。如:電話、打印機的圖標設計,尊重用戶以往的使用經驗。
完善視覺的清晰度。條理清晰;圖片、文字的布局和隱喻不要讓用戶去猜。
界面的協調一致。如手機界面按鈕排放,左鍵肯定;右鍵否定;或按內容擺放。
同樣功能用同樣的圖形。
色彩與內容。整體軟件不超過5個色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。
以上就是武漢網站開發小編為大家總結的UI界面設計方法技巧,界面設計要和用戶研究緊密結合,是一個不斷為最終用戶設計滿意視覺效果的過程。