ico_gvoice

APP的視覺藝術

親近美好
有創意的人往往有絕佳品味,因此他們喜歡身處美好的事物之中!

近期刊登於《美學、創意、藝術的心理》期刊 (Psychology of Aesthetics, Creativity, and the Arts) 的一篇研究指出,音樂家-包括管弦樂團的樂手、指揮、音樂老師、與獨奏家都對藝術美感有著高度的敏銳度。

時常也在社群網站看見大家分享著異國旅行的美好體驗,用照片記錄享者各地傳統美食與米其林等級料理,充滿著視覺享受。於是我們會好奇的想知道大家的美感來自於哪裡?因為身處環境感染的嗎?廚師料裡怎麼烹煮?擺盤為何可以如此的精美;甚至於在旅行之中我們觀察著,餐盤的紋路,刀叉的質感,服務人員添酒添水的速度,對每一個動作認真,到了一個很敏感,神經質的程度。

餐飲藝術,就像是欣賞一場華美的歌劇,一個精緻的建築工藝,感官是敏銳的,心情是精細的。

欣賞藝術作品也是如此,我們在米開朗基羅(Michelangelo Buonarroti)的作品中看見的偉大有如貝多芬音樂作品所呈現的一般;米開朗基羅大部分的作品,就讓我們一眼認出他獨一無二的特質。拉斐爾(Raphael,義大利畫家)作品的均衡理性與人性就可以用來比喻莫札特的作品。我們可以用繪畫的來思考音樂,也可以透過其藝術來結合設計,常常在一些作品中,使用了一些特定的聲音或樂段,它會在你心中呈現一幅景象,藝術精神就這麼與作品緊密的結合著。

我們可以將所有細緻的藝術運用於設計,從歷史藝術之中找到顏色,將所有回想的顏色色澤與明暗(畫法,筆觸,梵谷的塊狀畫法)以及用聽到聲音去分辨顏色,再與畫面結合呈現在設計作品上。

音樂強弱就像是顏色的深淺,記譜方式就像是文字的大小、行距、段落,曲名就代表我們的作品名稱;樂段就像是設計中每一個功能所代表著其重要性,就像是著名的奏鳴曲式分別的呈示部、發展部、再現部。而呈示部,就像是強烈的戲劇性和肯定的設計風格與顏色;發展部就像是設計中所擁有功能、延伸的設計;再現部就像是,如何將所有的主體設計,再延用於其他細節上,讓產品整體的設計風格一致?

我們在觀察一個好的APP設計也是如此~

什麼是賞心悅目又美味的app作品呢?

我們由COOK APP來介紹這華美的設計

COOK APP-是一個易於瀏覽,有著流暢性的界面,結合著華麗美食攝影食譜!

在此APP中,廚師們分享的食譜,App質感的精細度扮演重要的角色;好的App除了是否具有內容外,更包含了直觀的清單設計以及可以幫助使用者學習其中的烹飪技巧與紀錄營養成分。頁面呈現簡單清楚且的設計,由於iPad的可視範圍更大,有更多設計的空間,讓畫面可以更加舒適,於是它發揮了大字體 ( Brandon grotesque ) 的設計,適合各年齡層閱讀,讓每個人都能舒適的瀏覽內容。清晰且大塊面積且扁平極度簡潔的設計風格,而美麗的照片與動態流暢的滑動做了完美的結合。

建立食譜運用了簡單的輸入方法,無論是加入詳細的配方,增添圖片,撰寫食譜,簡潔清楚的操作介面,抓住了使用者的注意力。

按照季節,它也推出了不同類型的食譜,也包含了世界各地成千上萬的廚師的食譜分享。增加了APP內容的可看性,是一個重要的設計細節。

結合了美感流暢的設計與高像素的圖畫,它抓住了我們生活之中密切需要的烹飪靈感來源。

在一開始開啟App時,Welcome Page運用多個高解析的照片來尋找美味的食物分布於兩側。一個大大的“WELCOME”字結合著鮮豔及熱情的色彩背景。Swipe左右滑動的動作緊接著呈現的是皮革質感的精裝書與說明,就像是舞台劇的開場。

設計一致帶出了整體的風格。其中涵蓋了iOS 7的設計(按鈕和導航)。按鈕,就像在iOS中7,畫面呈現扁平、清脆、乾淨以及清晰的字形。

App的launcher icon是美味的亮橙色,對角線漸變。

設計中,食譜封面承襲了iPod音樂應用程式的手法,烹飪書本向右滑動,分享著既有的食譜,就像博物館展示著栩栩如生的繪畫,迎接你的是大膽的標題和食譜。

整個App結構相當精美。當你向下滑動,Popup Menu 為主要視覺的功能,背景消失和明亮的色彩遍及畫面使背景圖畫隱約可見。讓主視覺容易被閱讀,並主導文字。

您可以拍攝照片或添加一個來自圖庫,添加一個簡短描述,創造自己的食譜。文字可以複製粘貼自其他來源,或者您也可以手動輸入它。除了這些,您還可以與您的朋友和家人分享這些食譜。

App的設計有好有壞,無論在任何的設計上,您可以透過細心的觀察發現其優點。嘗試著將古典藝術作品,藝術家的百年設計經驗,運用在作品上;讓創作者得以開創偉大藝術,就能設計出讓人們心靈感動的作品。

參考資料:

http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/

http://www.thecookapp.com/

作者介紹

遊戲橘子人因設計中心 / Cindy Wu

以使用者為中心UDC(User-Centered Design)設計方法,運用在各專案的執行或改良,致力於推動產品最佳的體驗。