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

網頁佈局大解放！2017年10大網頁設計趨勢

2017年網頁設計新趨勢是什麼？《數位時代》綜合多家媒體與網頁設計公司的預測，整理出十大重點。

網站設計最迷人之處就是不斷變動，技術的演進讓設計師與工程師可以不停實驗創新，帶來更好、更流暢的使用體驗，以及讓人處處驚奇的感官饗宴。今年網頁又會有哪些有趣的風格將主宰我們的螢幕？我們綜合了 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

當CRA成為市場門票，企業該如何建立產品安全治理能力？

合勤投資控股公司資安長游政卿指出，CRA正式生效後，產品若未符合CRA 要求，將可能影響CE合規與歐盟市場銷售。更重要的是，CRA要求的不只是產品出貨當下符合規範，而是整個產品生命週期都必須被持續管理，且必須留下具可追溯性的完整紀錄。

因此，對台灣企業而言，CRA帶來的壓力不只是罰款，而是產品遭下架、召回，甚至進一步引發銷售通路中斷、品牌聲譽受損與客戶轉單等連鎖衝擊。對此，游政卿建議企業可依照CRA法規時程，兩階段建立合規能力。

在 2026 年應優先補強「通報即戰力」，亦即成立產品安全事件應變小組（PSIRT），建立漏洞通報與應變機制，確保當新漏洞出現時，企業能在第一時間做出正確判斷，包括該漏洞是否已被利用及嚴重程度、哪些產品與版本受到影響、是否達到CRA通報門檻及如何進行修補與升級。「就像汽車召回制度一樣，企業必須能快速掌握受影響的產品、版本與客戶範圍，並立即啟動應變機制。」游政卿說。

到了 2027 年，則應進一步將合規能力全面制度化與規模化。游政卿強調，企業不能再抱持「有問題再修補」的思維，而是必須從產品設計階段就導入「Security by Design（安全設計）」概念，並在產品整個生命週期中持續進行漏洞監控、更新維護與風險管理。換言之，企業真正需要建立的，不只是單一產品的資安能力，而是一套從設計、開發、測試、上市，到後續漏洞修補、客戶通知與紀錄保存，都能長期穩定運作的產品安全治理機制。

在此基礎上，黑貓資訊通過 TAF ISO/IEC 17025 認證的資安測試實驗室，可出具 ILAC MRA 國際互認報告，不僅能找出產品漏洞，還能協助企業建立具公信力的安全證明，確保產品安全與合規性。

Nebula 雲地聯防平台：讓企業從「看不見風險」到快速應變

在產品安全端，企業需要建立CRA合規能力，落實產品從設計、開發到漏洞修補的全生命週期治理；而在資訊安全端，則必須具備持續監控、快速應變與營運復原的能力，才能有效因應AI時代下愈來愈高頻、愈來愈自動化的攻擊威脅。

兆勤科技總經理蔡明見進一步說明，AI 正大幅改變資安攻擊的態樣，不僅讓攻擊成本明顯下降，攻擊速度與頻率也快速提升，攻擊目標更從過去的大型企業，逐漸轉向防禦能力相對薄弱的中小企業，尤其勒索軟體攻擊更明顯增加。許多中小企業因缺乏備援與復原能力，遭受攻擊後往往只能選擇支付贖金，進而衍生營運中斷與資料遺失等風險。

在此背景下，企業需要思考的，已不僅只是「防堵威脅」，更重要的是，當攻擊發生後，能否持續營運與快速復原。瞄準這樣的需求，兆勤透過自行研發的 Nebula雲端管理平台提升資安可視性，讓企業能夠「看見風險」，進而做好防禦、預警與應變。透過Nebula雲地整合架構，企業可將有線、無線及資安設備全面整合至單一平台進行管理。蔡明見表示，管理者不需分別學習與使用不同管理介面，即可掌握整體網路與資安狀態，大幅降低資安管理的複雜度、人力需求與技術門檻。

此外，Nebula提供圖像化儀表板與彈性報表功能，協助企業快速掌握攻擊來源、異常流量與高風險設備等資訊，進一步優化資安策略與決策效率。同時平台亦導入 AI 助手功能，讓管理者可透過自然語言查詢資安資訊，例如直接詢問「上個月前十大攻擊來源」，系統即可自動生成分析結果與視覺化報表，提升資訊取得效率。

面對 MSP（Managed Service Provider，託管服務商）發展趨勢，兆勤也持續開發更多 MSP 管理功能，包括客戶設備管理、授權管理等，協助合作夥伴更有效率地服務終端客戶、降低維運與管理負擔，進而吸引更多傳統經銷夥伴轉型為 MSP 業者，加速服務模式轉型與台灣 MSP 生態系發展。

至於勤晁科技則針對量子運算與跨域滲透威脅，提出「虛實整合防線」的新思維。防護架構由內而外拆解為三層：首先是運用邏輯防護（PQC）演算法進行加密、確保資料的長期安全性；其次是進行異常偵測、運用 AI 分析多維流量，即時發現異常行為；第三是建立物理韌性（Air Gap），以單向光纖傳輸築起不可逆的安全邊界。透過這套從邏輯、行為到物理層的縱深防禦機制，為國家級關鍵系統構築最穩固的安全韌性。

資安不只是 IT 部門的防守任務，而是攸關產品能否進入國際市場、企業能否持續營運的重要競爭力。合勤集團希望透過黑貓資訊、兆勤科技與勤晁科技的整合布局，從產品安全、資安防護到關鍵場域防禦，逐步提升企業的資安韌性，並協助企業從被動合規走向主動升級，在快速變化的全球市場中建立長期競爭優勢。