網頁佈局大解放！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

一家連續十年營收 700 萬元的健身業者，如何在一年內將業績推升至 3,500 萬元，成長整整 5 倍？答案可能和多數人想的不一樣。

這家健身品牌不是一開始就加碼投放廣告，而是先從調整組織架構與薪酬制度著手，透過明確分工改善團隊運作，進而建立「全員銷售」文化，這並不是要求每位員工都成為業務員，而是讓團隊理解與認同品牌理念，確保從服務、回覆、教學到售後過程中的每一個顧客接觸點，都能傳遞一致的訊息與體驗，從而建立顧客對品牌的信任感，甚至願意主動購買與持續回購。而規劃這套成長策略的幕後推手，正是無限創意行銷。

AI 讓行銷變簡單，為何行銷公司反而更難做出成效？

雖然公司名稱裡有「行銷」兩個字，但無限創意行銷並非只從行銷工具出發，而是以顧問式行銷的角色，先理解企業經營問題，再決定應採取哪些行銷與營運解方。「我們不會一開始就告訴企業該採用哪些行銷策略，而是根據企業真的需求來提供適合解方」，無限創意行銷創辦人翁小五一語道出公司的獨特定位。

通常，企業在面對營收成長瓶頸時，第一個念頭就是做行銷，然而，翁小五從過往的工作與創業經驗中發現，限制企業營收成長的原因有很多，不一定與行銷有關，背後可能還有其他問題，若沒有釐清真正的問題所在，就急著投入廣告或其他行銷資源，很可能只是治標不治本。

基於這樣的觀察，無限創意行銷決定採取反向思考邏輯：先回到企業經營本身，找出造成「成長趨緩」的真正原因，再據此制定策略、優化營運流程，最後透過行銷放大企業優勢。當每一筆行銷投入都建立在更健康的企業體質與更精準的策略判斷之上，行銷才不只是「有做」，而是真正能為企業帶來成長。

這套「先找問題、再選工具」的服務模式，在生成式 AI 工具普及後，也成為拉開行銷成效差距的關鍵。

過去，行銷公司的價值建立在製作能力、投放技術與媒體資源；但當 AI 逐步降低文案、素材與分析的執行成本，單純提供「做內容、下廣告、做報表」的服務，差異化將快速縮小。此時真正考驗的，反而是行銷人的理解力和判斷力：能否看懂消費者真正需要什麼？能否找出限制企業營收成長的關鍵環節？而這正是無限創意行銷長期深耕企業經營現場、不斷透過數據與市場驗證所累積的核心能力。

AI 拆解營收黑洞，讓數據為企業成長導航

在無限創意行銷的顧問式服務流程中，數據是相當重要的依據。翁小五進一步說明，無限創意行銷的數據應用可以分為三個層次：從檢視行銷活動成效、拆解顧客旅程中的問題節點，再進一步延伸至年度營運規劃，讓企業不只知道「過去發生了什麼」，更能判斷「下一步該怎麼走」。

首先，是檢視行銷活動成效，其中最重要的原則在於，根據行銷目標去解讀數據。舉例來說，如果目標是增加首購顧客，除了檢視素材吸引力與點擊率，還要持續追蹤到站、詢問、成交、新客占比與首購成本；如果目標是擴大營收規模，則應進一步檢視回購率、客單價與顧客終身價值。

數據應用的第二層價值，是拆解從「廣告投入」到「營收產出」之間的過程，理解每一個節點的數據分別反映什麼問題，再針對問題逐一修正。

至於第三個層次，則是讓數據成為企業經營與資源配置的依據。無限創意行銷會從年度營收目標出發，結合產業特性、淡旺季變化與過往行銷成果，拆解每一季、每個月的業績任務，再將過去有效的策略放大、成效不佳的做法修正，據此安排下一年度的行銷資源與營運節奏。

不急著加碼廣告，從企業體質出發找出 5 倍成長解方

對無限創意行銷來說，數據是找出問題、配置資源與規劃成長路徑的關鍵，文章開頭提到的健身業者，正是此套方法論的最佳印證。當初，翁小五深入診斷後發現，這家企業真正的問題在於組織結構過度扁平，老闆長期忙於處理日常事務，難以專注在營運規劃；此外，組織缺乏真正負責營運管理的中階主管、教練流動過高導致學員缺乏安全感等，皆是影響回購率的因素。

因此，無限創意行銷先從組織架構著手，設立專責店長一職，並重新設計薪酬制度，藉此讓教練、店長與老闆皆可專注在自身工作上。之後，再透過前期廣告數據與顧客洞察，找出消費者選擇品牌的真正原因，並運用行銷活動與口碑經營持續放大。同時，翁小五也在過程中導入「全員銷售」概念，確保顧客在各個接觸點都享有一致的體驗，品牌才能逐步累積顧客信任。

最終，這家企業的營收一年就成長至 3,500 萬元，達到原先的 5 倍。這個案例也說明了無限創意行銷的方法論：行銷不是企業成長的起點，而是放大企業優勢的槓桿；企業體質愈健全，這支槓桿所能放大的成長效益也愈大。

從「會做」到「會判斷」，AI 時代，無限創意行銷正在重新定義行銷公司的價值

隨著 AI 能力越來越強大，下一代行銷公司的價值，不只是比誰更懂得運用 AI，而是行銷人的市場理解力與專業判斷力，知道 AI 產出的內容哪些值得留下、哪些應該捨棄，或是該如何持續修正，才能打造出能夠被消費者感受到的品牌體驗。

因此，無限創意行銷未來將積極建立團隊與 AI 協作的方法論，將過往的專案判斷、提問框架與數據檢核邏輯，轉化為 AI 協作流程。團隊在面對新專案時，不是直接要求 AI 給答案，而是先定義目標、限制條件與判斷標準，再去檢查 AI 產出是否符合商業情境。

對翁小五而言，AI 時代真正稀缺的，不是工具，而是定義問題、理解消費者與判斷品質的能力。未來無限創意行銷的競爭力，也不在於使用多少 AI，而是持續將人的品味、市場理解與產業 Know-how，透過 AI 放大，協助企業打造更精準的品牌體驗與更高品質的決策。