2015年10月22日星期四

UI 炫技要不得！設計師別求花俏，簡單明瞭才最重要

要知道使用者介面裡的動畫不全都是壞事，壞的是那些過度濫用動畫以至於影響使用者體驗的設計師。一個好的設計師應該要知道該如何取捨使用的時機，以下幾點將會告訴各位，在什麼樣的情況適合使用動畫，讓你在未來不會再不必要的時機亂用動畫。

太過刻意

以下的例子指的是現在迪士尼化的 UI 動態設計，看起來是有點誇張沒錯，但還真的這樣設計的 UI 其實不在少數。

這樣的設計看起來就好像我們用隱形的橡皮筋把這些符號 Icon 垂吊在半空中讓它一直晃，一點都不好看。

過度使用

動畫就像殺蟲劑一樣，你用太多就會失去它的效果。

動畫原則

很多 UI 設計師常常會建議大家多去看看迪士尼的動畫製作原則，但其實這種東西只會讓使用者的介面使用起來更緩慢而已。

很多 UI 設計師常常把介面當成動畫展示區，但除非你真的是想進到皮克斯當動畫家，最好還是少用那些太過卡通化的動畫效果。

到底什麼才是介面

介面存在的目的就是將不斷流通的資訊傳達出去，對於設計師來說，他們的工作就是決定何時是他們介入流通資訊中的最好時機。

動畫在 UI 設計中扮演的角色

以下是幾個使用動畫的基本原則:

你是否能確定使用動畫能幫助到使用者。「看起來很好看」不是一個正當的理由

盡量讓動畫出現的時間少於 300 毫秒

避免使用線性移動的動畫，因為這會讓整個介面看起來遲緩無趣

99% 的動畫都應該使用簡單的緩入緩出效果

只有在極少數的情況下才會使用彈簧 (Spring)，彈跳 (Bounce) 等效果

通知動畫

簡單的通知動畫最常不要超過 300 毫秒，這樣的設計才能真正幫助使用者，因為它能吸引到使用者的目光。

吸引你的使用者

從以上的例子我們可以看到，通知的強度在第二次點擊的時候大大的增強。

第一次點擊時，通知緩慢地出現。
第二次點擊時，通知列的訊息激烈的震動。

當使用者不斷的點擊按鈕時，介面會出現另外的訊息通知使用者。

設計師也可以改變安鈕的顏色來吸引使用者的注意。

擴張訊息

這個設計非常的簡單且有效，常常在行動裝置上能看到它的蹤跡。它特別的點是，使用者即使在擴張列表之後，原先的畫面還是維持在原本的狀態。

在上方的案例中，我刻意將關閉鍵的出現時間稍微延長，我也使用轉折的動畫讓使用者把目光聚集在較重要的資訊上。

訊息重要性的優先順序

身為一位設計師與軟體開發者最重要的就是決定 UI 上哪個設計元素才是優先選擇，以下方法可以用來強調:

使用標題
畫底線或是加上粗黑字體
使用顏色
使用形狀與圖片
動畫

沒有人會把文件裡每一段文字都改成標題大小，同樣的，也沒有人會把介面裡的每一個符號元素都改成動畫。請把動畫當成一隻螢光筆，只在重點的部分運用。過多的使用會讓人很難抓到重點，造成你想傳達的訊息流失掉。

功能性 vs 美觀

如果你開始聽到團隊裡有人提到他的 UI 動畫能讓使用者「賞心悅目」，那你就該當心了，因為單純為了美觀而設計的動畫幾乎都不是什麼好設計。

記住，簡潔就是美，功能性的設計永遠勝過純粹為了美觀的動畫。

不要讓你的動畫影響使用者的體驗，想想看為什麼飛機的導航介面為什麼從不使用動畫。你也許會覺得 300 毫秒的動畫又無傷大雅，但對於使用者來說，你多餘的動畫只會煩死大家，不會讓任何人「賞心悅目」！

結語

你就盡情的運用動畫吧，把動畫當成一個能更快傳達資訊的工具，但記得，功能性遠比美觀更重要，多為使用者著想，不要讓他們在你的介面上多浪費那幾毫秒。

( 資料來源: 翻譯自 Sophie Paxton ；圖片來源: Pixabay、Sophie Paxton、Wikipedia )

文章來源: FLiPER http://flipermag.com/2015/10/14/ui-3/

以美而有感的設計思維，品味台灣茶之美

台灣有這麼棒這麼棒的茶，可是我們這一代的年輕人只喝咖啡。
台灣有這麼棒這麼棒的茶，可是其他國家的人，只懂法國紅酒、巴西咖啡。
茶曾經是長輩生活中的必需、曾經是舉世聞名的 Formosa tea，是什麼阻礙了台灣茶的傳承以及光大？

