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

網(wǎng)頁(yè)設(shè)計(jì)中多元素是如何做到同一同等(5)

議同一同等,設(shè)計(jì)者可以在寫樣式布局的時(shí)候同一設(shè)置。雷同類型的操作應(yīng)該有相似的效果反饋,雷同的功能界面也應(yīng)該有類似的布局樣式。

  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)生距離感。下面的反例

e89958d217daa801219c779ef8f6.jpg

  給大家舉個(gè)簡(jiǎn)單的例子,這是常見的網(wǎng)頁(yè)標(biāo)簽區(qū)塊,正常鼠標(biāo)移過(guò)會(huì)表現(xiàn)主色——橘色,

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di73.html
平面設(shè)計(jì)中必須遵循的20個(gè)設(shè)計(jì)原則
怎樣從攝影照片中汲取設(shè)計(jì)靈感?
圖趣網(wǎng)微信
建議反饋
×