Ui界面設(shè)計(jì)中圖標(biāo)圖形的設(shè)計(jì)研究

周啟明 王峰

【摘要】：軟件設(shè)計(jì)可分為兩個(gè)組成部分編碼設(shè)計(jì)與UI設(shè)計(jì)。大家都很熟悉的是編碼設(shè)計(jì)，對于UI設(shè)計(jì)大家還是比較陌生的，哪怕一些專門從事網(wǎng)站與多媒體設(shè)計(jì)的人也不能理解UI的真正意思。UI的原意是用戶界面，是英文User和Interface的縮寫。面上是有用戶與界面2個(gè)組成，事實(shí)上更多的是用戶和界面之間的交互關(guān)系。單純的美術(shù)繪畫并不是界面設(shè)計(jì)，他是建立在科學(xué)性之上的藝術(shù)設(shè)計(jì)并需要定位使用者、采用條件、采取方式為結(jié)尾用戶而設(shè)計(jì)。操作軟件變得舒服、方便、隨意、幽默，充分體現(xiàn)品牌軟件的定位和特點(diǎn)，可以使一個(gè)好的UI設(shè)計(jì)讓軟件變得更有個(gè)性有品味。一個(gè)不簡單的有不同知識混合的項(xiàng)目，設(shè)計(jì)學(xué)、認(rèn)知心理學(xué)、語言學(xué)等在界面設(shè)計(jì)都演繹著重要的角色。最終用戶的感受才是檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)。

【關(guān)鍵詞】：界面設(shè)計(jì)；設(shè)計(jì)研究

UI簡介

軟件設(shè)計(jì)可分為兩個(gè)組成部分編碼設(shè)計(jì)與UI設(shè)計(jì)。大家都很熟悉的是編碼設(shè)計(jì)，對于UI設(shè)計(jì)大家還是比較陌生的，單純的美術(shù)繪畫并不是界面設(shè)計(jì)，他是建立在科學(xué)性之上的藝術(shù)設(shè)計(jì)并需要定位使用者、采用條件、采取方式為結(jié)尾用戶而設(shè)計(jì)。置界面于用戶的操縱之下，操作軟件變得舒服、方便、隨意、幽默，充分體現(xiàn)品牌軟件的定位和特點(diǎn)，可以使一個(gè)好的UI設(shè)計(jì)讓軟件變得更有個(gè)性有品味。一個(gè)不簡單的有不同知識混合的項(xiàng)目，設(shè)計(jì)學(xué)、認(rèn)知心理學(xué)、語言學(xué)等在界面設(shè)計(jì)都演繹著重要的角色。最終用戶的感受才是檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)。

UI設(shè)計(jì)的現(xiàn)狀

現(xiàn)今隨著IT行業(yè)的迅速的發(fā)展和人們不斷提高的生活水平，過去的軟件程序已經(jīng)不能滿足不了現(xiàn)在用戶的使用和體驗(yàn)。軟件產(chǎn)品在兇猛的市場競爭中，只有厲害的功能是遠(yuǎn)遠(yuǎn)不足的，不能夠以戰(zhàn)勝強(qiáng)勁的對手。軟件產(chǎn)品領(lǐng)域不和物質(zhì)產(chǎn)品一樣存在工藝、材料上的局限性，軟件產(chǎn)品關(guān)鍵就是人。我們必須要承認(rèn)的是目前UI設(shè)計(jì)在國內(nèi)的發(fā)展才剛剛處于起步狀態(tài)，高水平的設(shè)計(jì)師，與西方發(fā)達(dá)國家的差距還是很大的。如何把UI設(shè)計(jì)做的更高端，需要我們這代人的不懈努力。眼前國內(nèi)很多學(xué)校還沒有一套適合的UI設(shè)計(jì)專業(yè)，一個(gè)良好的學(xué)習(xí)和交流的有利條件，是升華UI設(shè)計(jì)師能力的關(guān)鍵。當(dāng)然國內(nèi)今天也有許多交流設(shè)計(jì)的網(wǎng)站，但是UI設(shè)計(jì)一直沒有受到眷顧和推崇，僅僅把UI設(shè)計(jì)作為平面設(shè)計(jì)的一個(gè)小的知識點(diǎn)，對于培養(yǎng)優(yōu)秀的UI設(shè)計(jì)師來說這是遠(yuǎn)遠(yuǎn)不夠的。

手機(jī)ui的發(fā)展

