UI設(shè)計(或稱界面設(shè)計)是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。UI設(shè)計分為實體UI和虛擬UI,互聯(lián)網(wǎng)常用的UI設(shè)計是虛擬UI,UI即UserInterface(用戶界面)的簡稱。好的UI設(shè)計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。中文名UI設(shè)計外文名UserInterfaceDesign應(yīng)用行業(yè)移動互聯(lián)網(wǎng)主要職業(yè)GUI/WUI/UX/UE/VI設(shè)計師應(yīng)用領(lǐng)域軟件,游戲開發(fā),網(wǎng)頁設(shè)計制作主要工具Ps、Ai、Axure、Ae、HTML/CSS等目錄1UI2設(shè)計原則3設(shè)計流程4就業(yè)前景5設(shè)計方向?用戶研究?交互設(shè)計?界面設(shè)計6設(shè)計規(guī)范?一致性原則?準(zhǔn)確性原則?可讀性原則?布局合理化原則?系統(tǒng)操作合理性原則?系統(tǒng)響應(yīng)時間原則UI設(shè)計UI編輯UI其實是一個廣義的概念,《現(xiàn)代漢語詞典》將“界面”定義為:物體與物體之間的接觸面,泛指人和物(人造物、工具、機(jī)器)互動過程中的界面(接口)。以車為例,方向盤、儀表盤、中控都屬于用戶界面。從字面上看由用戶與界面兩個部分組成,但實際上還包括用戶與界面之間的交互關(guān)系,所以可分為三個方向:用戶研究、交互設(shè)計、界面設(shè)計。[1]通常意義上,UI是UserInterface的縮寫。其中。設(shè)計,指設(shè)計師有目標(biāo)有計劃的進(jìn)行技術(shù)性的創(chuàng)作與創(chuàng)意活動?;萆絽^(qū)專業(yè)圖文設(shè)計認(rèn)真負(fù)責(zé)
做界面設(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è)計滿意視覺效果的過程。UI設(shè)計設(shè)計規(guī)范編輯UI設(shè)計一致性原則堅持以用戶體驗為中心設(shè)計原則,界面直觀、簡潔,操作方便快捷,用戶接觸軟件后對界面上對應(yīng)的功能一目了然、不需要太多培訓(xùn)就可以方便使用本應(yīng)用系統(tǒng)。[4]字體-保持字體及顏色一致,避免一套主題出現(xiàn)多個字體;-不可修改的字段,統(tǒng)一用灰色文字顯示。對齊-保持頁面內(nèi)元素對齊方式的一致,如無特殊情況應(yīng)避免同一頁面出現(xiàn)多種數(shù)據(jù)對齊方式。表單錄入-在包含必須與選填的頁面中,必須在必填項旁邊給出醒目標(biāo)識(*);-各類型數(shù)據(jù)輸入需限制文本類型,并做格式校驗如電話號碼輸入只允許輸入數(shù)字、郵箱地址需要包含“@”等。惠山區(qū)專業(yè)圖文設(shè)計認(rèn)真負(fù)責(zé)設(shè)計便是造物活動進(jìn)行預(yù)先的計劃,可以把任何造物活動的計劃技術(shù)和計劃過程理解為設(shè)計。
具體須規(guī)范LOGO的標(biāo)準(zhǔn)色、設(shè)計可能被應(yīng)用的恰當(dāng)?shù)谋尘芭渖w系、反白、在清晰表現(xiàn)LOGO的前提下制訂LOGO**小的顯示尺寸,為LOGO制訂一些特定條件下的配色,輔助色帶等方便在制作BANNER等場合的應(yīng)用。另外應(yīng)注意文字與圖案邊緣應(yīng)清晰,字與圖案不宜相交疊。另外還可考慮LOGO豎排效果,考慮作為背景時的排列方式等。一個網(wǎng)絡(luò)LOGO不應(yīng)只考慮在設(shè)計師**辨屏幕上的顯示效果,應(yīng)該考慮到網(wǎng)站整體發(fā)展到一個高度時相應(yīng)推廣活動所要求的效果,使其在應(yīng)用于各種媒體時,也能發(fā)揮充分的視覺效果;同時應(yīng)使用能夠給予多數(shù)觀眾好感而受歡迎的造型。所以應(yīng)考慮到LOGO在傳真、報紙、雜志等紙介質(zhì)上的單色效果、反白效果、在織物上的紡織效果、在車體上的油漆效果,制作徽章時的金屬效果、墻面立體的造型效果等。為了便于INTERNET上信息的傳播,一個統(tǒng)一的國際標(biāo)準(zhǔn)是需要的。實際上已經(jīng)有了這樣的一整套標(biāo)準(zhǔn)。其中關(guān)于網(wǎng)站的LOGO,目前有三種規(guī)格:(1)88*31這是互聯(lián)網(wǎng)上**普遍的LOGO規(guī)格。(2)120*60這種規(guī)格屬于一般大小的LOGO。(3)120*90這種規(guī)格屬于大型LOGO。logo設(shè)計設(shè)計原則1.簡潔2.在黑色和白色底色下均能良好顯示3.在小尺寸下能良好顯示4.在眾多情況下能良好顯示。
在用戶輸入有誤時給出明確提示。鼠標(biāo)手勢-可點(diǎn)擊的按鈕、鏈接需要切換鼠標(biāo)手勢至手型;保持功能及內(nèi)容描述一致-避免同一功能描述使用多個詞匯,如編輯和修改,新增和增加,刪除和***混用等。建議在項目開發(fā)階段建立一個產(chǎn)品詞典,包括產(chǎn)品中常用術(shù)語及描述,設(shè)計或開發(fā)人員嚴(yán)格按照產(chǎn)品詞典中的術(shù)語詞匯來展示文字信息。UI設(shè)計準(zhǔn)確性原則使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫和顏色,顯示信息的含義應(yīng)該非常明確,用戶不必再參考其它信息源。顯示有意義的出錯信息,而不是單純的程序錯誤代碼。避免使用文本輸入框來放置不可編輯的文字內(nèi)容,不要將文本輸入框當(dāng)成標(biāo)簽使用。使用縮進(jìn)和文本來輔助理解。使用用戶語言詞匯,而不是單純的專業(yè)計算機(jī)術(shù)語。高效地使用顯示器的顯示空間,但要避免空間過于擁擠。保持語言的一致性,如“確定”對應(yīng)“取消”,“是”對應(yīng)“否”。UI設(shè)計可讀性原則文字長度文字的長度,特別是在大塊空白的設(shè)計中很重要,太長會導(dǎo)致眼睛疲憊,閱讀困難。太短又經(jīng)常會造成尷尬的斷裂效果,斷字的使用也會造成大量的復(fù)合詞,這些斷裂嚴(yán)重的影響了閱讀的流暢性??臻g和對比度每個字符同線路長度,間距也是重要的。所以每個字符之間的空間至少等于字符的尺寸。隨著現(xiàn)代科技的發(fā)展,設(shè)計也正由專業(yè)設(shè)計師的工作向更***的用戶參與演變;
二)由具象向抽象的演變在飛速發(fā)展的當(dāng)今社會,人們快速的生活方式,簡單、抽象的標(biāo)志更容易被觀者記憶于心,因此標(biāo)志的設(shè)計更具有創(chuàng)意性以及形式美感。(三)色彩的多樣性的演變色彩更為豐富,漸變的應(yīng)用效果***,標(biāo)志更具備光澤感。(四)平面化趨向立體化標(biāo)志作為企業(yè)形象識別系統(tǒng)的**,同時也是平面系統(tǒng)的重要組成部分。標(biāo)志的發(fā)展逐日走向立體化,三維立體的表達(dá)手法,使得標(biāo)志豐富,視覺效果更為突出。標(biāo)志的發(fā)展是一個設(shè)計相互交融,設(shè)計風(fēng)格的多樣化的過程。標(biāo)志作為商業(yè)產(chǎn)物,設(shè)計手段是次要的,目的才是***位的。更注重的應(yīng)使其商業(yè)性。logo設(shè)計logo趨勢編輯現(xiàn)代logo的概念更加完善、成熟,標(biāo)志的推廣與應(yīng)用已建立了完善的系統(tǒng)。隨著數(shù)字時代的到來與網(wǎng)絡(luò)文化的迅速發(fā)展,傳統(tǒng)的信息傳播方式、閱讀方式受到了前所未有的挑戰(zhàn)。效率、時間的概念標(biāo)準(zhǔn)也被重新界定,在這種情況下,logo的風(fēng)格也呈現(xiàn)向個性化、多元化發(fā)展。對于標(biāo)志創(chuàng)作和設(shè)計者來說,要通過一個簡潔的標(biāo)志符號表達(dá)比以前多幾十倍的信息量。經(jīng)典型logo與具有前衛(wèi)、探索傾向的設(shè)計并存,設(shè)計的寬容度擴(kuò)大了。社會經(jīng)濟(jì)的衡量標(biāo)準(zhǔn)不再只是商品數(shù)量的多少,性能的好壞,種類的有無。設(shè)計的任務(wù)不只是為生活和商業(yè)服務(wù),同時也伴有藝術(shù)性的創(chuàng)作?;萆絽^(qū)專業(yè)圖文設(shè)計認(rèn)真負(fù)責(zé)
理解用戶的期望、需要、動機(jī),并理解業(yè)務(wù)、技術(shù)和行業(yè)上的需求和限制?;萆絽^(qū)專業(yè)圖文設(shè)計認(rèn)真負(fù)責(zé)
[3]當(dāng)然還要在此基礎(chǔ)上通過調(diào)研分析找到用戶希望達(dá)到的交互效果,并且以流程確認(rèn)下來。三、提示和引導(dǎo)用戶軟件是用戶的工具。因此應(yīng)該由用戶來操作和控制軟件。軟件響應(yīng)用戶的動作和設(shè)定的規(guī)則。[3]對于用戶交互的結(jié)果和反饋,提示用戶結(jié)果和反饋信息,引導(dǎo)用戶進(jìn)行用戶需要的下一步操作。四、一致性原則設(shè)計目標(biāo)一致[3]軟件中往往存在多個組成部分(組件、元素)。不同組成部分之間的交互設(shè)計目標(biāo)需要一致。例如:如果以電腦操作初級用戶作為目標(biāo)用戶,以簡化界面邏輯為設(shè)計目標(biāo),那么該目標(biāo)需要貫徹軟件(軟件包)整體,而不是局部。元素外觀一致[3]交互元素的外觀往往影響用戶的交互效果。同一個(類)軟件采用一致風(fēng)格的外觀,對于保持用戶焦點(diǎn),改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒有特別統(tǒng)一的衡量方法。因此需要對目標(biāo)用戶進(jìn)行調(diào)查取得反饋。交互行為一致在交互模型中,不同類型的元素用戶觸發(fā)其對應(yīng)的行為事件后,其交互行為需要一致。[3]例如:所有需要用戶確認(rèn)操作的對話框都至少包含確認(rèn)和放棄兩個按鈕。對于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同。但是我們可以看到這個理念雖然在大部分情況下正確?;萆絽^(qū)專業(yè)圖文設(shè)計認(rèn)真負(fù)責(zé)
無錫新互動網(wǎng)絡(luò)科技有限公司是一家有著先進(jìn)的發(fā)展理念,先進(jìn)的管理經(jīng)驗,在發(fā)展過程中不斷完善自己,要求自己,不斷創(chuàng)新,時刻準(zhǔn)備著迎接更多挑戰(zhàn)的活力公司,在江蘇省等地區(qū)的商務(wù)服務(wù)中匯聚了大量的人脈以及**,在業(yè)界也收獲了很多良好的評價,這些都源自于自身的努力和大家共同進(jìn)步的結(jié)果,這些評價對我們而言是比較好的前進(jìn)動力,也促使我們在以后的道路上保持奮發(fā)圖強(qiáng)、一往無前的進(jìn)取創(chuàng)新精神,努力把公司發(fā)展戰(zhàn)略推向一個新高度,在全體員工共同努力之下,全力拼搏將共同新互動網(wǎng)絡(luò)和您一起攜手走向更好的未來,創(chuàng)造更有價值的產(chǎn)品,我們將以更好的狀態(tài),更認(rèn)真的態(tài)度,更飽滿的精力去創(chuàng)造,去拼搏,去努力,讓我們一起更好更快的成長!