網(wǎng)頁設(shè)計(jì)中多元素是如何做到同一同等(5)
2017/3/30 9:11:16來源:三聯(lián)
議同一同等,設(shè)計(jì)者可以在寫樣式布局的時(shí)候同一設(shè)置。雷同類型的操作應(yīng)該有相似的效果反饋,雷同的功能界面也應(yīng)該有類似的布局樣式。
6、視覺元素同一
這里的視覺元素包括網(wǎng)頁當(dāng)中各種元素的尺寸、大小和顏色。這些元素可以是按鈕、圖標(biāo)、動畫等,在網(wǎng)站設(shè)計(jì)時(shí)也要考慮不同頁面之間的同等性,盡管功能不同,但是要大體上(可以略有變通)保持不同頁面之間視覺風(fēng)格的同等。
MINGO這個(gè)食品網(wǎng)站從界面的題目顏色、按鈕大小顏色、筆墨大小什么的都做了和諧同一,界面元素雖然多,但不凌亂,反而一些細(xì)節(jié)的同一處理讓界面更活潑。
7、交互同一
交互上的同一也很緊張,除了視覺表面上可以一樣看到的,”交互”和”舉動”上也要下肯定的功夫。在各個(gè)頁面當(dāng)中的交互性也很緊張,且最好保持大致的雷同,以免太過凌亂。好比市面上的一些排插上的按鈕設(shè)計(jì),有些排插上的按鈕按下去是開啟,有些排插按下去是關(guān)閉,如許的交互設(shè)計(jì)不統(tǒng)一,會讓使用者摸不著頭腦,使用起來也及其不順手。生活中都如此,在網(wǎng)頁設(shè)計(jì)當(dāng)中也是不能忽略交互上的同一,倘使同個(gè)界面的同個(gè)元素,用戶觸發(fā)這個(gè)元素的時(shí)候,這個(gè)元素給用戶兩種不同的表現(xiàn)結(jié)果,如許只會讓用戶對這個(gè)網(wǎng)站產(chǎn)生距離感。下面的反例
給大家舉個(gè)簡單的例子,這是常見的網(wǎng)頁標(biāo)簽區(qū)塊,正常鼠標(biāo)移過會表現(xiàn)主色——橘色,
[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di73.html
本文地址:http://irelandcustomcontracting.com/tutorial/di73.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
這些是最新的
最熱門的教程