創意黏性:創意能夠理解與記住,以及所具備的影響力。 創意黏力學的六大原則SUCCESs: 簡單(simple) 意外(unexpected) 具體(concrete) 可信(credible) 情緒(emotional) 故事(stories)
|
創意黏性:創意能夠理解與記住,以及所具備的影響力。 創意黏力學的六大原則SUCCESs: 簡單(simple) 意外(unexpected) 具體(concrete) 可信(credible) 情緒(emotional) 故事(stories)
|
曾經在設計書上這樣看到:第一個想到的點子通常是最平凡的,大家都可以想得到。而當你怎麼想都沒有新點子時,突然迸出來的那一個,通常是最適合的、最新奇的。
|
Anika's Odyssey 這是一款很清新的解謎小品,畫風滿棒的,有種田園的風格。故事是說一個小女孩出外打水的時候,她的兔寶寶娃娃被老鷹抓走了,所以她要去把它取回來。 覺得這個故事最棒的地方是它的結局。一般遊戲到了將娃娃取回之後就會結束了,但是這款小品有著更加巧妙的設計。在取回娃娃回到家後,小女孩還是要去打水然後回家。這個過程將我們的時空從奇幻世界中拉回,與故事的開端呼應。回到家後家人摸摸小女孩的頭,說她很乖。彷彿一切冒險都沒發生過,今天依然是個平凡的一天。但事實上有趣的冒險曾在小女孩的生命中發生,一切盡在不言中,是我們與小女孩共享的秘密。 |
Crayon Physics這遊戲是利用畫筆創造出來的東西,來幫助圓球去收集到星星。像是你可像是你的用東西去砸它,或是幫它搭平台之類的。 第一關的教學和你說在指定的地方畫一個方框。 然後方框會掉下來壓到圓球把它向右推,於是就收集到星星了。:D 我覺得這遊戲好玩的地方是他有很高的自由性,你可以有很多的方法去收集到星星。而幫助收集到星星的道具也是由畫筆所創造出來,是一個具童真的遊戲,並且很有發展空間。 在此demo版中會可以產生兩種形狀的物體;方形和不規則形(圓形也是歸類為不規則形)。依我觀察他不規則形應該是用多邊形去近似,後再去計算物體間的碰撞。計算的方法應該是以物體接觸的點為支點以及物體本身的質心去計算力矩。 測試的感覺,對於方形和不規則形的歸類大致上都是和直覺相符,只是還是有些特殊case會有很奇怪的判斷。而且他滑鼠指標還是用作業系統預設的,我覺得改成畫筆會更好。 之前也有看到PS2有一款遊戲大神也是利用畫筆進行遊戲,遊戲畫面也是超讚的。既然現在有了PS2,那一定是要玩一下的阿XD。 |
依照Casual 畫風 - 《一個人去旅行-國外版》中的觀察,可用下面的方式畫出Casual風的史萊姆: (1)不描邊框 (2)亮面的漸層變化多於暗面 (3)漸層變化彼此間的對比是柔和的 (4)亮暗面的的區域帶有一些不規則的隨性 於是一隻casual風的史萊姆就完成了,是不是很有夏威夷沙灘上的悠閒感呢^_^。 (謎之音:史萊姆不是天然閒嗎...) |
資料來源:ptt小遊戲版thinkmema |
最近在玩小遊戲時,開始特別去看它的進度bar,也就是載入遊戲時顯示進度的橫條。有些載入時讓人感到很快,有些則令人感到不耐,難道都是檔案大小的問題?還是有什麼其他東西可以紓緩這種等待的滋味呢?這和一個國小的數學問題有關: 「兩個杯子花同樣的時間被水注滿,B容器是A容器的兩倍大,請問哪杯注水的速度比較快?」
答案是B,速度是A的兩倍,我想大家都會這樣判斷。而這樣的判斷似乎也對感受進度bar的快慢有著相當程度的影響。上面的圖是兩個史萊姆努力汲水的過程;液體史萊姆是用滴管,而金屬史萊姆是水龍頭嘩啦啦的汲水。液體史萊姆需要的水較少,所以在這兩種方式下牠們可同時打完水,請問誰打水比較快? 「請問誰打水比較快?」這個問題很模稜兩可,假如是問時間其實是一樣的,但速度則是金屬史萊姆比較快。於是透過這種模稜兩可,可以將對時間的感受用速度模糊過去。 時間誰比較短?(一樣) -> 速度誰比較快?(金屬史萊姆)
於是假如將這個注水的過程類比到進度bar上面,則就變成了「請問誰進度比較快?」的問題。而同樣的效應也會發生在上面。 那麼,進度bar越長感覺越快嗎?還是因為看到進度bar的長度,會預先再心裡留下一個「感覺會很久」的印象呢?我想這又是另一個可以深入的問題了。 |
由於自己非常喜歡史萊姆,所以就想說假如要開設繪畫教室,一定要以他為主角。常常在路上看到自己喜歡的繪畫風格,就會停下來研究看看,而金屬風格是我在KERORO模型的盒子上看到的。由於史萊姆本身造型簡單又可愛,所以還滿適合用來說明。將來各個風格一個陣仗排開,感覺一定會滿有氣勢(KUSO)的?! 金屬與液體組成都是三個顏色:亮色、主色、暗色。 金屬史萊姆的顏色變化:
金屬主要就是它的明暗對比強烈,在亮的地方反射出完全的白光,在暗的地方則是以黑色來表示。 液體史萊姆的顏色變化:
液體主要就是接近邊緣時會變暗一些,相對於金屬它的反光較弱,且在亮暗處依然保持著原色。 這樣兩種史萊姆就完成了,很簡單吧XD |
最近在雜誌上看到Kidult (Kid + Adult)這個有趣的詞,主要代表了保持童心的大人們。在25togo中列出了更詳細的定義:
說不定可以對它研究一番... 延伸閱讀:像Kidult一樣思考 |
對於本身文化與生活的重視。 以下是設計師以及他們的創意理念: 深澤直人
靳埭強
原研哉
杉浦康平
安尚秀
呂敬人
喜多俊之
素旺
撒替
三星設計團隊
推薦指數:★★★☆ |
Time waits for no one |
最近如願以償的看了「跳躍吧!時空少女」這部電影,劇情比我所期待的還要好。故事是講一位高中女生,在一個夏天意外得到時空跳躍的能力。原本她是很高興,使用它不停的連續唱卡拉OK,考試考100分等等。直到他好朋友向她告白,她用跳躍來一次次躲避後,生活便開始產生了變化...。 |
湛藍的天與樸素的街景,是我對這部片深深的印象。它裡頭的天空真的很藍,感覺天空很高很晴朗,讓人覺得在這樣的天空下,能夠放膽去追尋任何夢想。而故事中的街道,樸素的就像是你我的鄉間路,充滿著一種熟悉感以及無盡的接納。主角的高中生活,考試,戀愛,遲到,告白...,單純而瑣碎,但那就是你我的青春;在那個時候,我們和死黨每天一起上下學,煩惱著將來與即將來臨的考試,悠閒的在街上逛著...。 |
劇情大部分的時後還滿搞笑,不過也有讓人足以落淚的橋段;在主角最後拼命喊著「停止吧...停止吧!!!」也無法挽回朋友意外的發生時,真的是滿感人的(阿XD,還沒看過的請忘掉)。總之DVD出來之後一定要敗一下:D。 |
作者:Jan v. White
譯者:小查爾斯
大如同喊叫。你叫越大聲,你的訊息就越重要。我們假設在印刷物中大的代表是重要的。這個隱含的價值對強調來說是極其重要的方法而不應被浪費。假如被浪費了,訊息損失它的重要性而我們失去可信度。所以我們應該把高聲/大留給重要的事物,不是因為它們好看或是我們喜歡它,而是它們對故事來說是關鍵的,對釐清重點有幫助,而且和讀者有關。
假如你先輕聲細語接著喊叫,聲調中的對比給予最大聲處戲劇化的強調。
大小的感知是一個相對性的值。所有在印刷頁面內文中的東西都被看到,並且基於把一個元素和它鄰近比較的方式,或是以未知去和已知比較,而成為大小的線索。所以,假如你希望頁面具有衝擊性,那麼操作元素使它們互相配合與相對,以幫助你建立關係性。
一個球有多大?
和手比起來它是個高爾夫球。
...但是和海豹比起來它是個海灘球。.
訓練自己從側面思考:要使一個物體得到注意,不要使它更大 - 而要使周圍更小。
大圖/小圖
大小是相對的概念:大因為小的對比而存在。最上面的圖缺乏大小、等級、以及影響力,因為它沒有東西可以比較。要使它看起來大且令人印象深刻,放置一個小的東西在它旁邊(或底下)。突然間它好像變大了,即使它實際上的尺寸並沒變。
假如在另一方面,你希望降低圖片外觀的大小,把一張大的圖片放在它旁邊,它將像被施了魔術般縮小。在這邊,竅門就是大小關係。身為原則,這方法比球的比較更簡單,因為球或海豹本身缺乏涵義。不幸地,只有霧的圖片是完全的灰色長方形,所以你必須把圖片的主題納入考量,並且評斷它的價值以及圖中的相互關係。
真實大小的物體
通常來說印刷頁面是滿小的,所以上面的東西都被小型化。圖像是在我們是我們想像中放大的幻象,並被詮釋為現實。但是它們不是真的 - 除非它們蓄意的以儘可能接近現實的方式出現。在一則有關茶的故事中,假如你有空間放置真實大小的茶杯與茶袋,那就不要將它們小型化。大的影像在小型化的頁面當中有著較大的影響力。
比真實大小還大的物體
比真實大小更有力的是不調和的放大。我們常在流行雜誌中看到它 - 一個巨大的近觀畫面顯露出一種新風格的版面,以及邏輯上展示出需要的指引細節。這技巧應用在不同內容可會是令人吃驚的 - 像是蝴蝶,在輕質料上印刷的技術報告中展現它的輕快。
特排字體/內文字體
標題總結了要旨;內文給予故事的細節。標題是快速的。它抓住注意力,並吸引潛在讀者進入正文。內文是緩慢的。特排字體越大(它叫得越大聲),事件就越重要。這兩組文字在視覺上的對比成為它們個別功能的線索。這明顯但基本。
大字體/小字體
不用研究或去想,你就知道左頁有著比右頁重要許多的訊息。字體較大,紋理更深,行寬長,並壓倒性勝過在右頁不重要的小東西。假如大字體被橫跨在頁面的上方而小東西被像腳註般橫跨在下方,則效果會更加明顯。
作者:Jan v. White
譯者:小查爾斯
什麼讓頁面有趣?為何人們注意?因為他們發現那邊有某些他們好奇的東西─題材。假如只是以題材以看或不看隨你的方式呈現是不夠好的。在外面有太多資訊搶著去吸引注意力;你不能冒險讓你的材料只是備在那邊被錯過。你需要生動地展示你的訊息。
所有你放在頁面上的東西都是包裹的一部份。你熟悉它的內容,所以你知道什麼是重要什麼次之,但第一次看到的讀者並不知道。他們只會在研讀過之後才了解。但首先你必須驅動他們去研讀。
利用「設計」將訊息的價值顯著,你可以引導觀看者轉為讀者。你甚至可以讓訊息戲劇化讓頁面無可抗拒的被快速翻過。這需要基於策略的慎重的操作,而不是美觀與想法。
避免陷入將你需要使讀者適應的東西看成猶如分開的元素。也許你是這樣處理它們,但是沒有東西是獨自存在的。觀看者掠過頁面並將任何東西看成其它的一部分:頁面本身....標示、字體、影像、空白....他們的相互關係....以及之前經過與接下來的頁面。他們必須整理一團東西─快速地。
因此,你想要使重要的元素站出來,同時讓較不重要的輔助資料放到背景。技巧是利用對比。明顯的伎倆是讓標題大。它因為比周圍的字體大而顯著。但這只是最基本的。當你想到它並開始注意到它,對比方式的清單是列不完的。這裡有幾個以雜誌版面展示的例子,因為這個格式比較好說明構想。然而,別認為這些技巧只限於兩頁的版面─他們在其它大小格式也適用。
空廣與充滿
一小段的文字被放置在巨大且奢侈的空白之中,與右頁的充滿到邊緣的結構成對比。有人會費心去讀右邊那頁嗎?可能不會。但是左邊那頁得到100%的注意,在慎重且成功的權衡下可能是好的。
對齊與隨機
文字每欄上方都精準的被對齊,與上面大量的空白行成對比。每欄文字像是衣服掛在曬衣杆上一樣,在長度上有著多樣化。再一次,空白是戲劇化的關鍵。
水平與垂直
並列頁面上的元素會產生戲劇化效果,尤其是當圖片反映主題:長頸鹿的圖片是希望垂直;蛇的話是水平(除非是眼鏡蛇向上豎立準備要攻擊或是長頸鹿剛結束生命,他們不被預期的方向更增添效果)。
鬆散與緊湊
小心的使成為長方形、同樣的間隔、在線條圈住的範圍裡,或是牢牢地控制控制角落是不錯,但當過於死板時就令人乏味。對比的鬆散是被需要的。它不需要像例子中一樣大。想想圖片標題像羽毛邊一般參差不齊的右方,如何為頁面整齊的文字排版帶來視覺上的紓解。
平坦與傾斜
預期頁面的幾何是垂直或是水平的,因為他們就是被用來那樣看的。(當印刷頁面是以金屬用手工組裝,以角度塞入東西是困難的。)元素依一個角度編排依然是某種程度上令人吃驚的。水平與角度之間的對比創造張力。
圖片與文字
圖片對大腦與情感來說是可以快速進入的。文字需要時間去閱讀、吸收,與理解。圖片與文字說不同的語言,它們可以互補使前後連貫的故事被有力的訴說。你可以利用它們不同的優點使你的故事高潮迭起,並增加你作品的衝擊性。
明與暗
在你頭腦裡,頁面被轉成單調子的手冊。一頁接著一頁以重複的字體在一張白紙上。現在想像突然有一頁以相反模式出現,在黑紙上有著白色字體。啪!就那頁具有衝擊性。(但是避免太多白字在黑紙上:這會使閱讀困難。)
彩色與黑白
想像翻閱這個雜誌的頁面。到處都是鼓舞的色彩....直到你來到這頁樸素舊式的黑白頁面。他們看起來保守嗎?乏味嗎?無聊嗎?當然我們可以這樣猜測,但是色彩並沒有增加想法本身。而是缺少色彩在這邊展示了對比的效用。