為了向全世界及台灣年輕世代推廣台灣茶的理念，品茶集將悠遠的台灣品茶文化精煉呈現，希望能夠從新世代的美感態度、消費習慣和生活體驗等各個面向聚焦，將喝茶文化融入大家的生活中，也讓品茶集成為新世代台茶風景的一隅，一起分享茶湯的美好。

視覺概念，便是品茶集向大家傳達理念的第一個、同時也是最重要的機會。

過去，大眾對於設計的認知多半停留在視覺美感的創意，為了符合消費者追求新意的市場需求，創意漸漸淪為噱頭，甚至為設計而設計。

然而少了文化底蘊的創意終究無法引起消費者的深度共鳴，很容易就在廣大的市場中消聲匿跡，當炫目吸睛的包裝戰已成紅海，品茶集相信，依品牌精神與定位延伸設計與消費者溝通的方式，才能創造出全新的體驗與感動。

設計是日常生活中傳遞美感與人文精神的管道，設計不只是包裝，而是品牌精神的延伸，它所展現的風格和調性也代表著某種型態的生活品味。消費者在選擇品牌的同時，也隱藏著個人對於美感風格、生活態度的思考。如何讓消費者有感，進而產生認同與連結感，是所有品牌與設計者面對的挑戰。

以品茶集而言，祖執輩以茶起家，三代喝茶、愛茶、以茶為業，代表著正統品茶精神與茶及日常的態度。

一開始在為品牌規劃時，便著重於突顯屬於台灣茶的樸質謙和的特質，不希望太過時髦張揚的設計風格讓品牌失去原有的調性，但也希望能與日式茶道美學做出區隔。品茶集的「品」字結合中國窗花設計、並在英文標準字「Pinchajii」中融入明體漢字的筆法造型，在西式極簡設計的氛圍中，傳遞東方美學風格。

素材選擇上則統一採用環保的再生紙卡，除了表現惜福愛物的環保精神之外，同時更藉由紙材特有的原色質感來表現出內斂樸實的美感。希望能透過各式設計思維，向消費者強調「不假修飾，反而更能彰顯樸意的茶精神」的核心價值。

以文化作為設計養分，品茶集的視覺概念屢次獲得國際設計大獎肯定，其中包括了德國紅點設計大獎，這無疑是最直接的鼓勵。

除了茶葉品質、產品性價比的競賽，如何將傳統的喝茶文化現代化，也是各新創茶品牌努力的目標。將品茶集簡約的現代美感融入茶具組設計，而後又結合品茶集團隊教學評鑑經驗三十多年的事茶專業，設計泡茶專屬 APP。體驗正統品茶之道變得更加容易，希望在咖啡文化已成顯學的時代，讓大家再次發現品茶的樂趣，重新將茶融入日常生活中，並帶著台灣茶走向國際舞臺。

對品茶集而言，美學不只是外在的創意或美感，更是品牌調性與文化內涵的展現，設計將品牌內在精神形象化視覺化，與市場溝通或區隔出特色變得更加容易，無形中也能向傳遞消費者更深度的訊息。相信未來，當設計的層面繼續擴大，設計思考將不只是為解決現下問題，而是新思維的想像與實踐，用設計的新價值開創全新的產業或生活型態！

文 / 謝繕聯、王冠懿
特別感謝：品牌發酵有限公司(YDC Inc.)

文章來源: FLiPER http://flipermag.com/2015/10/14/pinchajii-01/

2015年10月21日星期三

藝術巴黎：瘋狂的地板

美麗的藝術品可以存在的任何地方，攝影師塞 Sebastian Erras 證明了這一點。他 Instagram 被稱為巴黎的地面（又名@parisianfloors）展示了優雅的法國城市的不同區域鋪設的華麗的馬賽克。 Erras 捕捉各種藝術風格，看似千篇一律的腳踩馬賽克，但是仔細斟酌發現他花了不少心思。不同的地面，代表不同的場所，還搭配了適合那個場所的鞋子。簡單到了極致，不需要靠複雜的建築，不需要風格迥異的服裝，地板，鞋子，足矣感受這千年的藝術。

Erras 在今年早些時候旅行去 Marrakech，在那裡他發現了這些小小的圖案拼湊出來的瘋狂的藝術感，於是他開始用相機拍下他們。回到法國後，他發現同樣華麗的建築細節無處不在，於是他決定將這些記錄在社交媒體上。

Erras 的 “ Instagram證明，透視一個簡單的移位可以提供一個新的和意想不到的看世界。他希望這些照片會激發其他用戶查看他們的城市有所不同，特別是那些生活在巴黎的人們。在 Trendland 接受記者採訪時，他補充道，“ 巴黎不僅是艾菲爾鐵塔，羅浮宮，這座城市有著很多不同的角度可以去了解。你只需要看到並註意他們。 “ 簡單地說，往下看就行了！”