錯位的元素、少見的配色,不一樣的動效都可以讓一個網站變得高大上。今天就說下 WooCommerce 獨立站網頁設計中那些少見的佈局和出人意料的設計思路。
不管是出於客戶需求、預算的原因,還是硬體限定的互動方式,很多網站都有著相同的規則,甚至一模一樣的樣式。它們幾乎都沿著相似的刪格系統來新增內容。這些不同於傳統的網頁佈局往往帶給人不同的觀感,賦予網站強烈的個性,並跳出既定的設計思路。
Yatzer
該網站的獨特設計很大程度上激發了訪客的靈感。同樣藉助刪格來構建整體佈局,整個網頁排版有著不對稱美感,元素並沒有在縱向上對齊,摒除了傳統網站一板一眼的排版,更加具有動感。
Sylvian Reucherand
這個來自 Lane&Associates 的展示頁漂亮簡約,獨特的地方就是圖片會在頁面中跟隨滑鼠而飄動。自然隨性的設計非常獨特。
Jimmy Says Yes
越來越多的網站使用這樣的極簡風,標題段落和文字也是採用不對齊的方式來設計,具有很高的辨識度。
Quechua
Quechua 網頁中許多元素錯落有致。這種讓圖片、文字和按鈕重疊排布的自由隨性的佈局越來越受到設計師的青睞。在近幾年也越來越流行。
Readymag
是一個免費排版指南,整個指南由四個部分組成,佈局也直觀簡單。字型纖細的段落並沒有居中對齊。
Christopher Ireland
這是一個佈局相當整潔的 WordPress 網站設計,如果您仔細檢視其中圖片佈局就會發現,它們沒有安裝已知的刪格系統來進行佈局。您會感受到網站的獨創性。