設計靈感哪裡找?

設計師的創意來源多不勝數,而在網頁設計和App設計只是取得資源的一個方式,靈感的來源不應該只是網站和APP,而應該是個人輸出和他人輸出相疊加的產物,所謂的混合重製設計。

內容摘要

  • 尋找靈感的方法
  • 具體案例

很多時候我們在網頁上看到的已經是經過別人好幾手的加工成果,或者已經是很完整的創意,我們很難從中藉鑑,稍微不慎就陷入模仿而無法逃脫出思維的桎梏。

這包含設計研究與調查過程中所用到的絕大部分方法,是我整年碩士學習中最基礎也是最重要的部分。

在這和大家分享。

我們平時在網上瀏覽時所看到的其他人的作品,只是整個調研維度中非常非常小的一部分,而如何運用起這一系列方法來進行調研,尋找靈感,最終創作出作品是創作者需要好好摸索學習的方法。

尋找靈感的方法

First sources 第一來源:(個人輸出)

1. Previous Knowledge / opinion / memory – 個人的早期知識、觀點和記憶

2. Observation – 觀察

3. Conversation – 對話

4. Analysis – 分析

5. Role-play – 角色扮演

6. Interviews – 訪談

7. Surveys / Questionnaire – 調查/ 問卷

8. Focus Group – 焦點小組

9. Seminar Group – 研討小組

10. Diaries / commissioned video – 日記

11. Ethnography / Immersive hanging out – 身臨其境的體驗

第一來源的視覺部分有:

12. Drawing – 繪畫

13. Thumbnailing – 縮略圖

14.Photographing – 拍照

15. Media experimentation / digital / 2D / 3D – 媒介實驗/ 數字化/ 2D / 3D

16. Rubbings / casts – 雕刻拓印

17. Typographic Play – 字體印刷工藝

18. Compositional experimentation – 組合實驗

19. Image manipulation – 圖像處理

20. Photocopying – 複印

21. Video / Sound recording – 音頻視頻記錄

22.Writing – 寫作

23. Collage – 拼貼

Secondary Sources 第二來源:(他人輸出)

1. Museums / Archives – 博物館/ 檔案室

2. Newspapers / magazines / articles – 報紙/ 雜誌/ 文章

3. Published interviews – 已發行或已經出版的訪談

4. Films / TV broadcasts – 電影/ 電視

5. Theatre / Radio – 電影院/ 收音機

6. Transcripts / Scripts – 腳本

7. Books / Journals – 書籍/ 期刊

8. Music – 音樂

9. Published surveys – 已發行或已經出版的調查

10. Statistics – 數據統計

11. Lectures / debates – 演講/ 辯論

12. Conferences – 會議

13. The Internet – 互聯網

第二來源的視覺部分有:

14. Exhibitions – 展覽

15. Photos from magazines – 雜誌中的圖片

16. newspapers, journals, books, leaflets, the internet etc – 報紙/ 期刊/ 書籍/ 宣傳冊/ 互聯網

17. Work by other designers / artists – 設計師和藝術家作品

18. Printed maps / ephemera – 印刷地圖/ 非正式文獻

19. Found photography – 攝影作品

20. Found or bought postcards / drawings / tickets / catalogues – 明信片/ 繪畫作品/ 票根/ 手冊

21. Pamphlets / publications – 出版物

22. Image stills from films / TV / recordings / TEDs – 來自電影/ 電視/ TED等的圖像

23. Architecture – 建築

看到這裡是不是已經快暈倒了,怎麼這麼複雜,的確當初我跟你想法一樣,但是當耐下心來研究和嘗試以上一些辦法,會發現思維確實開闊不少,不會只是局限在什麼頭腦風暴,看其他設計師藝術家的作品,畢竟,這個方法只是這40多個方法中的一兩個而已。

下面我會運用上面的方法舉一些我實際操作的例子,希望對大家有幫助。

