網頁佈局大解放！2017年10大網頁設計趨勢|數位時代 BusinessNext

網站設計最迷人之處就是不斷變動，技術的演進讓設計師與工程師可以不停實驗創新，帶來更好、更流暢的使用體驗，以及讓人處處驚奇的感官饗宴。今年網頁又會有哪些有趣的風格將主宰我們的螢幕？我們綜合了 Webflow、The Next Web、AWWWARDS 等媒體與網站設計公司的預測，整理出網頁設計十大趨勢：

網頁佈局的解放時代

過去幾年，一成不變的網頁佈局（layout）已開始令人疲乏，幸而 Flexbox 以及 CSS Grid!（Chrome、Firefox 預計於今年三月開始支援）等技術的出現，讓版面設計變得更靈活彈性，為設計師、工程師帶來更寬廣的揮灑空間，今年將可看到更多網站打破慣有的「對稱」、「秩序」守則，形形色色，層層疊疊的網頁佈局肯定精彩。不過不變的大原則是，設計的重點是要烘托「內容」，內容才是骨肉、才是人們光臨網站的主因，因此設計的尺度上也需斟酌，天馬行空之餘，別反客為主，奪走內容的風采。

色彩在跳舞

色彩作為表達個性的重要元素，在極簡風蔚為風潮時卻被剝除，不過約莫去年開始，大面積漸層色塊似有強勢回歸，Instagram、Asana、Stripe 都以飽和的漸層重塑品牌視覺主調，今年絢爛的色彩以及流動的漸層更將大行其道；此外，影像以雙色調（duotone）後製，也可能會是今年的潮流。設計師，Sarah Hutto 預言，今年將會是很「funky」的一年，期待強烈的色彩刺激人們的視覺感官。

與前兩年的明亮輕盈、以及上述張揚鮮濃的色彩對比，以相對沉著冷靜的黑色作為主色調也是愈來愈多網站的選擇，只要「輔色」（accent color）搭配得宜，黑色一點也不沉悶，反而能在一片光彩的世界裡脫穎而出。

華麗且實用的動態效果

動態效果在當代的網頁設計領域扮演舉足輕重的角色，今年也絲毫沒有退流行的跡象，反而應用會更廣泛。適當的動態效果，具有突出重點、爭取注意力的用處，今年以 SVG、CSS 創造的動態效果預料將大幅增加，滾動視差（Parallax Scrolling）也愈來愈華麗。但設計師應考量品牌或內容的內涵以及每個動態效果的意義，避免「為動而動」。

創造小驚喜的微互動

「微互動」在網頁上也會愈來愈流行，比如滑鼠移過、點擊各式網頁零件如按鈕，捲軸滑動過程中，適時出現細緻變化，也能夠有提示重點的作用。當然，就跟動態效果一樣，設計師也要拿捏「動」的意義與幅度，才不致畫蛇添足。

不失真、載入快的 SVG 大行其道

比起傳統圖片格式 JPG、PNG、GIF 以像素構成，近年興起的可縮放向量圖片 SVG 在網頁上具有更大優勢，以標記式語言（XML）組合圖形，繪製矩形、圓形、線條都是小事一樁，複雜的填充、形狀也難不倒它，也能輕而易舉製作動態效果，而且不受解析度影響，無論利用什麼螢幕、什麼裝置觀看，都不會破壞圖像品質。SVG 勝出更關鍵的是，不需 HTTP Request，能夠大幅提升網站載入速度。例如這個便是以 SVG 繪製的後背包。

巨大字體精準傳達品牌意涵

首頁以巨大的字體呈現品牌主旨，也將是今年隨處可見的風潮。不過「巨大」並不代表加寬加粗，而是以恰當的字體設計，言簡意賅、精準表達產品精神，取代冗長贅言。而字體與背景或色彩互動、或者在字體上塑造動態效果，也是可以嘗試的作法。

虛擬實境技術結合內容

虛擬實境的話題從前年延燒到今年，科技巨頭對虛擬實境的投資力道絲毫沒有減弱的跡象，特別是Facebook 未來十年將砸下 30 億美金專注虛擬實境的研發。可預見的是技術更臻成熟，也會有愈來愈多媒體或品牌運用虛擬實境科技「說故事」，為人們創造更身歷其境的感受。

為不同使用者量身打造內容

