2012年5月23日 星期三

發揮想像力


某一天跟著孩子看海綿寶寶,這一集的內容非常有趣,內容是這樣的:海綿寶寶跟派大星在路旁等著快遞將大電視送來,然後,他們不需要大電視,他們要的是裝電視的大紙箱,並邀請鄰居章魚哥一起進入紙箱內遊戲,鄰居章魚哥認為兩人又再進行愚蠢行為,認為紙箱沒什麼好玩的!海綿寶寶說:要發揮你的想像力!章魚哥還是不認同,喜孜孜的要了電視,認為電視的魅力比紙箱大,並將電視運回,過程中,聽見兩人在紙箱內遊戲的對白與音效,彷彿跟電影音效一樣擬真,連他在一旁都受感染但當他打開紙箱,發現只是坐在紙箱內兩人,什麼都沒有!他非常惱怒,非要找出音效的來源,海綿寶寶還是說:發揮你的想像力!生氣的章魚哥決定跟他們一起坐在箱內參與遊戲,但海綿寶寶說,章魚哥你必須一同參與遊戲、而不是參觀當遊戲開始沒多久,沒耐心的章魚哥發現他們兩個只是閉著眼用嘴巴發出聲音,他失望又憤怒,但是更加堅定一定要找出音效開關的念頭,他等待晚上的到來,等海綿寶寶與派大星結束遊戲離開紙箱,他自言自語的說,不相信坐在一個紙箱想像:打開引擎、踩動油門就能但真的聽到引擎聲、感覺到車子的震動了,他在箱子內相信「發揮想像力」這句話了,畫面帶到海綿寶寶,他跟小蝸說:章魚哥終於會玩那個箱子了

發揮想像力的確能創造許多不可能的事情,就如同劇中的海綿寶寶,發揮想像力,製造出不可思議的音效,甚至連不在情境中的章魚哥都能聽見,這不就是創意人要具備的嗎?將使用者放入你創造出來的情境中!Bingo!


文字的描述能創造想像力,看同一段文字,你我的畫面皆不相同。如同上面的描述,若你沒看過影片肯定因文字建構畫面,想法因此而生另一個想像力的來源是-實驗、行動力,因為觸覺的引動、感官的帶動,能啟動更多的想法出現,你會想著「要不再多點什麼好不好?」「這樣試試看!」很多嘗試性的行為創造更多的不同結果,跟著海綿寶寶學創意,發揮你的想像力!(彩虹~)

2012年5月16日 星期三

[設計說故事] 個性化的道歉



FB上看到這則連結,在好奇心驅使下點進連結,輸入名字真的不由的WOOW



內容是一首道歉MV,由帥哥主唱,有拼字的玫瑰花瓣、有愛的紋身、天空的雲朵這一切都是都是剛剛輸入的名字,而且MV的最後說明「只為你而唱!」這一切都命中女生們的心!心花朵朵開啊!帥哥為何要說relly sorry?

原來是O.B. Tampons品牌推出的行銷廣告。O.B. TamponsJohnson & Johnson(嬌生/強生)旗下的女性衛生棉條品牌, O.B. Tampons 2010無故下架,消費者在各分銷商店遍尋不獲.J&J公佈是由於生產商的問題,造成缺貨,可是已經造成很多消費者的不滿,不少媒體更懷疑J&J是不是想砍掉這個品牌.由於不滿之聲太厲害,為了平息風波,J&J宣佈恢復O.B. Tampons,可是只恢復部分系列商品,當然,又造成很多消費者的不滿,畢竟,女性消費者對衛生棉條的品牌忠誠度是相對高很多的.J&J推出廣告表達他們的歉意。 

人、機、環境,做設計常提到不可或缺的思考介面,O.B. Tampons用最簡單的方式、在快速的方式下融化憤怒的心。

「帥哥唱情歌」,聽來是一個老梗,但對女生來說,是有一定的浪漫程度,若這個梗再加上「只為你而唱」呢?女人瞬間變成女孩,不為別的、只因為專屬我!加上拼出名字的花瓣、紋身、雲朵這些MV中出現的元素,加深了這份專屬感,鐵的心、都願意卸下防衛傾聽他要說的了他說relly sorry!

有別於一般的處理消費者反對聲浪方式,O.B. Tampons不僅是一篇公開道歉文(Maybe O.B. Tampons也有),他瞭解主攻的對象-女性族群,知道女生需要什麼?製造出這份「專屬性」的機能,瓦解消費者的不滿,當然,柔性的訴求,設計能輔佐幫上外,實際面的銷售還是要一起跟上,雙管並行。但設計這樣的方式呈現,無非是讓消費者先消消怒氣,而不是直通通看一則沒有情感的道歉啟事,說故事式的設計,說故事的年代!

