手機(jī)UI設(shè)計(jì)與教育研究

高 翯

一.對(duì)省政府手機(jī)UI的一般性考察

一般來(lái)說(shuō)手機(jī)UI是人機(jī)互動(dòng)的窗口，充當(dāng)了用戶(hù)與產(chǎn)品交流的媒介。手機(jī)UI對(duì)于互動(dòng)形式的選擇，操作邏輯性的簡(jiǎn)潔和界面直接美的設(shè)計(jì)手段都提出了高品味、精概括、獨(dú)創(chuàng)新性的設(shè)計(jì)理念。剖析遼寧省政府UI設(shè)計(jì)現(xiàn)狀及存在的問(wèn)題，比較遼寧省政府與國(guó)外政府手機(jī)UI設(shè)計(jì)的差異，分析國(guó)外政府UI設(shè)計(jì)特征及對(duì)遼寧省政府UI設(shè)計(jì)的影響，通過(guò)以界面設(shè)計(jì)五大要素（即圖形、字體、色彩、圖標(biāo)、版式）為研究設(shè)計(jì)手段，多角度、全方位的設(shè)定政府UI設(shè)計(jì)形象。

二.改善省政府手機(jī)UI構(gòu)成要素分析

合格的手機(jī)界面設(shè)計(jì)，可以提高手機(jī)UI設(shè)計(jì)的整體審美性和實(shí)效操作性。遼寧省政府移動(dòng)版和PC版網(wǎng)站并未完全轉(zhuǎn)換，形成畫(huà)面雜亂無(wú)序、圖標(biāo)不明確、內(nèi)容無(wú)簡(jiǎn)化等多項(xiàng)不符合手機(jī)網(wǎng)站設(shè)計(jì)的原則。剖析現(xiàn)實(shí)情況本著為了更好的設(shè)計(jì)出符合政府形象的UI，從圖形、文字、顏色、版式排版和圖標(biāo)五大要素點(diǎn)分析遼寧省政府手機(jī)UI設(shè)計(jì)存在的問(wèn)題。把握好手機(jī)的局限性和獨(dú)特性，將整改后的遼寧省政府整體手機(jī)UI界面融入國(guó)際標(biāo)準(zhǔn)、設(shè)計(jì)明了、畫(huà)面統(tǒng)一、顏色合理、界面美觀、操作簡(jiǎn)便等特征。

1.圖形需簡(jiǎn)化

手機(jī)UI設(shè)計(jì)傳達(dá)不僅是文字形式的傳達(dá)，還有一種以圖形符號(hào)信息傳達(dá)的方式，簡(jiǎn)化的圖形不僅直觀、明了、易懂、便捷和便于記憶，更是不受年齡、文化、語(yǔ)言等多方限制，讓用戶(hù)一目了然其中含義。然遼寧省政府手機(jī)界面應(yīng)用了莊嚴(yán)的國(guó)徽?qǐng)D標(biāo)和政府大門(mén)圖片，讓用戶(hù)自然產(chǎn)生畏懼、壓抑感，缺乏應(yīng)有的親和力。需降低圖片率，以顯示政府寧?kù)o、典雅、高端感。

2.概括文字內(nèi)容

移動(dòng)版和PC版網(wǎng)站的設(shè)計(jì)是截然不同的，兩者對(duì)文字內(nèi)容的要求也有所不同。手機(jī)網(wǎng)站設(shè)計(jì)文字部分更需簡(jiǎn)化、概括，減少文字的輸入，因手機(jī)獨(dú)特的觸摸屏幕設(shè)計(jì)，它與電腦鍵盤(pán)、鼠標(biāo)式的運(yùn)用不能一言而論，所以?xún)?nèi)容的簡(jiǎn)潔、精準(zhǔn)才是最為主要的保證。遼寧省政府手機(jī)界面恰巧就是手機(jī)UI設(shè)計(jì)的大忌，移動(dòng)版和PC版網(wǎng)站并無(wú)兩樣，讓用戶(hù)辨認(rèn)、操作、查詢(xún)和記憶都產(chǎn)生阻礙。

3.顏色選擇合理

一切的視覺(jué)表現(xiàn)都是由色彩和亮度而產(chǎn)生的。[1]對(duì)于顏色上的不同選擇同樣會(huì)給用戶(hù)帶來(lái)不同身體或心理上的感受，主色調(diào)在選擇上可能不止一個(gè)，點(diǎn)睛色通常也選以?xún)扇齻€(gè)顏色組成，通常選色相一致或鄰近顏色、其中中性配色最為常用。然遼寧省手機(jī)界面所選色過(guò)于跳躍并無(wú)關(guān)聯(lián)性，使畫(huà)面無(wú)主次對(duì)比，失去原有色彩強(qiáng)調(diào)重點(diǎn)、活躍氣氛的宗旨。

4.icon明確化

手機(jī)UI中icon是界面中常見(jiàn)的元素，主要功能是表意也包含傳遞的作用。手機(jī)網(wǎng)站中icon作用就如同電腦圖標(biāo)是一個(gè)程序的標(biāo)記，icon可代替文字說(shuō)明能讓用戶(hù)一目釋然，讓手機(jī)觸摸屏操作起來(lái)更自由、舒暢、簡(jiǎn)單。省政府手機(jī)界面中缺少icon的設(shè)計(jì)元素，以文字代替顯得界面擁擠不堪，失去應(yīng)有的簡(jiǎn)潔性能。

5.版式明確、構(gòu)圖統(tǒng)一

最初版式源于傳統(tǒng)印刷品的版式設(shè)計(jì)，有效的將色彩、圖像、文本等視覺(jué)要素整齊統(tǒng)一的排列出有效的信息傳達(dá)給用戶(hù)群體。盡量做到現(xiàn)代設(shè)計(jì)的簡(jiǎn)約風(fēng)格，也就是將省政府PC版網(wǎng)站轉(zhuǎn)換更簡(jiǎn)潔圖形化的移動(dòng)版讓其完美轉(zhuǎn)換。

綜上所述，不同時(shí)期或階段用戶(hù)的需求都會(huì)發(fā)生很大的變化，不管是移動(dòng)端還是PC端的UI，如果始終堅(jiān)持以往的設(shè)計(jì)風(fēng)格，不適應(yīng)現(xiàn)代時(shí)代的要求，無(wú)疑會(huì)被市場(chǎng)淘汰。借用設(shè)計(jì)圈里常用的一句“有屏幕的地方，就有UI設(shè)計(jì)”。[2]

設(shè)計(jì)文化也是要全面發(fā)展，不僅企業(yè)要用多樣化形式來(lái)展現(xiàn)獨(dú)特魅力，人民的政府形象也應(yīng)從改變?cè)畜w制一成不變的UI設(shè)計(jì)發(fā)掘出設(shè)計(jì)的本質(zhì)，這不僅是政府形象的突破性改造，也是人民對(duì)政府新形象的熱切期盼。把遼寧省省政府手機(jī)UI真正打造成為“政府服務(wù)于民眾，民眾信任于政府”的橋梁紐帶。

[1][美]魯?shù)婪颉ぐ⒍骱Ｄ?藝術(shù)與視知覺(jué)[M].四川人民出版社，1998，3：451

[2]響亮，楊軍順，崔延琳.UI設(shè)計(jì)在塑造產(chǎn)品形象中的應(yīng)用研究[J].包裝工程，2007，9：28．