案例A

這是我在倫敦學習第一個項目,主題叫London Project, 要求是用視覺形式呈現你眼中的倫敦,按以前的創作習慣,肯定就是先打開Behance,Pinterest,花瓣,站酷等設計網站搜索一番,從各種人家的作品中找靈感找設計手法,再整合在自己的設計中,創作靈感來源太過於單一了。

這邊的學習非常強調創作的過程,教授們在意的是作品的創作思維,而不是最終成品。

回到這個項目上,既然是要創作關於倫敦這個城市,那我就先運用第一來源中第1點:

認知( 1-1:後面介紹方法都用這縮寫表達)記下以下關鍵詞:陰天、大城市、紅藍地鐵標誌、紳士、英倫風格等前期的倫敦認知;

1-2 觀察+ 1-11身臨其境的體驗+ 2-23 建築:吵雜交通與地建聲、歐式和哥特式建築;

1-12繪畫+ 1-14拍照:收集記錄下倫敦城市建築的特點;

1-13縮略圖:將自己的繪畫草稿和手機拍照進行整合分類(到達這一步的時候,我發現了倫敦建築的外形有其獨特的韻律,和音樂的聲波很接近,而且其建築風格基本分三個類型:哥特式建築,現代主義建築和後現代主義建築)

1-21音頻記錄+ 1-23拼貼:自己通過錄製倫敦城市聲音,提煉其音軌的樣式,再將其和倫敦建築的外輪廓結合,摸索會產生什麼效果

在第二來源中,我用2-8音樂+ 2-15雜誌中照片+ 2-17藝術家作品+ 2-21出版物:蒐集整合表達聲音的視覺表現形式;

最終的設計就是整合以上全部方法和已有視覺元素,然後選擇以1-17 字體印刷的方法來呈現最終設計。

項目名稱「The Melody of London」。

第一套字體表現倫敦哥特式風格的建築,第二套表現倫敦現代主義風格的建築,第三套表現倫敦後現代主義風格的建築。

案例B

這系列視覺試驗的主題是等待與時間。

我通過1-2觀察+1-14拍攝記錄:用連續拍攝的手法將在公共汽車上等待紅綠燈時三個不同顏色的燈持續時間的長短記錄下來;

1-13縮略圖+1-19圖像處理:當我把照片全部排列在一起後再用色塊抽象化,得到這組有趣的圖像。通過用顏色和形狀來感知時間的變化。

 

案例C

lg2016081817

這是另外一個對等待時間感知的試驗,通過1-14拍攝:對溫度的感知來體驗等待時間

案例D

lg2016081818

1-17字體印刷:這頁是我項目書中的目錄,是用字體排版的方式對』long while-長時間』的視覺化,拉長每個單詞,卻也不影響單詞的識別性,這樣的做法是放慢閱讀的速度,在這緩慢的過程中體會時間。

上面比較多的是直接運用了第一來源的方法,下面我會介紹我如何對第二來源的素材,做第一來源研究與調查:

案例E

lg2016081819

通過第一來源,收集當人感覺到無聊的時候的肢體do,1-13縮略圖+1-18組合實驗+1-19圖像處理:我抽象化他們的動作,頭為圓形,肩膀和兩個手臂是直線,我發現他們之間存在著一種共性,便是雙手的直線與肩膀的直接交叉時,總是穩定支撐著圓形。我繼續深入這系列圖形,可以明顯看出在每個正方形中,各個幾何圖形都是出於非常平衡的狀態。從這個視覺實驗可以得到一個訊息:處於無聊狀態的人對周圍環境的存在一種不舒適感,而分析他們的肢體動作可以發現他們在一定程度上可以體現他們在當下環境中尋求一種舒適與穩定感。

案例F

lg2016081820

例如,如果我們要設計書籍封面,那我們可以通過第二來源2-7書籍+2-13網際網路等獲得資源,但是重點是我們獲得第二手資源後如何去運用呢?