2012年4月26日 星期四

Adobe CS6 特集 - 新功能全解構


 Adobe正式宣布了新一代設計、網絡和視頻領域的終極專業套裝“Creative Suite 6”(簡稱CS6),包含四大套裝和十四個獨立程序。與此同時,Adobe還發布了訂閱式雲服務“Creative Cloud”(創意雲),可讓用戶下載安裝任何一款CS6程序。







Adobe CS6四大套裝:
CS6 Design Standard (設計標準版)
CS6 Design & Web Premium (設計與網絡高級版)
CS6 Production Premium (產品高級版)
CS6 Master Collection (大師典藏版)

Adobe CS6
獨立程序:
Photoshop CS6
Photoshop CS6 Extended
Illustrator CS6
InDesign CS6
Acrobat X Pro
Flash Professional CS6
Flash Builder 4.6 Premium Edition
Dreamweaver CS6
Fireworks CS6
Premiere Pro CS6
After Effects CS6
Audition CS6
SpeedGrade CS6
Prelude CS6
Encore CS6
Bridge CS6
Media Encoder CS6

Photoshop CS6 & Photoshop CS6 Extended 
 

 Adobe
宣稱,得益於Adobe Mercury Graphics Engine圖形引擎,用戶可以在新版中感受到不可思議的性能,使用任何編輯工具都可以即時得到結果,比如液化、操縱變形、光照效果等等。

-新設計的灰暗色用戶界面(可自定義)
-拓展的內容感知技術群,新增內容感知修補、內容感知移動
-全新的裁剪工具
-更豐富的文字各式
-新的矢量圖層
-新的圖案樣式(Scripted Patterns)
-支持創建、編輯和增強視頻
-適應性寬角度濾鏡
-新的模糊效果
-整合Adobe Camera Raw 7
-豐富的畫筆工具集
Mercury Graphics Engine for 3D圖形引擎
3D內容控制與效果
-增強的工作流(僅限Extended版本)

Illustrator CS6 
 
重新設計了更為現代化的用戶界面,特性方麵包括新的圖像追踪引擎、簡單的圖案創建、筆劃斜度等等,特別是Mercury Performance System帶來了更快的速度和更強的穩定性,並支持64位的WindowsMac OS X操作系統。

-全新的影像描圖(利用全新的描圖引擎,將點陣圖影像轉換成可編輯的向量。毋需使用複雜的控制項,即可獲得清晰的線條、精確的調整功能與穩定的效果。)
-全新高效率、靈活彈性的介面(透過全新的精簡介面,減少完成日常工作所需的步驟。體驗圖層名稱的內嵌編輯功能、精確的色彩取樣,以及可配合其他 Adobe 工具順暢調整亮度的 UI)
-高斯模糊增強功能(套用高斯模糊以及陰影和發光等效果的速度明顯加快。若要提高精確度,請直接在工作區域中預覽,不要透過對話框預覽。)

-變形面板增強功能(將常用的縮放筆畫和效果選項放入變形面板,方便您快速存取。)

-色彩面板增強功能(利用色彩面板中可展開的色彩光譜,讓色彩取樣更快、更精準。現在,將十六進位值複製並貼到其他應用程式的速度也變得更快了。)

InDesign CS6 
 

加入了新的Adaptive Design Tools (適應性設計工具),包括Alternate Layout(交互佈局)Liquid Layout(液體佈局)Content Collector Tools(內容收集工具)Linked Content(關聯內容)等等,簡化多層內容的創建。使用適用於 .folio 檔案的流動版面,自動根據多種螢幕和頁面大小調整 Adobe® InDesign® CS6 軟體中的頁面版面。使用替代版面,以體驗更大的控制力。運用連結的內容、內容收集器工具、最近使用過的字型、灰階預覽等,來提高您的生產力。

Adobe Muse
Adobe Muse
是一個剛宣布的全新工具,可以讓設計師無需編寫代碼就能創建、發布HTML5 Web網站。


介面上,Muse其實與一般的平面排軟體類似,而像分頁、熱點觸發、幻燈片、燈箱等等目前網頁常見的效果也都內建了。至於Google Map或是YouTube等元素,也可以用HTML嵌入的方式方便地加入。

Flash Professional CS6 
 

