網(wǎng)頁(yè)設(shè)計(jì)中多元素是如何做到同一同等(5)
6、視覺元素同一
這里的視覺元素包括網(wǎng)頁(yè)當(dāng)中各種元素的尺寸、大小和顏色。這些元素可以是按鈕、圖標(biāo)、動(dòng)畫等,在網(wǎng)站設(shè)計(jì)時(shí)也要考慮不同頁(yè)面之間的同等性,盡管功能不同,但是要大體上(可以略有變通)保持不同頁(yè)面之間視覺風(fēng)格的同等。
MINGO這個(gè)食品網(wǎng)站從界面的題目顏色、按鈕大小顏色、筆墨大小什么的都做了和諧同一,界面元素雖然多,但不凌亂,反而一些細(xì)節(jié)的同一處理讓界面更活潑。
7、交互同一
交互上的同一也很緊張,除了視覺表面上可以一樣看到的,”交互”和”舉動(dòng)”上也要下肯定的功夫。在各個(gè)頁(yè)面當(dāng)中的交互性也很緊張,且最好保持大致的雷同,以免太過(guò)凌亂。好比市面上的一些排插上的按鈕設(shè)計(jì),有些排插上的按鈕按下去是開啟,有些排插按下去是關(guān)閉,如許的交互設(shè)計(jì)不統(tǒng)一,會(huì)讓使用者摸不著頭腦,使用起來(lái)也及其不順手。生活中都如此,在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中也是不能忽略交互上的同一,倘使同個(gè)界面的同個(gè)元素,用戶觸發(fā)這個(gè)元素的時(shí)候,這個(gè)元素給用戶兩種不同的表現(xiàn)結(jié)果,如許只會(huì)讓用戶對(duì)這個(gè)網(wǎng)站產(chǎn)生距離感。下面的反例
給大家舉個(gè)簡(jiǎn)單的例子,這是常見的網(wǎng)頁(yè)標(biāo)簽區(qū)塊,正常鼠標(biāo)移過(guò)會(huì)表現(xiàn)主色——橘色,
本文地址:http://m.likemindfilms.com/tutorial/di73.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