研發與設計專欄
UI 潮流設計 重點整理
前往目錄
比起常態性的 UI 設計,亦不容忽視其他潮 流設計,礙於實用性、接受度、成本、或實 驗性的純創作風格等因素,較少見於現行 網站,但其豐富程度與美感水準仍後勢看 漲,日後有可能成為指標性設計之一。

比起常態性的 UI 設計,亦不容忽視其他潮 流設計,礙於實用性、接受度、成本、或實 驗性的純創作風格等因素,較少見於現行 網站,但其豐富程度與美感水準仍後勢看 漲,日後有可能成為指標性設計之一。以下 歸納幾種元素:

AI

隨著 AI 技術的蓬勃發展,相關題材設計同樣越 趨多元,尤其 AI 概念較為抽象,亦能發揮較多的想像力與呈現方式,常見於插畫形式,以表 現科技、未來感並輔以鮮亮色彩為主要方向。

AI

Space Theme

星際題材近年在插畫領域是一大熱門,如今也 延伸到網頁設計。元素包含太空人、星球、外 星生物、火箭等。風格發展性高、接受度也高,既能表現科幻感,也能可愛親民,能發揮 的創意相對多。也常見於遊戲、廣告、平面設 計等領域。

Space Theme

Neon

承上則提到的光感設計,近期特別熱門的霓虹 燈效果就是應用指標之一。亮眼的色彩、吸睛 的效果、易用性高、年輕感十足、特色明顯,都是近年會流行的元素組合。常見於插畫、3D 模組、向量圖形 ; 而霓虹色彩也漸漸流行於影 像的創作中。

Neon

Duotone

雙色調手法,使畫面維持在 2-3 個顏色,有 助於降低色彩干擾、加深產品識別,應用範 圍廣。尤其在大量圖片又不希望影響整體色 系的情境中,特殊的影像 Duotone 處理(利用對比色半色調疊加在另一種彩色半色調上 的半色調再現圖像)能夠達到有效的一致性 ; 例如全球知名音樂串流服務公司 Spotify 已是 慣用此設計型式多年的代表之一。

Duotone

Diffuse Glow

手法與目的類似 Diffuse Shadow,一個是利 用陰影產生浮空的效果,一個是柔和的光暈 效果,其中主要分兩種表現方式:1. 營造自 然漸變的光影,提升背景的層次 ; 2. 針對主 要物件製造發光的感覺以吸引目光。運用在 數據、曲線圖表上,效果尤為出色。而這種設計手法可延伸多種風格,例如在插圖中營 造光影效果、或是模擬螢光燈感、或是顏色 斑斕的模糊漸層作為背景裝飾,應用情境多 元:各種 UI 元件、3D 物件、Icon、數字、 插圖、背景底色。

  Diffuse Glow

Glitch

模擬影像故障效果:色彩偏移、殘影、分割 錯位、粗糙紋理等綜合設計手法,算是近期 才逐漸流行起來的風格。風格強烈,營造出來的科技感、神秘感與特殊的冷調風格相 當受年輕族群喜愛。常見於動畫、照片、影 片、插圖、音效。

Gllitch

 Photo Manipulation

把原始照片加工特效,做客製化識別,加深 品牌意象。發揮創意,透過照片的去背與文 字或插畫、手繪等元素融合搭配,能夠將原 本可能枯燥平凡的照片變得更豐富有趣或是 貼近品牌,進而賦予更多訊息、含義,可塑性相當高。加上素材圖庫照片已過於普及氾 濫,多數人對一般商業照片漸漸麻木,這種 客製化加工的照片需求只會有增無減,並且 多一層技術門檻也相對更顯價值。

06 7

Abstract Concept

抽象的裝飾越來越普遍,優點在於可依據主 題彈性變化自己的設計,不必受限過多的具 體內容,在美感與實際內容中較易取得平 衡,而模糊的形體展現也具有高度的想像空間,尤其在涵蓋議題較廣的情境下更能發 揮,例如一開始提到的 AI 題材便相當適用抽 象的概念去襯托。也常見應用在未來科技、 音樂、動畫等領域。

Abstract Concept

Full Page

單頁,佔滿整個畫面為主要視覺取代傳統的 捲軸式瀏覽。畫面感受大器,視覺效果張力 強,並利用每個頁面同一尺寸的特點達到設 計上的一致性,重點明確,容易使人印象深刻。但相對受限也較多,此形式不適合於內 容複雜的排版以及需要足夠的操作引導,以 避免使用者瀏覽時混淆。常見於商品網站、 形象網站。

Full Page

 

3D Object

3D 物件在商品網站設計中,逐漸取代傳統 照片式呈現,除更精緻外,利用去背的商品 圖與設計元素可做各式搭配,靈活搭配性更 高。除突顯主要商品,利用簡單的物件作局部裝飾,如桌面、佈景裝飾,甚至傳達抽象 的背景概念,都可創造出高質感的情境。近 來也開始流行融入手繪插圖風格製造反差, 畫面元素更豐富有層次,裝飾效果極佳。

3D Object

Living Coral

活珊瑚橘,是今年 2019 的代表色。一種帶 著金色基調和柔和感的色彩,特色是:有活 力、樂觀積極、栩栩如生。在日新月異的數 位技術發展和社交媒體衝擊的生活中,「活珊瑚橘」帶來養分、擁抱溫暖,為處於不斷 變化下的人們提供舒適感和浮力。在今年 UI 創作中,常見此色號相關延伸作品。

Living Coral

以上可以看到各式各樣最近流行的風格,而這些風格並不侷限於單一形式中,有趣 在於彼此之間的元素能夠互相搭配、變化,善用這些特色,靈活應用進自己的作品 中,進而創造自己的風格,也正是設計的樂趣所在之一。

不過,當然也會面臨到平常的工作需求中,往往需要更多方面的考量,與自由自在的 創作截然不同,這些現實面的考量則是專業上的挑戰,如何在設計美感專業與實際產 出中拿捏取得最佳平衡,也是我們一直在學習跟成長的課題!