Godzilla. 2018-03-09
網(wǎng)站建設
關于網(wǎng)站建設的一些重要原則總結(jié)（四）
網(wǎng)站建設中總會遵循一些基本的設計原則，不論你是經(jīng)驗豐富的行業(yè)大?；蚴莿傔M入網(wǎng)頁設計領域的新手，鞏固容易忽略的設計原則將會極大地改善你設計工作的質(zhì)量。那今天小編也就來分享關于網(wǎng)站建設的一些重要原則總結(jié)的第四部分。
一致性
如果你遵循目前所討論的原則，但缺乏一致性，你將會削弱在應用其他設計原則時所取得的進步。一致性有助于創(chuàng)建一個設計、站點或外觀的心智模型。類似的東西應該在視覺上相似。而且記住這一點，一旦你開始編碼你的設計，讓你的設計變得更簡練(不要重復你自己)，你就會更加直截了當。
?。―ropbox團隊的另一個令人賞心悅目的設計）
上圖的示例顯示了不同級別上的一致性。插圖的樣式和尺寸是一致的。按鈕看起來是一樣的。所有三列的視覺重量都是均勻的。每一列都有相同的內(nèi)部結(jié)構(gòu)?？偟膩碚f，這是簡單、精心考慮和有效的。
一致性設定了預期，無論接下來發(fā)生的是什么，都會出現(xiàn)相似的情況，從而減少認知處理。避免使用大量不同類型的字體和字體是保持一致性最重要的途徑之一。在一個環(huán)境中，用戶習慣于以特定的樣式或字體閱讀，因此不應該打擾讀者。
你最近有沒有看到過使用大量不同按鈕的網(wǎng)站，而不是少數(shù)幾個可以創(chuàng)造更好的一致性的網(wǎng)站?我敢打賭，你肯定不會喜歡的。下面的按鈕屬于一個單一站點的接口清單。正如下面所觀察到的，你能在錯誤的方向上走多遠，這是令人驚訝的。
當網(wǎng)站建設類似的元素具有相同的美學特征時，系統(tǒng)的可用性就會大大提高。為什么要讓用戶學習不同的視覺語言來瀏覽網(wǎng)頁呢？這沒有任何意義！
?。ú祭?弗羅斯特關于原子設計的優(yōu)秀著作的一張截圖）
相似性
你猜對了，一致性源于這個格式塔原則，它表明相似的東西創(chuàng)造了一種統(tǒng)一的形式，你可以在你的設計中使用。具有相似特征的元素似乎彼此之間的聯(lián)系更密切，而不是不同的事物。相似的元素暗示著一種關系，在它們周圍其他元素形成強烈的對比。
你可以通過使用普通的方法來實現(xiàn)元素之間的相似性:顏色、大小、形狀、紋理、方向、面積、尺寸。
所有這些都可以表明關系。顏色和形狀是強調(diào)這些關系的很有力的例子。盡管相似性是一種強大的武器，但它仍然是一種加強等級的工具，而不是一種簡單的創(chuàng)造它的工具。
這是Dribbble上的用戶列表，顯示了設計師和他們的工作。這是一個極好的例子，說明相似可以支持不同設計元素的列表來創(chuàng)建關系，從而顯得更加統(tǒng)一。通過縮略圖的水平接近和每個重復行的相似性，可以在頁面上顯示移動。
?。―ribbble上的用戶列表）
就功能而言，網(wǎng)站建設類似的外觀元素應該為用戶完成類似的任務。當用戶不再需要為相似的界面元素重新學習不同的行為時，就會消除挫敗感。相似性有助于管理期望，而期望本身是你的軍火庫中的一個非常強大的工具。
文章標簽：
網(wǎng)站建設 設計原則
文章評論：