用戶可以使用CreateJS Flash專業工具包進行HTML5的翻譯和轉換,遊戲體驗的創建也大大增強,還能創建改進工作流和性能的Sprite Sheet

利用最新的Adobe Flash PlayerAIR Runtimes,可以更輕鬆地開發AndroidiOS設備應用。

產生精靈表單
匯出元件和連續動畫,以立即產生精靈表單,可改善遊戲體驗、工作流程和效能。

HTML
的新支援
Flash Professional 的核心動畫和繪圖功能為建置基礎,運用新的擴充功能(另行提供)來建立互動式 HTML 內容。匯出成 JavaScript 以鎖定 CreateJS 開放原始碼架構。

廣泛的平台與裝置支援
鎖定最新的 Adobe Flash Player AIR 執行階段,將觸角延伸到 Android™ iOS 裝置。

建立預先封裝的 Adobe AIR 應用程式
使用預先封裝的 Adobe AIR Captive 執行階段建立和發佈應用程式。簡化應用程式測試工作,並讓使用者執行您的內容,毋需另外下載程式。

Dreamweaver CS6

用戶無需再手動為手機、平板機、台式機分別單獨創建基於CSS的界面,取而代之的是所謂的Fluid Grid Layouts,而藉助直接整合的新服務PhoneGap Build,用戶可為多個平台開發原生移動應用。

回應速度快的流暢格點版面
運用回應速度快的 CSS3 流暢格點版面系統,來建立跨平台與跨瀏覽器的相容網頁設計。使用簡潔、業界標準的程式碼,針對多種裝置和電腦開發專案,讓工作更快更有效率。以視覺化方式建構複雜的網頁設計與版面,毋需忙於編寫程式碼。

改善的 FTP 效能
利用重新改良的多執行緒 FTP 傳輸工具來簡省上傳大型檔案的時間。更快更有效率地上傳網站檔案,以縮短製作時間。

Adobe Business Catalyst
整合
使用 Dreamweaver 中整合的 Business Catalyst 面板以連接和編輯您使用 Adobe Business Catalyst(需另外購買)建立的網站。運用代管解決方案建立電子商務網站。

更新的 PhoneGap 支援
更新的 Adobe PhoneGap™ 支援讓您更輕鬆地針對 Android iOS 建立及封裝原生應用程式。透過改編現有的 HTML 程式碼來建立行動應用程式。使用 PhoneGap 模擬器檢查您的設計。

InDesign CS6 

 After Effects CS6
號稱是該軟件近十年來最大的一次進步,速度和響應度都更快,而且還有Global Performance Cache(全局性能緩存),可以即時保存預覽,再大的對像也能隨時應付。


其他:

Premiere Pro CS6
擁有更簡潔高效的新式編輯環境,Adobe Mercury Playback Engine播放引擎也加入了對OpenCLMacBook Pro的支持。

產品高級套裝里新增了Adobe Prelude CS6Adobe SpeedGrade,前者可以簡化後期製作的工作流,而後者包含強大的後期修補工具,包括電影修補、調色等等。

Audition CS6
加速了音頻的後期製作,比如簡單快速匹配音頻編輯的實時片段拉伸,以及引入強大的自動對話分析新引擎的自動語音組合(Automatic Speech Alignment)等等。

價格方面,設計標準版、設計與網絡高級版、產品高級版、大師典藏版四大套裝分別要1299美元、1899美元、1899美元、2599美元,舊版升級價275美元、375美元、375美元、 525誒元。

Photoshop CS6
Photoshop CS6 Extended分別要699美元、999美元,舊版升級價199美元、399美元。

Creative Cloud
年度、月度訂閱用戶每月分別要49.99美元、74.99美元,CS3/4/5/5.5用戶優惠價29.99美元每月。

CS6
號稱是該軟件近十年來最大的一次進步,速度和響應度都更快,而且還有Global Performance Cache(全局性能緩存),可以即時保存預覽,再大的對像也能隨時應付。

參考來源
:
http://www.e-zone.com.hk/discuz/viewthread.php?tid=69129###
http://news.mydrivers.com/1/225/225894.htm
http://www.adobe.com/tw/

2012年4月22日 星期日

實驗精神

團隊進行羽球的活動已經是好幾年的文化,透過軟性的活動來增進大夥在各個層面的成長。前一陣子開始加入game的遊戲性想法,透過了分隊競爭,以攻守世界版圖為籌碼,進行羽球比賽,我們稱為「榮耀帝國爭霸戰」。

