網(wǎng)頁設計中多元素是如何做到同一同等(5)
2017/3/30 9:11:16來源:三聯(lián)
議同一同等,設計者可以在寫樣式布局的時候同一設置。雷同類型的操作應該有相似的效果反饋,雷同的功能界面也應該有類似的布局樣式。
6、視覺元素同一
這里的視覺元素包括網(wǎng)頁當中各種元素的尺寸、大小和顏色。這些元素可以是按鈕、圖標、動畫等,在網(wǎng)站設計時也要考慮不同頁面之間的同等性,盡管功能不同,但是要大體上(可以略有變通)保持不同頁面之間視覺風格的同等。
MINGO這個食品網(wǎng)站從界面的題目顏色、按鈕大小顏色、筆墨大小什么的都做了和諧同一,界面元素雖然多,但不凌亂,反而一些細節(jié)的同一處理讓界面更活潑。
7、交互同一
交互上的同一也很緊張,除了視覺表面上可以一樣看到的,”交互”和”舉動”上也要下肯定的功夫。在各個頁面當中的交互性也很緊張,且最好保持大致的雷同,以免太過凌亂。好比市面上的一些排插上的按鈕設計,有些排插上的按鈕按下去是開啟,有些排插按下去是關閉,如許的交互設計不統(tǒng)一,會讓使用者摸不著頭腦,使用起來也及其不順手。生活中都如此,在網(wǎng)頁設計當中也是不能忽略交互上的同一,倘使同個界面的同個元素,用戶觸發(fā)這個元素的時候,這個元素給用戶兩種不同的表現(xiàn)結果,如許只會讓用戶對這個網(wǎng)站產(chǎn)生距離感。下面的反例
給大家舉個簡單的例子,這是常見的網(wǎng)頁標簽區(qū)塊,正常鼠標移過會表現(xiàn)主色——橘色,
[教程作者:佚名]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di73.html
本文地址:http://m.likemindfilms.com/tutorial/di73.html
下一篇:怎樣從攝影照片中汲取設計靈感?
這些是最新的
最熱門的教程