您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

出色的交互設(shè)計(jì)師:設(shè)計(jì)一個(gè)偉大的品牌(3)

 

a_3 表里如一

同樣性質(zhì)的東西表里必須如一;不同性質(zhì)的東西表里必須不一。左邊的“
網(wǎng)易閱讀”,首頁(yè)的logo樣式和實(shí)際的logo是一致的;右邊的“網(wǎng)易樂(lè)得惠”,首頁(yè)的logo樣式和實(shí)際的logo不一致(少了外沿部分)。

首頁(yè)的logo樣式(不可點(diǎn))和其他頁(yè)面的“返回”按鈕(可點(diǎn))做成了同樣的樣式,使用戶極容易誤操作(以為首頁(yè)的logo可點(diǎn))。

a_4 親密接觸

在不同的頁(yè)面,針對(duì)同一性質(zhì)的操作,應(yīng)保持一致性。比如下面這兩個(gè)應(yīng)用在功能上非常的接近。由于列表頁(yè)上的細(xì)微差別(上面的需要在下一級(jí)頁(yè)面執(zhí)行收藏操作;下面的可以在當(dāng)前列表頁(yè)執(zhí)行收藏操作),導(dǎo)致兩者在收藏頁(yè)面的交互形式有較大的區(qū)別。當(dāng)然,下面的應(yīng)用可采用和上面的同樣的刪除形式,但卻不如現(xiàn)在的方式直觀。

b 平臺(tái)內(nèi)一致

應(yīng)用內(nèi)部要保持一致,同時(shí)還要和該平臺(tái)上其他產(chǎn)品的通用規(guī)則盡量保持一致。因?yàn)橛脩舨皇侵挥媚愕膽?yīng)用,他會(huì)下載、使用很多很多的應(yīng)用。所以請(qǐng)盡量遵循iPhone界面的規(guī)范,同時(shí)考慮大家的使用習(xí)慣。很多設(shè)計(jì)師鄙視使用iPhone自帶的圖標(biāo)、控件和樣式等,認(rèn)為這樣的話就不需要設(shè)計(jì)師了。其實(shí)創(chuàng)新的設(shè)計(jì)永遠(yuǎn)是受歡迎的,只是不要挑戰(zhàn)基本規(guī)則。建議每一個(gè)參與iPhone應(yīng)用設(shè)計(jì)的人,都好好讀一下iPhone的人機(jī)界面指南,研究iPhone的原生應(yīng)用,在熟悉規(guī)則的基礎(chǔ)上創(chuàng)新。 

下面這兩個(gè)例子,左邊的界面明顯更有設(shè)計(jì)感,但你覺(jué)得比右邊的更好用嗎?

[教程作者:圖趣]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id981.html
Web2.0中流行的網(wǎng)頁(yè)設(shè)計(jì)元素
網(wǎng)頁(yè)設(shè)計(jì)中浮窗的使用實(shí)例
×