對內容網站而言，有效的把「對的內容」傳遞給「對的使用者」，是這幾年備受重視的能力。不過能夠命中核心的卻不多。因為要達到跟隨情境給予特定內容，需要考慮不同使用者的不同特徵，例如，使用者來訪網站的目的是私人之用還是為了工作？使用者是從哪裡來到網站的？使用者此刻正在做什麼？他們以前在網站上的行為又是什麼？他們使用什麼電子裝置上網？他們現在是登入狀態還是登出？

這些特徵綜合起來增加了複雜性，有些媒體使用「推薦閱讀」機制或如 Facebook 以演算法為個體決定不同訊息流。而如 Fubiz 則用「Creativity Finder」，讓使用者自行設定「身分」、「區域」、「目的」三個條件，過濾最符合要求的內容給予不同使用者。

「登陸頁」重於「首頁」

登陸頁（landing page）與首頁（homepage）的差異在於，前者有個非常明確的目標，例如希望使用者註冊、訂閱電子報、甚至購買，而首頁則如自家門口，提示網站包含哪些內容或功能，作用乃為提綱挈領。前者的重要性日益彰顯，設計上要能高效率地帶領使用者完成「轉換（conversion）」目的，幾乎不會有「導航（navigation）」的成分，因為我們不希望使用者分心到其他地方，最重要、幾乎也是唯一的目的就是推進轉換。

設計的分享

如同程式領域熱烈的分享文化，近幾年有愈來愈多小公司或大企業樂於公開分享內部的設計團隊協作與工作技巧流程，不但有招募人才之效，也充分展現品牌特色、塑造設計領域的互助氛圍，Google Design、Facebook、 Shopify 、Airbnb Design 都是可以借鏡的例子。

資料來源： Webflow、The Next Web、AWWWARDS

在高度碎片化的年代，企業行銷，不該是短跑，而是一場需要團隊默契的接力賽。

從社群平台、通訊軟體、搜尋引擎，再到網紅、短影音等，消費者與品牌的接觸點愈來愈碎片化。為了追求更好的行銷成效，企業陸續導入口碑行銷、廣告投放、會員經營等不同策略，並搭配各式各樣的 MarTech 工具，希望精準掌握每一次與消費者互動的機會。

然而，這些行銷策略就如同接力賽的跑者，雖然每一棒都努力衝刺，卻常常無法將成果順利交給下一棒，口碑、廣告與會員經營往往分屬不同負責人、使用不同平台，不僅數據散落在不同系統、跨部門協作成本高昂，一旦負責人員異動，累積多年的實戰經驗也容易隨之流失，使企業難以將每一次投入轉化為長期成長動能。

擁有 20 年行銷實戰經驗的數聚集團創辦人張元溢（Mars），看見許多企業投入愈來愈多工具與預算，卻始終無法累積真正的成長資產。他直言：「工具越多，不表示結果越好。」真正的競爭力，在於建立一套能整合數據、沉澱經驗並持續優化的成長機制，讓每一次行銷投入都成為下一次決策的養分，形成能不斷學習、自我進化的成長閉環。

基於這樣的理念，他整合旗下 Reddoor 紅門互動、Justar 數聚國際與 INLY 影領三大品牌，成立「數聚集團」，並提出全台首創的「聲量、流量、存量」行銷飛輪，串聯品牌曝光、流量轉換與會員經營三大階段。並整合第一方、第二方、第三方數據與生成式 AI，協助企業打造能自主學習、持續優化的 AI 成長引擎，讓品牌成長不再仰賴一次次重新開始，而是形成能持續累積價值的商業飛輪。

從聲量、流量到存量，打造會持續成長的品牌飛輪

達摩媒體暨影領國際執行長林合政（Adam）指出，企業在不同成長階段都有明確的經營目標，例如建立品牌聲量、透過廣告帶動流量，或深化會員經營、提升顧客價值。然而，任何一項策略都不可能無限放大成效，當成長逐漸趨於飽和，就需要下一個階段接力，才能持續創造新的成長動能。

林合政表示，真正重要的，不是哪一個環節最成功，而是每一個環節都能為下一個階段創造價值。當品牌聲量帶動流量、流量沉澱為會員資產，再透過會員口碑與數據反哺品牌影響力，便能形成持續運轉的品牌飛輪，而不是依賴一次次的廣告投入。

