ui設(shè)計(jì)需要會(huì)什么內(nèi)容?需要遵循的基本規(guī)范有什么呢?想必每一個(gè)初次接觸ui設(shè)計(jì)的朋友們都會(huì)這些類(lèi)似的疑問(wèn)吧,為了幫助大家及時(shí)的解決心中的疑惑,下面就讓我們一起來(lái)探討下吧。
ui設(shè)計(jì)需要會(huì)什么內(nèi)容? 讓大家輕松搞定它
1、ui設(shè)計(jì)規(guī)范
一致性原則
堅(jiān)持以用戶(hù)體驗(yàn)為中心設(shè)計(jì)原則,界面直觀、簡(jiǎn)潔,操作方便快捷,用戶(hù)接觸軟件后對(duì)界面上對(duì)應(yīng)的功能一目了然、不需要太多培訓(xùn)就可以方便使用本應(yīng)用系統(tǒng)。
字體-保持字體及顏色一致,避免一套主題出現(xiàn)多個(gè)字體;-不可修改的字段,統(tǒng)一用灰色文字顯示。
對(duì)齊-保持頁(yè)面內(nèi)元素對(duì)齊方式的一致,如無(wú)特殊情況應(yīng)避免同一頁(yè)面出現(xiàn)多種數(shù)據(jù)對(duì)齊方式。
表單錄入-在包含必須與選填的頁(yè)面中,必須在必填項(xiàng)旁邊給出醒目標(biāo)識(shí)(*);-各類(lèi)型數(shù)據(jù)輸入需限制文本類(lèi)型,并做格式校驗(yàn)如電話號(hào)碼輸入只允許輸入數(shù)字、郵箱地址需要包含"@"等,在用戶(hù)輸入有誤時(shí)給出明確提示。
鼠標(biāo)手勢(shì)-可點(diǎn)擊的按鈕、鏈接需要切換鼠標(biāo)手勢(shì)至手型;
保持功能及內(nèi)容描述一致-避免同一功能描述使用多個(gè)詞匯,如編輯和修改,新增和增加,刪除和清除混用等。建議在項(xiàng)目開(kāi)發(fā)階段建立一個(gè)產(chǎn)品詞典,包括產(chǎn)品中常用術(shù)語(yǔ)及描述,設(shè)計(jì)或開(kāi)發(fā)人員嚴(yán)格按照產(chǎn)品詞典中的術(shù)語(yǔ)詞匯來(lái)展示文字信息。
準(zhǔn)確性原則
使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫(xiě)和顏色,顯示信息的含義應(yīng)該非常明確,用戶(hù)不必再參考其它信息源。
顯示有意義的出錯(cuò)信息,而不是單純的程序錯(cuò)誤代碼。
避免使用文本輸入框來(lái)放置不可編輯的文字內(nèi)容,不要將文本輸入框當(dāng)成標(biāo)簽使用。
使用縮進(jìn)和文本來(lái)輔助理解。
使用用戶(hù)語(yǔ)言詞匯,而不是單純的專(zhuān)業(yè)計(jì)算機(jī)術(shù)語(yǔ)。
高效地使用顯示器的顯示空間,但要避免空間過(guò)于擁擠。
保持語(yǔ)言的一致性,如"確定"對(duì)應(yīng)"取消","是"對(duì)應(yīng)"否"。
可讀性原則
文字長(zhǎng)度
文字的長(zhǎng)度,特別是在大塊空白的設(shè)計(jì)中很重要,太長(zhǎng)會(huì)導(dǎo)致眼睛疲憊,閱讀困難。太短又經(jīng)常會(huì)造成尷尬的斷裂效果,斷字的使用也會(huì)造成大量的復(fù)合詞,這些斷裂嚴(yán)重的影響了閱讀的流暢性。
空間和對(duì)比度
每個(gè)字符同線路長(zhǎng)度,間距也是重要的。所以每個(gè)字符之間的空間至少等于字符的尺寸,大多數(shù)數(shù)字設(shè)計(jì)人員習(xí)慣選擇一個(gè)最小的文字大小的150%為空間距離,這就可以留下足夠的空間。當(dāng)每一行中讀取大段的文字,且線路長(zhǎng)度過(guò)多或線之間的空間太少,都會(huì)造成理解困難。
對(duì)齊方式
無(wú)論是在文本中心,還是偏左,或者是沿著一個(gè)文件的右側(cè)對(duì)齊,文本的對(duì)齊相當(dāng)重要,可以極大地影響可讀性。一般而言,文本習(xí)慣向左對(duì)齊,因?yàn)樗从沉四愕拈喿x方式 – 從左至右。你熟悉每一行開(kāi)始和結(jié)束的地方。
布局合理化原則
在進(jìn)行UI界面設(shè)計(jì)時(shí)需要充分考慮布局的合理化問(wèn)題,遵循用戶(hù)從上而下,自左向右瀏覽、操作習(xí)慣,避免常用業(yè)務(wù)功能按鍵排列過(guò)于分散,以造成用戶(hù)鼠標(biāo)移動(dòng)距離過(guò)長(zhǎng)的弊端。多做"減法"運(yùn)算,將不常用的功能區(qū)塊隱藏,以保持界面的簡(jiǎn)潔,使用戶(hù)專(zhuān)注于主要業(yè)務(wù)操作流程,有利于提高軟件的易用性及可用性。

ui設(shè)計(jì)需要會(huì)什么內(nèi)容? 讓大家輕松搞定它
2、ui設(shè)計(jì)需要會(huì)什么內(nèi)容
第一階段 :UI用戶(hù)設(shè)計(jì)基礎(chǔ)(UI行業(yè)發(fā)展及UI設(shè)計(jì)師職業(yè)規(guī)劃,美術(shù)基礎(chǔ),平面設(shè)計(jì)基礎(chǔ),圖形與創(chuàng)意設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ),交互式網(wǎng)站),軟件:Photoshop、Illustrator。
第二階段:UI移動(dòng)界面設(shè)計(jì)(圖標(biāo)創(chuàng)意思路與方法,圖標(biāo)的創(chuàng)作設(shè)計(jì),主題圖標(biāo)設(shè)計(jì),Ios系統(tǒng)Android系統(tǒng)Windowsphone系統(tǒng),UI設(shè)計(jì)實(shí)訓(xùn)課程)。
第三階段:交互類(lèi)(UCD,交互設(shè)計(jì)高級(jí)技術(shù))。
第四階段:流程設(shè)計(jì)(界面開(kāi)發(fā)對(duì)接,流程管理,移動(dòng)媒體綜合開(kāi)發(fā)實(shí)訓(xùn))。
第五階段:綜合項(xiàng)目實(shí)訓(xùn)及就業(yè)階段(根據(jù)所學(xué)內(nèi)容,選擇一種移動(dòng)平臺(tái)(IOS/Android/Winphone),軟件界面,WUI類(lèi)型設(shè)計(jì),完成初稿設(shè)計(jì)。依據(jù)項(xiàng)目初期確定的需求進(jìn)行驗(yàn)收,并簽署驗(yàn)收?qǐng)?bào)告。)
ui設(shè)計(jì)需要會(huì)什么內(nèi)容?對(duì)于這個(gè)問(wèn)題,我們已經(jīng)在上文為各位朋友們進(jìn)行了全面的解答,大家都掌握的怎么樣了,相信以大家的聰明才智,一定可以輕松的掌握這個(gè)技能。


在微信中搜索faceui