WordPress 外貿獨立站網站建設中總會遵循一些基本的設計原則,不論您是經驗豐富的行業大牛或是剛進入 WooCommerce 獨立站網頁設計領域的新手,鞏固容易忽略的設計原則將會極大地改善您設計工作的質量。那今天小編也就來分享關於 WordPress 外貿獨立站網站建設的一些重要原則總結的第四部分。
一致性
如果您遵循目前所討論的原則,但缺乏一致性,您將會削弱在應用其他設計原則時所取得的進步。一致性有助於建立一個設計、站點或外觀的心智模型。類似的東西應該在視覺上相似。而且記住這一點,一旦您開始編碼您的設計,讓您的設計變得更簡練 (不要重複您自己),您就會更加直截了當。
(Dropbox 團隊的另一個令人賞心悦目的設計)
上圖的示例顯示了不同級別上的一致性。插圖的樣式和尺寸是一致的。按鈕看起來是一樣的。所有三列的視覺重量都是均勻的。每一列都有相同的內部結構。總的來説,這是簡單、精心考慮和有效的。
一致性設置了預期,無論接下來發生的是什麼,都會出現相似的情況,從而減少認知處理。避免使用大量不同類型的字型和字型是保持一致性最重要的途徑之一。在一個環境中,多用户習慣於以特定的樣式或字型閲讀,因此不應該打擾讀者。
您最近有沒有看到過使用大量不同按鈕的網站,而不是少數幾個可以創造更好的一致性的網站? 我敢打賭,您肯定不會喜歡的。下面的按鈕屬於一個單一站點的界面清單。正如下面所觀察到的,您能在錯誤的方向上走多遠,這是令人驚訝的。
當 WordPress 外貿獨立站網站建設類似的元素具有相同的美學特徵時,系統的可用性就會大大提高。為什麼要讓多用户學習不同的視覺語言來瀏覽網頁呢?這沒有任何意義!
(布拉德. 弗羅斯特關於原子設計的優秀著作的一張截圖)
相似性
您猜對了,一致性源於這個格式塔原則,它表明相似的東西創造了一種統一的形式,您可以在您的設計中使用。具有相似特徵的元素似乎彼此之間的聯絡更密切,而不是不同的事物。相似的元素暗示著一種關係,在它們周圍其他元素形成強烈的對比。
您可以通過使用普通的方法來實現元素之間的相似性: 顏色、大小、形狀、紋理、方向、面積、尺寸。
所有這些都可以表明關係。顏色和形狀是強調這些關係的很有力的例子。儘管相似性是一種強大的武器,但它仍然是一種加強等級的工具,而不是一種簡單的創造它的工具。
這是 Dribbble 上的多用户列表,顯示了設計師和他們的工作。這是一個極好的例子,説明相似可以支持不同設計元素的列表來建立關係,從而顯得更加統一。通過縮圖的水平接近和每個重複行的相似性,可以在頁面上顯示移動。
(Dribbble 上的多用户列表)
就功能而言,WordPress 外貿獨立站網站建設類似的外觀元素應該為多用户完成類似的任務。當多用户不再需要為相似的界面元素重新學習不同的行為時,就會消除挫敗感。相似性有助於管理期望,而期望本身是您的軍火庫中的一個非常強大的工具。