好的ui設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,,還要讓軟件的操作變得舒適簡單、自由,。如果還不是很清楚ui設(shè)計(jì)是什么,,那么可以跟小編一起接著往下看。
[圖片0]
ui設(shè)計(jì)的概念
ui設(shè)計(jì)的本義是用戶界面,,是指從事對(duì)軟件的人機(jī)交互,、操作邏輯、界面美觀的整體設(shè)計(jì)工作的人,,從工作內(nèi)容上來分,,一般分為圖形設(shè)計(jì)、交互設(shè)計(jì)和用戶測試這三分類,。
ui設(shè)計(jì)不僅僅是從事美術(shù)繪畫,,更需要對(duì)軟件使用者、使用環(huán)境和使用方法進(jìn)行定位,簡單的來說ui設(shè)計(jì)就是一個(gè)不斷為用戶涉及視覺效果使之達(dá)到滿意的過程,。
ui設(shè)計(jì)從工作職能上大體分為三個(gè)方面:
一,、圖形設(shè)計(jì)
也就是傳統(tǒng)意義上的美工,當(dāng)然實(shí)際工作內(nèi)容不單純是意義上的美工,,而是軟件產(chǎn)品的外形設(shè)計(jì),,國內(nèi)目前大部分的ui工作者都是從事這一方向。
二,、交互設(shè)計(jì)
主要就是設(shè)計(jì)軟件的操作流程,、樹狀結(jié)構(gòu)、操作規(guī)范等,。交互設(shè)計(jì)就是做整個(gè)項(xiàng)目的交互流程,,使操作更加簡單、直接,、突出主題,。
三、用戶測試體驗(yàn)
工作的內(nèi)容主要是測試交互設(shè)計(jì)的合理性和圖形設(shè)計(jì)的美觀性,,一般是通過調(diào)查問卷的形式來了解用戶現(xiàn)在需要什么樣的體驗(yàn)以及界面,,從而方便用戶使用。
好的ui設(shè)計(jì)師不僅會(huì)讓軟件變得更加個(gè)性有品味,,還會(huì)讓軟件使用起來變得更加舒適,、簡單,充分體現(xiàn)了軟件的定位和美觀,。
ui設(shè)計(jì)的原則
一,、準(zhǔn)確性原則
使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和顏色,,顯示信息的含義應(yīng)該非常明確,,用戶不必再參考其它信息源。
顯示有意義的出錯(cuò)信息,,而不是單純的程序錯(cuò)誤代碼,。
避免使用文本輸入框來放置不可編輯的文字內(nèi)容,不要將文本輸入框當(dāng)成標(biāo)簽使用,。
使用縮進(jìn)和文本來輔助理解,。
使用用戶語言詞匯,而不是單純的專業(yè)計(jì)算機(jī)術(shù)語,。
高效地使用顯示器的顯示空間,,但要避免空間過于擁擠。
保持語言的一致性,,如“確定”對(duì)應(yīng)“取消”,“是”對(duì)應(yīng)“否”,。
二、布局合理化原則
在進(jìn)行ui設(shè)計(jì)時(shí)需要充分考慮布局的合理化問題,遵循用戶從上而下,,自左向右瀏覽,、操作習(xí)慣,避免常用業(yè)務(wù)功能按鍵排列過于分散,,以造成用戶鼠標(biāo)移動(dòng)距離過長的弊端,。多做“減法”運(yùn)算,將不常用的功能區(qū)塊隱藏,,以保持界面的簡潔,,使用戶專注于主要業(yè)務(wù)操作流程,有利于提高軟件的易用性及可用性,。
三,、系統(tǒng)操作合理性原則
盡量確保用戶在不使用鼠標(biāo)(只使用鍵盤)的情況下也可以流暢地完成一些常用的業(yè)務(wù)操作,各控件間可以通過Tab鍵進(jìn)行切換,,并將可編輯的文本全選處理,。
查詢檢索類頁面,在查詢條件輸入框內(nèi)按回車應(yīng)該自動(dòng)觸發(fā)查詢操作,。
在進(jìn)行一些不可逆或者刪除操作時(shí)應(yīng)該有信息提示用戶,并讓用戶確認(rèn)是否繼續(xù)操作,,必要時(shí)應(yīng)該把操作造成的后果也告訴用戶,。
信息提示窗口的“確認(rèn)”及“取消”按鈕需要分別映射鍵盤按鍵“Enter”和“ESC”。
避免使用鼠標(biāo)雙擊動(dòng)作,,不僅會(huì)增加用戶操作難度,,還可能會(huì)引過用戶誤會(huì),認(rèn)為功能點(diǎn)擊無效,。
表單錄入頁面,,需要把輸入焦點(diǎn)定位到第一個(gè)輸入項(xiàng)。用戶通過Tab鍵可以在輸入框或操作按鈕間切換,,并注意Tab的操作應(yīng)該遵循從左向右,、從上而下的順序。
ui設(shè)計(jì)風(fēng)格有哪幾種
一,、扁平化設(shè)計(jì)風(fēng)格
相信接觸過ui設(shè)計(jì)相關(guān)工作的小伙伴對(duì)于扁平化設(shè)計(jì)并不陌生,,其實(shí)扁平化的設(shè)計(jì)風(fēng)格是指在設(shè)計(jì)過程中使用較為簡單的特效,或者根本無須使用視覺特效,,以簡單的形體去完成整個(gè)設(shè)計(jì),。這種設(shè)計(jì)風(fēng)格會(huì)給人一種輕便、整潔,、親切的感覺,,同時(shí)可以更好地實(shí)現(xiàn)用戶的需求。
二、擬物化設(shè)計(jì)風(fēng)格
顧名思義,,擬物化設(shè)計(jì)風(fēng)格也就是指設(shè)計(jì)師借助生活中存在的實(shí)體進(jìn)行設(shè)計(jì),,并且將實(shí)物真實(shí)的觸感和質(zhì)感真實(shí)地反映出來,然后在設(shè)計(jì)中加入一些更具情感化的元素,,這種真實(shí)的實(shí)物感會(huì)帶給用戶更多的親切感和依賴感,,便于用戶更快更好地掌握產(chǎn)品的操作和使用方法。
三,、原質(zhì)化設(shè)計(jì)風(fēng)格
原質(zhì)化的設(shè)計(jì)風(fēng)格具有與物理世界相近的觸感,,是指在扁平化的設(shè)計(jì)風(fēng)格上加以真實(shí)的物理世界的觸感,是介于擬物化設(shè)計(jì)與扁平化設(shè)計(jì)風(fēng)格之間的一種設(shè)計(jì)風(fēng)格,。目前,,原質(zhì)化的設(shè)計(jì)風(fēng)格還處于發(fā)展初期,在未來的發(fā)展過程中這種設(shè)計(jì)風(fēng)格會(huì)成為一種熱門的ui設(shè)計(jì)視覺語言風(fēng)格,。
綜上所述,,其實(shí)ui設(shè)計(jì)的視覺風(fēng)格是比較豐富的,但是我們常見的無非就是扁平化風(fēng)格,、擬物化風(fēng)格以及原質(zhì)化風(fēng)格,。在設(shè)計(jì)工作過程中,我們需要把握每種風(fēng)格的特點(diǎn),,從而提升設(shè)計(jì)的視覺效果,。