header_logo

Awwwards網站大改版:介面設計

Blockstudio

2022.10.24

0/9

這陣子點進 Awwwards 的使用者們應該會有點滿頭問號吧??這是 Awwwards 嗎??我在哪??
網頁設計界中的奧斯卡「 Awwwards 」對網站進行了大改版,除了外觀上的更新,在功能與會員制上也做了更多深入調整。接下來將透過文章讓大家能輕易重回 Awwwards 的懷抱,這篇就從由簡約清冷轉為溫暖活潑的外觀說起。

風格:簡約清冷 → 溫暖活潑
在色彩計畫上,過往以帶綠的黑白灰為主色、亮綠色作為輔色,點綴色只在小部分出現。改版後,第一屏依照當日網站變換底色,主色轉為帶暖的黑白灰,點綴色在網站中的佔比增加,使得整體網站變得更加溫暖活潑。

版面:規則格線 → 自由多元
在版面上,從過往俐落的矩形搭配較規則的格線佈局,改為溫潤圓角並以大圖大字增加對比,排版上也較自由多元,結合動態跑馬燈與錯落的插畫圖樣增加裝飾性。
而最主要的功能「展示參考網站」上,將整體的 Padding 縮小、版面放大,以瀏覽參考網站外觀作為首先目的。

Menu:網頁瀏覽為主 → Mobile First
而這次改版中最亮眼最酷炫的就是 Menu 從左側移到下方,看起來也踏入 Mobile First 的世界了,跟上個月 Apple 推出的全新「動態島」皆以滑順流暢的動態展開,除了做為選單外,還會依據不同的頁面切換為滾動進度條或 Filter。
但因為選單內容較長,Filter 功能無法同時在手機上呈現,另外手機好像沒做到回到最上方按鈕,目前還要很痛苦的手動滑回最上方。


不知道大家對於 Awwwards 的大改版有什麼想法呢?除了上述外觀的變化外,下一篇將繼續分析新功能與如何快速上手新版網站,大家下次見…

延伸閱讀
回到列表

隨時掌握設計趨勢

訂閱即表示您同意我們的隱私政策,並同意接收我們公司的更新。

Copyright © WebCRACK. All rights reserved.

版塊創意有限公司

| hello@webcrack.tw

| 統編:83197129