前言：

網(wǎng)易應(yīng)用下載站W(wǎng)EB端開發(fā)進(jìn)度日漸收尾，伴隨陸續(xù)的測試優(yōu)化工作，借此機(jī)會淺談一下GUI設(shè)計實踐上的皮毛經(jīng)驗。網(wǎng)易應(yīng)用的特點(diǎn)在于服務(wù)用戶下載應(yīng)用和社交分享，因此GUI的設(shè)計作用在于把用戶交互體驗抽象化任務(wù)流程和操作方式表達(dá)得盡量準(zhǔn)確盡量自然：

Ⅰ。樣式的意義

例a.不要分散用戶的焦點(diǎn)注意力：

GUI設(shè)計中不應(yīng)該分散用戶對自己任務(wù)目標(biāo)的注意力。不要讓人們總是去考慮他們正在使用界面。任務(wù)操作應(yīng)該在用戶意識的背景中，而不是前景中。這便是整個界面的設(shè)計定稿所在。首頁的主要任務(wù)有觀看應(yīng)用、下載應(yīng)用、觀看應(yīng)用推廣。五光十色的應(yīng)用圖標(biāo)和廣告陳列在頁面上，使用簡易清新素色調(diào)界面可以調(diào)和色彩濃烈?guī)�來的疲勞感，而且使�?yīng)用圖標(biāo)本身更為突出。

例b.不為視覺而設(shè)計：

在第一屏內(nèi)的背景使用了淺灰色漸變背景色并不是純粹為視覺而做�？紤]到頭圖切換色調(diào)的多樣性，白色底、黑色和深灰色底、飽和色底圖最為常見，假如用白色背景，那白色頭圖融為一體，切換區(qū)和預(yù)覽大圖被分割為2個部分，頁面斷了。例如：

頭圖加框又稍感畫蛇添足，畫面感細(xì)碎。

可見用一個淺灰色底背景解決了頭圖替換成白色的問題，相比以上效果切換區(qū)和預(yù)覽大圖更為整體，版塊感更強(qiáng)。這樣頭圖切換不同的大底色都可即清晰又整體，背景底色即有單一色值，頭圖與背景色值相同的情況就極為個別了：

Ⅱ。整體統(tǒng)一化

用戶界面應(yīng)當(dāng)有利于使用習(xí)慣的培養(yǎng)。當(dāng)使用交互式軟件或者電器時，用戶希望盡可能快速地進(jìn)入潛意識習(xí)慣。他們希望能忽略軟件或者設(shè)備，而將注意力集中在他們的任務(wù)工作上，軟件越一致，用戶就越容易使用。界面控件亦是如此，它們的不一致也會迫使用戶不斷的考慮，因而分散了用戶對任務(wù)的注意力。

例a.UI組件庫的優(yōu)化

初稿中的組件較為凌亂，可見按鈕隨意三種樣式的色調(diào)，漸變，大小字?jǐn)?shù)皆不統(tǒng)一。關(guān)閉彈框符號的小叉也風(fēng)格迥異。

標(biāo)簽： 網(wǎng)易應(yīng)用下載站 GUI設(shè)計 界面交互 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。