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

火熱的 AI 風潮掀起客廳革命，到底 AI 電視可以幹嘛？簡單來說，AI 電視透過 AI 處理器與演算法，即時進行 AI 畫質優化、音效調整、智慧語音搜尋和極致的個人化推薦，全面顛覆傳統智慧電視。在 AI 電視功能中，最讓消費者有感的是 AI 畫質優化，但許多人往往忽略了，畫質提升不只關乎演算法，更取決於底層的背光、色彩與控光技術。Sony BRAVIA True RGB LED 電視，正是將軟體思維與硬體工藝深度結合的最好示範。透過創新的 XR 認知智慧處理器搭配 True RGB 技術，精準呈現 AI 電視的畫質優化能力。

AI 電視是什麼？不只是能上網看串流的智慧電視

要理解 AI 電視可以幹嘛，首先必須釐清 AI 電視與一般智慧電視的差異。傳統智慧電視是為電視接上網路，讓使用者單向觀看連網影音。AI 電視則是在智慧電視的基礎上，導入了 AI 處理器與先進演算法，讓智慧電視具備「主動分析與學習」的能力，可即時判斷每一幀影像的畫質特徵、聲音頻率、觀看環境（如白天強光或夜晚暗光），甚至是家庭成員的使用習慣，進而動態調整視聽呈現。簡單來說，傳統智慧電視解決的是「能不能連網看內容」的問題，而 AI 電視解決的是「如何讓內容呈現得最好」的體驗問題。

但當 AI 演算法分析出最佳的畫面設定後，如果硬體無法精準跟上，優化效果就會大打折扣。這也是為什麼高階顯示技術 True RGB 開始受到市場矚目，確保 AI 算出的極致色彩與對比，能精準落地在觀眾眼前。

AI 電視可以幹嘛？從畫質、場景、音效到個人化推薦的四大核心進化

面對消費者的核心疑問「AI 電視可以幹嘛？」，可從四大 AI 電視功能深入拆解。

AI 畫質升頻與降噪：讓低解析度內容更清晰

透過 AI 升頻與降噪技術，可分析解析度較低或經過壓縮的影音內容，改善線條、紋理與雜訊，使畫面在 4K 螢幕上呈現得更清晰。True RGB 則能協助 AI 優化後的畫面亮度、色彩與對比度精準呈現。不過實際效果仍會受到原始片源解析度與壓縮品質影響。

智慧場景辨識：依電影、球賽、遊戲自動調整畫面

AI 電視能即時辨識播放內容，自動調整畫面呈現，比如看電影時調整為劇院感色溫、看球賽即時插幀消除動態殘影、玩遊戲時自動切換至低延遲模式。在不同場景轉換時，True RGB 讓亮度與色彩對比表現依然精準自然。

AI 音效優化：讓人聲與環境音更清楚

AI 音效演算法能分離出人聲對白與背景音效。看動作大片時，能放大環繞立體感；看新聞時，則優化人聲頻率，甚至能根據客廳結構進行空間音效校正。

語音互動與個人化推薦：減少尋找內容時間

AI 語音互動更能理解複雜語意，當你說出「我想看適合週末晚上的搞笑電影」時，AI 便會結合使用者的觀看偏好推薦清單，真正做到懂你所想。

整體而言，在眾多 AI 電視功能中，消費者最能直觀感受到的是 AI 畫質升頻與場景優化。但不論軟體演算法如何強大，都需要有對應的硬體執行力，而 True RGB 正是讓這些高階 AI 畫質能精準落地的關鍵技術。

AI 畫質優化的關鍵：不只靠演算法，硬體也是決勝點

在討論 AI 電視時，大眾常有一種迷思，認為只要電視內建強大的 AI 處理器和演算法就行，事實上，AI 電視的畫質優化不是靠單一演算法完成，而是包含「AI 判斷」與「硬體呈現」兩大層次：

首先由 AI 負責辨識畫面中的主體物件、人眼焦點、光影分佈及動態物體的移動軌跡等。根據 AI 判斷結果，演算法在底層即時計算出一套優化藍圖，決定哪些區域需要進行 AI 升頻、降噪、提高畫質、調整亮度、對比或色彩飽和度等。而硬體則負責最終畫面呈現，包含電視的背光、面板、控光技術與色彩控制技術，才是真正決定這張優化藍圖能被實現到什麼程度的關鍵。