為什么手機(jī)的用戶界面及體驗(yàn)將越來越受用戶關(guān)注？因?yàn)槭謾C(jī)已經(jīng)成為人們生活的必需品之一。在智能手機(jī)高速發(fā)展的今天，當(dāng)年諾基亞的蜂窩通訊技術(shù)和黑莓的雙尋呼技術(shù)，隨著安卓系統(tǒng)和蘋果ios的發(fā)展已經(jīng)被人們遺忘，同時(shí)在手機(jī)激烈的競爭中很多國內(nèi)手機(jī)品牌也隨之脫穎而出，如華為、小米、魅族等。特色的手機(jī)UI界面成了人們挑選手機(jī)的一個(gè)重要方面。如今的手機(jī)UI界面都在向扁平化發(fā)展，WIN8雖然不是最成功的電腦系統(tǒng)，但是它的扁平化是值得肯定，的連最熱門的安卓和ios都在跟WIN8一起扁平。美觀有效、操作敏捷的系統(tǒng)是用戶所青睞的。

UI界面圖標(biāo)符號設(shè)計(jì)

圖標(biāo)（icon），也就是LOGO，它是一種具有明確的指代含義計(jì)算機(jī)圖形，是上世紀(jì)九十年代伴隨IT行業(yè)產(chǎn)出的一個(gè)技術(shù)詞，原來是說電腦軟件編程中為使人機(jī)界面更加易于實(shí)施和人性化而設(shè)計(jì)出的標(biāo)記特指的圖形標(biāo)志。特別是在手機(jī)APP界面設(shè)計(jì)中，無論是文字ICON還是圖形ICON，基本目的都是快速識別作為，已簡化的圖形為基礎(chǔ)，衍生出千變?nèi)f化而有跡可循的圖形。里邊桌面圖標(biāo)是軟件標(biāo)識，界面中的圖標(biāo)是功能標(biāo)識。圖標(biāo)符號作為手機(jī)APP一個(gè)重要組成，用戶才能更好的體驗(yàn)人機(jī)交流。在人機(jī)交互手機(jī)APP圖標(biāo)符號的設(shè)計(jì)起非常重要的作用。符合視覺審美的圖標(biāo)符號是設(shè)計(jì)發(fā)展的必然，人機(jī)交互的基礎(chǔ)是功能性和易用性建設(shè)，個(gè)性化的按鈕圖標(biāo)是界面按鍵發(fā)展的趨勢。

圖標(biāo)圖形的應(yīng)用

圖標(biāo)按鈕是基于自身應(yīng)用的命令集，圖標(biāo)作為體現(xiàn)目標(biāo)動(dòng)作，它必須具有強(qiáng)烈的表意性，制作過程中選擇具有典型行業(yè)特征的圖符，用戶識別性強(qiáng)，方便操作，所以每一個(gè)圖形內(nèi)容映射的是一個(gè)目標(biāo)動(dòng)作。圖標(biāo)的圖形制作應(yīng)該簡單明了，用來面積很小的手機(jī)屏幕的顯示，在制作上確保圖片質(zhì)量清楚要用像素圖，如果單指立體化的界面，以增高圖標(biāo)的條理感，可選擇一些像素羽化的效果。

色彩的使用

色調(diào)影響一個(gè)人的心情，不同的色調(diào)會(huì)讓人產(chǎn)生不同的想法，反之所能接受的色彩也是根據(jù)不同的心理狀態(tài)決定的，事物的不斷變化才能引起人的注意，軟件界面的總體色彩應(yīng)該接近和類似系統(tǒng)界面的總體色調(diào)，用戶的心理協(xié)調(diào)通過色彩的改變，通過用戶根據(jù)自己的需要來更改默認(rèn)的系統(tǒng)設(shè)置，選擇一種自己喜歡的個(gè)性化設(shè)置，讓用戶對軟件產(chǎn)品時(shí)常保持一種新鮮度，以贏得用戶對軟件的喜愛，然后有效轉(zhuǎn)移到我們的產(chǎn)品上來，做到軟件產(chǎn)品與用戶之間的協(xié)調(diào)性。在實(shí)際操縱實(shí)現(xiàn)的長河里，色彩的映襯更重要，不可以造成界面花、亂，要考慮換膚色彩與圖標(biāo)色彩的反差和效果的統(tǒng)一，界面上的線和顏色后邊都會(huì)用程序來落實(shí)，這就需要思考程序部分和圖片部分的綜合，要求自然的結(jié)合才能調(diào)整界面效果的統(tǒng)一性，所以需要程序員與界面設(shè)計(jì)人員的密切交流，達(dá)成統(tǒng)一。