UI 是藝術還是設計?

建議想當 UI 設計師的新手去練練素描水彩,對未來從事該職業有很大的幫助,他們卻說「我又不要當藝術家」或「我只要會畫簡單的就好了幹嘛學到那麼複雜」。說我做的東西根本就是藝術而不是設計…那還叫我提建議幹嘛..不對,我應該要回一句「因為你不懂。」

藝術、美術、設計

藝術、美術、設計是完全不同的三件事,以下取自維基百科:

藝術(英語:Art)

有時被稱為精緻藝術或美術(英語:Fine Arts)指憑藉技巧、意願、想像力、經驗等綜合人為因素的融合與平衡以創作隱含美學的器物、環境、影像、動作或聲音的表達模式,以指和他人分享美的或有深意的情感與意識的人類用以表達既有感知的且將個人或群體體驗沉澱與展現的過程。

美術(英語:Fine Art)

即狹義的藝術定義,一般指除了建築藝術之外的造型藝術的通稱,按照目的可分為兩大類,即:純美術和工藝美術兩類。

設計

所謂設計,即「設想和計劃,設想是目的,計劃是過程安排」,通常指有目標和計劃的創作行為、活動。原意是「設置擺放其元素,並計量評估其效用」,現代通常指預先描繪出工作結果的樣式、結構及形貌,通常要繪製圖樣。

Icon 是藝術還是設計?

20131207-DEMO.png
就以我之前畫的這個 icon 來說,你能夠覺得它是藝術。這個 icon 目的是練習技法、表現我對它的喜愛。除此之外沒有幫任何人解決問題。純粹就是種心情、技法的傳達。


APP:RainFont
這一個 icon 就沒有這麼單純,製作的同時我考量到它代表整個 App 的門面、是給人第一印象的重點,這是款字級表的入口,必需要能讓人一眼就看出它和文字有關。

Rainstep 的 Logo 設計為切對角斜面的圓角方型 icon ,我必須要結合兩者的形象,再加上 iOS 特有的上方打光角度、文字頂端需製作高光。有光就有影,Aa 文字下方加上陰影。光影的變化並不是只有一個方向,正前方我也加了一個較弱的光源,凸顯灰黑底的斜切面、並營造聚在 Aa 文字的氛圍。

創造一件藝術作品時可以完全不用考量這些,只要憑心情和技法都行。但做設計不能如此,設計是解決問題的方法。設計這顆 icon 的時候我想的是「如何讓人一眼就能看得出來這 App 和字體字級有關」、「能不能結合 Rainstep 的 Logo 形象」。

設計是解決問題的方法

從 Wiki 可以看得出來藝術、美術、設計三者之間的差異、最容易被誤解的 icon 也說明清楚了,現在回來說說 UID 這回事。

UID 指的是 User Interface Design,使用者介面設計,並不是「UIA 使用者介面藝術」。藝術家在創作時不需要考量易用性、規範、一致性、硬體效能等問題,但 UID 需要。很棒的藝術作品可能會是很糟糕或無用的設計。像是非常華麗炫、特效滿滿的介面,卻一整個難用到爆炸、或是不知道裝了這 App 除了看爽的喊聲喔喔喔之外能解決或幫助什麼事情。

設計可以透過研究方法、用科學和邏輯複製,執行過程會經歷情報的收集和分析,會有明確的目的性。就介面設計而言,覺得素描和水彩這些基本功是藝術家在學的、和設計師無關,代表在看的還不夠多、經驗不足。如果你對介面發展史和符號學有點印象就會知道,越模擬現實、越貼進使用者操作慣性的介面、通常使用者學習時間就越短。現在流行的扁平化目的在「去除過多干擾訊息傳遞的雜訊」、並不是脫離現實,而且最需要扁平化部分「操作流程」老是被大家遺忘。

學過人體素描的就知道,背部臀部這種地方反而比眼睛或手指更難描繪得精緻漂亮,越複雜的部位反而越好畫。學習素描水彩的重點在於訓練設計師觀察的能力,如果連存在的現實都沒有深刻的體認也不願花時間觀察,又如何設計出打動人心作品?介面設計最核心的思想就是「為了使用者」啊。

(能當 UI 藝術家誰不想當啊?可以踹飛使用者易用性、無視 Guideline、不用管 RD 死活,開小畫家亂抹一通…)

Akane Lee

Akane Lee

創意要能實現,設計才能上線,不然會和工程師吵到理智斷線

Comments

wave
comments powered by Disqus

Press ESC to close