武漢網(wǎng)站開發(fā)-UI界面設(shè)計方法技巧

作者：vikasp | 瀏覽量: | 更新時間：2020-10-27 | 當(dāng)前欄目：武漢網(wǎng)站建設(shè)

用戶界面設(shè)計，UI即User Interface(用戶界bai面)的簡稱。UI設(shè)計則是指對軟件的du人機(jī)交互、操作邏輯zhi、界面美觀的整體設(shè)dao計。好的UI設(shè)計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。非物質(zhì)設(shè)計的興起誕生UI設(shè)計 UI是什么軟件設(shè)計可分為兩個部分：編碼設(shè)計與UI設(shè)計。編碼設(shè)計大家都很熟悉，但是 UI設(shè)計還是一個很陌生的詞，即使一些專門從事網(wǎng)站與多媒體設(shè)計的人也不完全理解UI的意思。UI的本意是用戶界面，是英文User和 interface的縮寫。從字面上看是用戶與界面2個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系。界面設(shè)計。在漫長的軟件發(fā)展中，界面設(shè)計工作一直沒有被重視起來。做界面設(shè)計的人也被貶義的稱為“美工”。其實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣，是產(chǎn)品的重要買點(diǎn)。一個友好美觀的界面會給人帶來舒適的視覺享受，拉近人與電腦的距離，為商家創(chuàng)造賣點(diǎn)。用戶界面設(shè)計不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計，是純粹的科學(xué)性的藝術(shù)設(shè)計。檢驗一個界面的標(biāo)準(zhǔn)即不是某個項目開發(fā)組領(lǐng)導(dǎo)的意見也不是項目成員投票的結(jié)果，而是最終用戶的感受。所以界面設(shè)計要和用戶研究緊密結(jié)合，是一個不斷為最終用戶設(shè)計滿意視覺效果的過程。

武漢網(wǎng)站開發(fā)UI界面設(shè)計的三大原則是：置界面于用戶的控制之下、減少用戶的記憶負(fù)擔(dān)、保持界面的一致性。一般來講，軟件UI界面設(shè)計在工作流程上可分為結(jié)構(gòu)設(shè)計、交互設(shè)計、視覺設(shè)計三個部分。

一、結(jié)構(gòu)設(shè)計（Structure Design）

結(jié)構(gòu)設(shè)計也稱概念設(shè)計 (Conceptual Design)，是界面設(shè)計的骨架。通過對用戶研究和任務(wù)分析，制定出產(chǎn)品的整體架構(gòu)?；诩堎|(zhì)的的低保真原型(Paper Prototype)可提供用戶測試并進(jìn)行完善。在結(jié)構(gòu)設(shè)計中，目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機(jī)的設(shè)置鬧鐘的詞條是“重要記事”，讓用戶很難找到。

二、交互設(shè)計（Interactive Design）

交互設(shè)計的目的是使產(chǎn)品讓用戶能簡單使用。任何產(chǎn)品功能的實現(xiàn)都是通過人和機(jī)器的交互來完成的。因此，人的因素應(yīng)作為設(shè)計的核心被體現(xiàn)出來。交互設(shè)計的原則如下：

有清楚的錯誤提示。誤操作后，系統(tǒng)提供有針對性的提示。

讓用戶控制界面。“下一步”、“完成”，面對不同層次提供多種選擇，給不同層次的用戶提供多種可能性。

允許兼用鼠標(biāo)和鍵盤。同一種功能，同時可以用鼠標(biāo)和鍵盤。提供多種可能性。

允許工作中斷。例如用手機(jī)寫新短信的時候，收到短信或電話，完成后回來仍能夠找到剛才正寫的新短信。

使用用戶的語言，而非技術(shù)的語言。

提供快速反饋。給用戶心理上的暗示，避免用戶焦急。

方便退出,如手機(jī)的退出，是按一個鍵完全退出，還是一層一層的退出。提供兩種可能性。

導(dǎo)航功能。隨時轉(zhuǎn)移功能，很容易從一個功能跳到另外一個功能。

三、視覺設(shè)計（Visual Design）

在結(jié)構(gòu)設(shè)計的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺設(shè)計。包括色彩、字體、頁面等。視覺設(shè)計要達(dá)到用戶愉悅使用的目的。視覺設(shè)計的原則如下：。