數聚集團品牌長蔡雅藍（Blue）進一步拆解品牌飛輪的運作架構。第一步，由 INLY AI 網紅媒合平台快速媒合適合的創作者，以內容建立品牌信任與市場討論度，為品牌累積第一波成長動能。

接著，由 Justar 數聚國際接力擴大市場觸及，透過數位廣告、線下媒體與多元渠道整合，精準接觸潛在受眾，將品牌關注轉化為實際流量與訂單。

當新客成功導入後，再由 Reddoor 紅門互動透過會員經營、數據分析與自動化行銷，提升顧客黏著度、回購率與終身價值，將一次性的流量沉澱為可持續經營的品牌資產。

最後，再透過 MGM（Member Get Member）會員推薦機制，讓忠誠會員主動分享使用體驗、推薦親友，進一步帶動品牌討論與新客加入，形成「聲量 → 流量 → 存量 → 聲量」持續循環的品牌飛輪。
張元溢表示，這套飛輪並非一開始就規劃好的商業模式，而是數聚集團二十多年來陪伴品牌成長、持續驗證與優化後逐步發展出的成果。

「我們最早做的是廣告，後來客戶開始需要口碑；當口碑做好了，又開始思考如何留下會員、提升回購。」他回憶，團隊每一次拓展服務，都不是為了增加產品線，而是在陪伴客戶成長的過程中，看見下一個真正需要解決的問題，也因此逐步收斂出如今的「聲量、流量、存量」品牌飛輪。

從 Data Lake 到 Vibe Marketing，AI 開始接手整個行銷流程

飛輪要能持續運轉，關鍵不只是串聯聲量、流量與存量，更在於每個階段產生的數據能否真正累積。為此，數聚集團打造 Data Lake（數據中台），整合會員、廣告等第一方數據，並串接第二方、第三方資料，將原本分散於不同系統的資訊，匯聚成企業專屬的數據底座。

「現在大家都在談第一方數據，但企業真正缺的，其實是把不同來源的數據整合起來。」張元溢表示，除了企業自身累積的會員資料，數聚集團也串接發票數據、線下渠道等外部資訊，協助品牌從更完整的消費旅程理解市場，而不是只看見自己的會員輪廓。

當數據基礎建立完成後，AI 才真正開始發揮價值。過去，AI 多半停留在生成文案、圖片等單點應用；如今，數聚集團希望讓 AI 直接參與整個行銷流程。品牌只需提供活動網址（URL）、預算與行銷目標，AI 即可根據品牌歷史數據與過往成效，自動完成創作者媒合、媒體投放與策略配置，並在執行過程中持續學習與優化。

蔡雅藍表示，這也是數聚集團提出 Vibe Marketing 的核心概念。「就像 Vibe Coding 讓開發者透過自然語言完成程式開發，Vibe Marketing 則希望讓企業只需描述商業目標，AI 就能完成大部分的行銷規劃與執行。」她認為，AI 的角色不只是生成內容，而是逐步接手重複且仰賴經驗的工作，讓行銷人員能將更多時間投入品牌策略、產品創新與顧客經營。

林合政補充，真正的競爭優勢，不是使用同一套 AI 模型，而是企業是否擁有屬於自己的數據與經驗資產。當品牌知識、行銷策略與營運經驗，都能透過 Data Lake 持續沉澱並回饋 AI，每一次決策都將成為下一次成長的基礎，形成企業專屬的 AI 成長引擎。

展望未來，張元溢表示，數聚集團將持續整合 AI、Data Lake 與生態系夥伴資源，將這套品牌成長模式從線上延伸至線下，並逐步拓展海外市場。他認為，當品牌能讓每一次聲量、每一筆流量、每一位會員都成為下一次成長的起點，AI 才真正從工具，進化為企業的成長引擎。

為了進一步分享這套方法論與最新產品布局，數聚集團將於 8 月 12 日舉辦「數聚・領航 2026 產品發表會」，首度完整公開以 AI 為核心的品牌成長飛輪，並攜手聯合線上、傑思・愛德威、SHOPLINE 等合作夥伴，從媒體、代理商到電商生態，共同探討 AI 時代品牌經營的新策略與成長機會。活動將於 8 月 12 日（三）14:00–16:30 舉行，品牌可透過報名頁（https://reurl.cc/KEAYOe）報名參與。