而 Sony BRAVIA True RGB LED 電視便精準示範，硬體如何賦予 AI 電視極致表現。傳統 LED 電視使用單一藍色 LED，再搭配濾光片混色的方式，容易產生色彩混濁或亮度減損，True RGB 技術則以獨立驅動紅（Red）、綠（Green）、藍（Blue）三原色 LED 作為背光源，當 XR 認知智慧處理器分析影像內容，發出畫面調整指令後，True RGB 能精準響應，讓紅、綠、藍三色背光以極高精度進行獨立控光，將 AI 畫面調整的判斷精準呈現。

一般智慧電視、AI 電視、搭載 True RGB 的 AI 電視差在哪？

跳脫複雜的規格參數，一次搞懂三代智慧電視有何不同。簡單來說，一般 AI 電視可以做到升頻、降噪與場景辨識；搭載 True RGB 的 AI 電視則進一步把 AI 判斷延伸到背光與色彩控制，真實還原亮度、色彩與對比。

	一般智慧電視	AI電視	搭載 True RGB 的 AI 電視
核心定位	解決「連網與內容獲取」	解決「基礎畫面自動優化」	解決「極致高階畫質精準執行」
畫質處理能力	支援基本的數位降噪，無法因應訊號源差而改善	具備 AI 升頻技術，能動態辨識場景並優化低解析度影片	結合 XR 認知智慧處理器與硬體優勢，進行深度的 AI 畫面優化
背光技術	傳統常亮背光，容易產生漏光與局部發灰現象	具備區域控光，但演算法與硬體匹配度較為普遍	採用 True RGB 三色獨立背光，控光精準度極高，無溢光與色偏
色彩與亮度表現	色彩表現較為平淡，高亮處易過曝，暗部細節容易丟失	色彩飽和度高，但有時因演算法過度補償而顯得不夠自然	實現豐富飽和的色彩表現層次，精準還原真實色彩
主要適合情境	看第四台、日常追劇	看 4K 串流，希望電視能自動適應不同影音內容	追求劇院級體驗，喜歡高畫質影音、球賽、遊戲的用戶

買 AI 電視時，真正該看哪些規格？

當你準備為家裡添購 AI 電視時，除了關心它是否支援智慧語音、刷新率有多高、個人化推薦好不好用之外，以下四個核心 AI 電視功能才是決定長期觀看品質的關鍵指標：

AI 處理器

大腦優劣決定電視表現，挑選時認準旗艦級的 AI 處理器，如 Sony 的 XR 認知智慧處理器，不只單純堆疊算力，而能模擬人類大腦的認知方式，打造身歷其境的畫面真實感。

AI 升頻能力

優秀的 AI 升頻能力應能精準區分「影像噪訊」與「畫面原生紋理」，在去除雜訊的同時保留皮膚毛孔、衣服編織等細節，而非一味抹平。

背光與控光技術

若重視高階畫質，True RGB 可作為判斷 AI 畫質能否精準呈現的重要顯示技術，徹底告別傳統畫面暗部發灰、亮部慘白的通病。

色彩與亮度表現

不能只看標榜的 HDR 規格，更要檢視硬體能否真實呈現。True RGB 能賦予 AI 電視更強悍的畫面執行力，銳利呈現 AI 算出的明暗對比與色彩飽和度。

關於 AI 電視與 True RGB 的常見問答

Q1：AI 電視適合哪些人？
AI 電視適合所有對影音品質有追求的人。不論你是愛看高畫質影音的追劇族、追求畫面流暢不殘影的運動迷、重視高刷新率與低延遲的遊戲玩家，AI 電視都能大幅提升觀影體驗。

Q2：AI 升頻會把影片變成 4K 嗎？
無法完全等同原生 4K，但能讓畫面更接近高解析度的觀看效果。AI 升頻利用比對與像素補插，將原本模糊線條變得銳利清晰，結合 True RGB 的高精細控光後，視覺表現會非常接近 4K 原生畫質。

Q3：買 AI 電視時，只看 AI 處理器夠嗎？
絕對不夠。演算法算出的完美畫面需要顯示硬體來執行，電視的背光技術、控光與色彩管理能力（如 True RGB）同樣重要。軟硬完美結合，才是高畫質的保障。

Q4：AI 電視對看球賽或玩遊戲有什麼差別？
AI 電視能根據不同場景優化畫面表現，觀看球賽時，能動態識別高速移動對象，即時插幀消除動態殘影；玩遊戲時，能自動切換至低延遲模式和強化暗部細節。

Q5：白天和晚上看電視，AI 電視會自動切換不同的畫質設定嗎？
Sony 搭載 True RGB 的 AI 電視內建環境光感測器，能根據環境光線變化動態調節畫面呈現，在白天明亮時自動增亮、晚上變暗時調降亮度並柔化對比，省去手動切換的麻煩。