那就繼續回到第一來源,當我們拿到一個封面設計時,如圖,上面這張經典而精彩額封面由Emily Mahon 設計,封面插畫的作者是RayMorimura 。

通過田野線條的縱向延伸,同時使用負空間將觀看者的注意力引向(The Wealth of Nations)這一標題的,設計師使用了自然風景,動物和人物手掌為設計元素,是否是利用人與自然之間的關係的角度來詮釋書籍內容?

我這段話中其實就包含了1-2觀察+ 1-4分析,那從這個封面設計我就能得到財富是可以用風景、動物和人等元素進行表現,就不會在金錢的元素受限。

我覺得這就是第二來源的資源最大的用處,觀察分析出有用的訊息,然後記錄,下面再碰到類似的項目就可以直接調用。

lg2016081821

我繼續將1-2觀察+ 1-4分析的方法用在上面這張Helen Yentus 設計的封面中,設計者使用了白色的方框來象徵醫院中冰冷的消毒燈。

設計者還有意識地將醫生的形象處理得沒有特色,這是為了凸出該書主題的普遍性。

負空間並非意味著封面要保持絕對的極簡主義。

它可以是一種集中讀者註意力的設計策略。

這樣分析下來就會挖掘出很多有用訊息,不會只是看到是用兩個矩形疊加在圖片上這樣的表層視覺。

案例G

lg201608182

比喻是設計中一種非常常見的手法,例如,有時一份成績報告單足以喚起我們心中的恐懼,焦慮及無助。上面這張由Evan Munday 和JonPaul Fiorentino設計的封面就非常坦率直接。

你的讀者最害怕什麼?這或許可以成為你設計封面時的靈感。

這本書或許是要喚起讀者小時候面對成績的恐懼感,或者是批判用成績評判學生能力的教育體係等等。

提取一件本不相干的事物所特有的特徵,和所需要設計的對象之間關係的嫁接,會迸發出許多精彩的創意。通過分析我們又得到了另一個創意,利用童年回憶的元素以及對其的情感共鳴來設計封面。

所以,生活處處是創意呀。

案例H

lg2016081822

我們把所有字母在視覺上保持水平對齊,但是他們並沒有絕對意義上的相同高度。

比如,這個三角形比矩形要高,否則,三角形肯定會看上去比矩形要小。

同樣,圓形也需要超出基準線而達到視覺上的對齊。

如果圓形和矩形高度相同,那肯定會看起來比矩形小,這原則可以應用在字體設計中的每一個字母,是很重要的一條法則。

lg2016081823

字體的選擇是協調畫面的黑和白。

黑,字體的外形。白,字體內部以及字體與字體之間的部分。

字母內部的白決定了字母與字母之間的白。

創造一種黑多白多的字體是不可能的,一種黑體白的部分肯定比細體白的部分少。

這種種的訊息都是用第一來源的方法對第二來源的素材進行分析得到的。

總結

  • 設計師的創意來源多不勝數,而網頁和App只是取得資源的一個方式;
  • 第一來源的方法是跳脫平庸創意的有效手段;
  • 第二來源的創意是充實積累自己資源庫的絕佳來源;
  • 靈感應該是第一來源和第二來源相疊加的產物。

這次整理總結了一部分在英所學的知識,希望對大家有啟發作用,一起進步!


 

【想讓你的網站其他人優秀嗎?這些設計趨勢一個都不要錯過!】

1.9種讓你的網頁很專業
2.預測2018網頁設計趨勢
3.2018年手機應用UI設計趨勢
4.這3個設計趨勢是網頁設計師的最愛
5.2018必看設計懶人包手冊
6.高手進擊懶人包影片-設計師與開發者推薦的精選影片


 

以下幾點請你深思一下

給你最好的網頁設計Gogoshark|鯊魚邦不私藏分享

 


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化