這次公司在二隊各有7位成員的戰力分配中,安排了一男一女雙隊長的角色,負責安排賽事以及雙打組合的戰力調配,進行為期六週的比賽。這一次的羽球競賽,我有了一次不同以往的體會與發現~在這一次的活動安排上,如同往常依然是團隊的一場實驗,然而這次的實驗過程中,似乎在其中一隊裡發生了效果!


這一隊的隊長們,一開始就可以感受到她們學習扮演著隊長的角色,凡事多了一些想法與嘗試,對於戰事安排、對於人力配對組合、對於團隊自我訓練的加強。幾週的過程如同兩岸風光,輕舟已過萬重山,最終的賽事結果竟也呈現了頗大的懸殊狀態,總積分幾乎是一面倒;在最後的心得分享上,讓我也悄悄發現該組成員的談論裡,不再只是談論個人的技巧應該如何改進,而是發現彼此間在走位互動、節奏掌握的表現上,有了不同的成長與體會!

每一個介面的存在,自己會如何看待她?從事設計創意工作的我們,時時刻刻都有機會透過一個發現,然後不斷地去實驗它!儘管只是一場羽球活動,是扮演隊長或是隊員,都有其箇中絕對的奧秘,深待我們自己領著自己不斷不斷的發掘。潛移默化到對待任何事情都是一樣的態度!這是我們要的專業設計師!

2012年4月17日 星期二

說故事的藝術



設計師除了要有強大的想像力外,還必須擁有一項跟消費者互動的能力-說故事,因為最終你設計的作品必須讓人使用,讓人進入你設計的世界、使用它、享受它。

 

Kyle Cooper凱爾庫伯的工作是為好萊塢製作電影片頭,他擁有一間專業的動畫公司並擔任創意總監(http://prologue.com/),作品有火線追緝令Seven、英雄本色Brave Heart、蜘蛛人Spider man、鋼鐵人Iron manSherlock Holmes福爾摩斯等等


摘錄書本上採訪Kyle Cooper凱爾庫伯,聽聽他對於說故事這件事情,他有什麼見解?

說故事的藝術Kyle Cooper - Prologue Films  摘錄《做個平面設計師》
Q 你有個人最喜歡的電影片頭嗎?
A 我曾聽人家說,擁有風格就像坐牢一樣。我不同意,但我用不同方式來處理每一次的設計;一種風格不是用在所有的工作。製作片頭的時候,我採取的視覺手段是,先建立一個氣氛和刺激的因素,讓人們期待即將要看到的東西。有些人認為我的作品很實驗性;我的確喜歡跟上平面設計和電影的新潮流,但我覺得我做的任何努力都是為了解決某個特定的溝通問題。每做一個片頭,就像解決一個問題。我必須瞭解電影的內容。字體往往就像演員一樣,可以幫助解釋一個小故事。

2012年4月9日 星期一

字-字型的經典用法


今年北市府文化局主辦第八屆漢字文化節已經開始了,以「從生活開發創意,由台北傳向世界」為主題,為期一個月的「漢字展演藝術」跨界藝術展覽,選在多個空間舉行。

系列活動包括「穿漢字的藝術」、「漢字的流行視覺」、「當漢字結合數位藝術」三大面向,經由穿著、觸碰、觀賞、遊戲等不同展示手法,呈現漢字文化多重變奏。
http://ccf.culture.gov.tw/index.html

漢字隱藏著長遠智慧,以及動人的魅力,深深吸引著人們,由圖轉字,再由字長出不同性格、發音、意涵的語意,透過版面編輯傳遞溝通訊息,所以不同的字型於版面上,有著不同的性格。以下範例:


在版面編排上,我們常用的字型有:明體、黑體、圓體、宋體、行書體延伸應用有更多:布丁體、少女體等展示性字體。

明體/擁有勾、捺這類毛筆字的特徵,垂直筆畫較粗,水平筆畫較細,而水平筆畫會以停筆的頓點,也就是「藏鋒」處做結尾,常見於雜誌、小說這類的書籍內文,由於繼承了書法的特徵,因此適用於直版版型。

黑體/是一種筆畫粗細均勻的字型,同時擁有相當高的易讀性,常見於廣告與雜誌的標題,此外如果在明體字文章裡插入黑體字,就能強調該段文字的重要性,黑體字常見於型錄、手冊這類說明性質的文章。由於筆畫的粗細一致,所以能在版面裡形成一條虛擬的水平線,特別適用於水平編排的版型。

圓體/除了擁有黑體的架構之外,筆畫的結尾處都是圓形,能充分營造優美的氛圍,如果文章是官方命令的口吻,這種字型能增加文章的親切感與簡潔感。

書法體/從書法模仿而來的字型,自古以來,就分成楷體、行書、隸書、等等種種樣式,使用方法上有些限制,通常用在標題以及創造「中式」的影像上。

展示性字體/雖然沒有明顯的特徵,但可分呈手寫風字型、明體、黑體衍生的字型,由於這種字型都擁有獨特的特徵,因此常見於POP海報以及店面招報。

按照版面編排,各種字型如何應用?
黑體用於製作標題、明體用於內文是常見的使用方式。

一般而言,雜誌內文會使用的易讀性較高的明體字,這是因為明體字是一種筆畫較細的字型,所以即便漢字的筆畫很多,也不會讓版面變得亂七八遭。
另一方面黑體字的實際字面較寬,所以比明體字來的惹人注意,非常適合用來製作標題或是需要強調的部分。

重要的是,先瞭解版面元素本身的定位,再依功能選用適當的字型。尤其是書籍、DM的排版作業更是如此,在編排時,我們可參考競爭雜誌的版面與字型範本之餘,選出適合的字型。

內容節錄《160個平面設計疑問解答》

2012年4月2日 星期一

經典的意義




天氣晴的週六下午,到工藝研究所看「百張經典設計椅特展」(A Hundred Years-A  Hundred   Chairs)看完展覽思索「何謂經典?」!簡單的來說,表面現象就如蛋堡「經典!RAP歌詞中「什麼叫做超經典?不會被換、不會被忘、不會被停止,不停地唱不會被換、不會被忘、不停被複製,不停地放」。「經典」這個詞彙,設計相關背景的人一定不陌生,提案討論時,也會不經意的脫口而出;但真正的要解釋、卻似乎有點模糊?回到特展介紹中,為什麼是這百張椅子?特展的簡介說明提到:「展場依據年代劃分九個展區,展出自19世紀後期至20世紀末,具有開將闢土意義的設計師經典作品,呈現每個年代中因歷史變遷、文化撞擊下所催生的不同美學風格,國際媒體譽為『最美麗的典藏』」



依年代劃分為九個展區/
1.1900~1920
年第一代設計師
Thonet的曲木椅表現新藝術風格優雅高貴的線條,為19世紀工業革命生產技術突破的代表作,自始工藝品不再只是貴族的專利。
2.1921~1930年現代主義的突破
1920年史上第一款鋼管椅問世,質材輕巧耐用的原料成為後來許多設計的靈感來源。被喻為廿世紀最優美雅致的經典椅子-「巴塞隆納椅」,將鋼管洗練的外觀表現淋漓盡致,更是現代主義發源的象徵。
3.1931~1940年前衛-造型-壓抑
此時期遇到一次大戰,資源缺乏下、運用簡單的方式製成。經典代表「Z形椅」Zig-Zag:以最簡單的4片木頭完成一張能承載重量的單椅。
4.1941~1950年二次大戰期間的設計
第二次世界大戰結束物資匱乏的時代,伊姆斯夫婦 (Charles & Ray Eames)為廣大的美國家庭造就出曲面塑膠材質、適合量產又兼具工藝美學的精品傢俱。
5.1951~1960年大眾產品的經濟奇蹟
塑料、尼龍、聚酯纖維,成為製作平價日用品的大眾材料,設計師積極實驗全新材質的可塑性並且揮灑無瘋狂想像力,椅子形狀開始變得天馬行空。
6.1961~1970年消費主義與抗爭
普普藝術大行其道,色彩繽紛的椅子大量出現。經典代表「Panton椅、球椅」,球椅1963年問市後成為時尚界拍攝形象廣告的配件,隨著時代變遷,球椅裡還增添電話、收音機等設備,是60年代流行文化的重要象徵。
7.1971~1980年現代主義的消亡
8.1981~1990年設計就是生活
椅子已經不單純的傢俱作品,它成為設計師傳達個人意志的重要媒介,菲利浦.史塔克(Philippe Starck)在這個時期大放異彩,成為設計師明星化的重要象徵。
9.1991~2000年完美的平衡

在讚嘆經典的過程後,所謂的「經典」,是要融入時空背景觀看,是當代設計師提出概念具備幾個條件\\
-
是具想法的原創性
-是具嘗試、實驗性的;
-
是技術上的創新;
-是具新功能性結構的;
才是經典的意義!
自詡一個創作者的自己,許-每次創作的淬煉機會,讓想法、概念,朝「成為此刻經典」前進!我想「對生活有感」是首先必要的條件!