研究生: |
吳欣鎂 Wu, Xing-Mei |
---|---|
論文名稱: |
破格式字體排版應用於漢字海報設計之創作研究 Research and Application of Grunge Typography to Chinese Character Poster Designs |
指導教授: |
林俊良
Lin, Chun-Liang |
口試委員: |
傅銘傳
Fu, Ming-Chuan 劉建成 Liu, Chien-Cheng 林俊良 Lin, Chun-Liang |
口試日期: | 2023/06/29 |
學位類別: |
碩士 Master |
系所名稱: |
設計學系 Department of Design |
論文出版年: | 2023 |
畢業學年度: | 111 |
語文別: | 中文 |
論文頁數: | 178 |
中文關鍵詞: | 文字造形 、破格式字體排版 、漢字海報 、編排設計 |
英文關鍵詞: | Chinese-character poster, editorial design, grunge typography, typography |
研究方法: | 內容分析法 、 文獻分析法 |
DOI URL: | http://doi.org/10.6345/NTNU202301676 |
論文種類: | 學術論文 |
相關次數: | 點閱:220 下載:0 |
分享至: |
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報 |
科技日新月異,隨著電腦的出現,設計的方式也產生了嶄新的變革,破格式字體排版(grunge typography)應運而生,並於設計史中扮演著至關重要的角色,它突破了1950 年代蔚為風行的經典瑞士派網格系統排版風格,為文字排版注入全新的姿態與樣貌。1990年代《Ray Gun》的出現更將該手法發揮得淋漓盡致,並奠定該手法之地位,流傳甚廣,對平面設計產生了深遠的影響,其重要性可見一斑。本研究以「破格式字體排版應用於漢字海報設計」為研究主題,並以文獻分析法、內容分析法、創作實證進行分析與探討。透過文獻分析法來探討破格式字體排版之特性與漢字文字之發展過程;破格式字體排版部分從文字造形、版面編排、圖像表現等層面來進行分析歸納;漢字部分則從漢字的起源與發展、基本構成、現代字體發展過程與特性等面向切入。再經由內容分析法以國際平面設計師聯盟(AGI, Alliance Graphique Internationale)之官方網站與視覺化探索平台Pinterest 蒐集之歐文與漢字文字造形案例,得出四大表現特性群集:「拆解變形」、「排列組合」、「質感肌理」、「重疊覆蓋」,並歸結出漢字海報設計之設計方法,共15 種破格式字體排版之構成方式:「分割」、「錯置」、「扭轉」、「擠壓」、「拆解」、「散落」、「不規則」、「轉向」、「重複」、「模糊」、「粗糙」、「殘缺」、「透疊」、「堆疊」、「差集」。創作實證的部分則以王家衛電影作品為題,將所建構之模組應用至15件海報創作中,再加以驗證。最終本研究共歸結出以下列結論:(一)不對稱的版面佈局是破格式字體排版的主要特徵;(二)經由文獻的探討與樣本的彙整共歸納出四大表現特性群集,加以分析後得到15種破格式字體排版之表現手法;(三)漢字與歐文由於本身結構上的不同,歐文於畫面構成的表現上,較易體現出空間感及律動感;(四)散落的文字排列組合方式更能展現出破格式字體排版之特點;(五)肌理質感經過層層堆疊能夠為畫面增添豐富性。
The emergence of computers has brought about a revolutionary change in design possibilities. Grunge Typography, born out of this context, marks a key milestone in design history. It breaks away from the popular Swiss Design of the 1950s and injects a fresh attitude and aesthetic into typography. The appearance of the Ray Gun magazine in the 1990s further showcased this style to its fullest extent, solidifying its position in the field of typography and leaving a profound and evidential impact on graphic design. This study employs document analysis, content analysis, and creative practice to conduct analysis and investigation on the application of grunge typography in Chinese character poster designs. Through document analysis, the characteristics of grunge typography and the developmental process of Chinese characters are explored. The analysis of grunge typography encompasses aspects such as typography, editorial design, and graphic expression, while the examination of Chinese characters delves into their origins, development, basic structure, contemporary typeface development, and characteristics. Content analysis is conducted on examples of both Western and Chinese character typographic expressions collected from the official website of the Alliance Graphique Internationale (AGI) and the visual discovery engine Pinterest. The study identifies four major clusters of expressive features observed across both Western and Chinese character designs: "deconstruction and distortion," "spatial arrangement and distribution," "texture and tactile quality," and "overlap and overlay." Additionally, the research derives 15 methods of grunge typography composition for Chinese character poster design: segmentation, misplacement, rotation, compression, deconstruction, dispersion, irregularity, orientation, repetition, blurring, roughness, incompleteness, transparent overlapping, stacking, and differences. In the section on creative practice, the researcher has created 15 poster designs based on Wong Kar-Wai's films and carried out an analysis on these posters to determine which of the 15 methods were used, and in what combinations. In summary, this research arrives at the following conclusions: (1) Asymmetrical layout is a key characteristic of grunge typography; (2) Through literature review and sample collection, four major clusters of expressive characteristics are derived, following detailed analysis, leading to the identification of 15 distinctive techniques for grunge typography composition; (3) Due to inherent structural differences, Chinese characters and European scripts vary in their visual compositions. European scripts offer more possibilities in conveying a sense of spatiality and rhythm in the visual arrangement; (4) The scattered arrangement of text composition further emphasizes the distinctive features of grunge typography; (5) The stacking of design materials to create a multi-layered texture can enhance the richness of the visual composition.
中文專書
Helmut Schmid. (2020)。今日文字設計(王子源、楊蕾譯)。上海市:上海美術人民出版社。(原著出版於2016)
Kimberly Elam. (2018)。文字排印設計系統(呂奕欣譯)。臺北市:臉譜出版。(原著出版於2007)
Richard Hollis. (2005)。平面設計發展史(許明潔譯;增訂版)。新北市:龍溪國際圖書有限公司。(原著出版於1999)
Rob Carter(2000)。Working with Computer Type #4字體的編排設計與應用 (許明潔譯)。新北市:龍溪國際圖書有限公司。(原著出版於1997)
日本Graphic Designer協會教育委員會:粟津潔、佐野寬、渡邊嘉子編(1997)。VISUAL DESIGN: 2 字體設計.標誌符號(汪平、井上聰譯)。新北市:龍溪國際圖書有限公司。(原著出版於1993)
王受之(2000)。世界現代平面設計1800-1999。 臺北市:藝術家。
王明嘉、李宗焜、李歐梵 等著(2018)。漢字的華麗轉身:漢字的源流、演進與未來的生命。 臺北市:臺北市政府文化局。
丘永福(2005)。字學:文字造形的理論與實務(二版)。 臺北市:藝風堂。
田中正明(1988)。視覺傳達設計(蘇守政譯)。臺北市:六合出版。(原著出版於1984)
伊達千代,内藤タカヒコ(2017)。文字的準則(三版)。臺北市:精誠資訊,悅知文化。(原著出版於2007)
杉浦康平(2011)。文字的力與美(莊伯和譯)。臺北市:雄獅美術。(原著出版於2008)
杉浦康平編(2006)。亞洲之書.文字.設計:杉浦康平與亞洲同人的對話(楊晶、李建華譯)。臺北市:網路與書。(原著出版於2005)
林俊良(2004)。視覺傳達設計概說。 臺北市: 藝風堂。
林品章(1989)。字學:文字造形設計的技法實務。 新北市:星狐。
柯志杰、蘇煒翔(2014)。字型散步 : 日常生活的中文字型學。 臺北市:臉譜出版。
柯志杰、蘇煒翔(2019)。字型散步Next : 從台灣日常出發 無所不在的中文字型學。臺北市:臉譜出版。
高橋善丸(2017)。感覺舒服的文字:標準字與字型的設計手法(張英裕譯)。新北市:龍溪國際圖書有限公司。(原著出版於2016)
董琨(1993)。漢字發展史話。臺北市:台灣商務印書館。
廖潔連(2014)。一九四九年後:中國字體設計人:一字一生。 臺北市:雄獅。
魏朝宏(1987)。文字造形(改訂三版)。臺北市:眾文圖書。
藝風堂出版社編輯部(著)、楊勝雄(主編)(2002)。編排設計。 臺北市: 藝風堂。
蘇宗雄(1988)。文字造形與文字編排。 臺北市:檸檬黃文化事業。
英文專書
Bryony Gomez-Palacio, Armin Vit. (2011). Graphic Design, Referenced: A Visual Guide to the Language, Applications, and History of Graphic Design. Beverly, MA: Rockport Publishers
Lewis Blackwell, David Carson. (1995). The End of Print: The Grafik Design of David Carson. San Francisco: Chronicle Books.
Lewis Blackwell, David Carson. (1997). David Carson 2ndsight: Grafik Design after the End of Print. New York: Random House Inc.
Philip B. Meggs. (1998). A history of graphic design. New York: John Wiley
Timothy Samara. (2006). Making and Breaking the Grid: A Graphic Design Layout Workshop. Singapore: Page One Publishing.
學位論文
Stefanie Barbara Wollenberg. (2013). The stylistically adaptive publication designer: questions of variation, contradiction and convention in magazine layout. University Of Wollongong, Australia.
期刊雜誌
IdN國家設計連網中文版,第12期(一九九七年十一月/ 十二月,第貳卷第陸期)。(1997)。臺北市:長松出版,國際設計家連網雜誌發行。
IdN國家設計連網中文版,第14期(一九九八年第一冊)。(1998)。臺北市:長松出版,國際設計家連網雜誌發行。
IdN國家設計連網中文版,第18期(一九九八年第五冊)。(1998)。臺北市:長松出版,國際設計家連網雜誌發行。
吳鼎武(1997)。顛覆傳統視覺設計語彙的新主張解放式的設計風格。中原學報,25卷(4期), 43 – 51。
網路資料
Aaron Westgate. (November 8, 2007). An Interview with David Carson.
https://layersmagazine.com/an-interview-with-david-carson.html
American Society of Magazine Editors. (n.d.). Top 40 Magazine Covers of the Last 40 Years.
https://www.asme.media/top-40-magazine-covers-of-the-last-40-years
Andrew Blauvelt. (Autumn 1995). Under the surface of style.
https://www.eyemagazine.com/feature/article/under-the-surface-of-style
Andrew Blauvelt. (Spring 2000). Towards a complex simplicity.
https://www.eyemagazine.com/feature/article/towards-a-complex-simplicity
Andy Butler. (Oct 10, 2014). interview with graphic designer neville brody.
https://www.designboom.com/design/interview-with-graphic-designer-neville-brody-10-10-2014/
Andy Butler. (Sep 22, 2014). interview with graphic designer david carson.
https://www.designboom.com/design/interview-with-graphic-designer-david-carson-09-22-2013/
Belinda Lanks. (Jun 6, 2017). The Father of Grunge Typography Calls Out Lazy Design.
https://magenta.as/the-father-of-grunge-typography-calls-out-lazy-design-daae470a685a
Buzz Poole. (Jul 17, 2012). The End of Print (Again): Why David Carson Still Matters.
https://mcluhangalaxy.wordpress.com/2012/07/19/davis-carson-designer-of-the-book-of-probes/
Cambridge Dictionary. (n.d.). glyph.
https://dictionary.cambridge.org/us/dictionary/english/glyph
Christine Dill. (2019). “Does it make sense?” – April Greiman
https://go.distance.ncsu.edu/gd203/?p=27858
Creative Bloq Staff (Computer Arts). (September 12, 2008). David Carson.
https://www.creativebloq.com/computer-arts/david-carson-9089249
David Carson. (2014). 2014 AIGA Medalist: David Carson.
https://www.aiga.org/inspiration/talks/david-carson-2014-aiga-medalist-david-carson
David Carson. (n.d.). davidcarsondesign.
http://www.davidcarsondesign.com/
Dress Code (dresscodeny.com). (2016). David Carson - All For a Few Good Waves.
https://vimeo.com/163349920?embedded=true&source=vimeo_logo&owner=1960013
E.M. Farrelly. (Aug 20, 1986). An Interview with Neville Brody, Art Director of The Face.
https://www.architectural-review.com/essays/an-interview-with-neville-brody-art-director-of-the-face
Emily Gosling. (2019). Anti-grid Design Icon David Carson Says Computers Make You Lazy + Indie Magazines Needs to Liven Up.
https://eyeondesign.aiga.org/anti-grid-icon-david-carson-on-why-computers-make-you-lazy-and-indie-mag-design-needs-to-liven-up/
Emma Elizabeth Davidson. (June 4, 2019). Inside Ray Gun, 90s America’s bible of music and style.
https://www.dazeddigital.com/fashion/article/44709/1/ray-gun-90s-bible-music-style-book-marvin-scott-jarrett-sonic-youth-david-bowie
Google Fonts. (n.d.). Glyph.
https://fonts.google.com/knowledge/glossary/glyph
Lucienne Roberts. (Autumn 2000). Read me! Part 1. Literacy in graphic design.
https://www.eyemagazine.com/feature/article/read-me-literacy-in-graphic-design
Mateus Lages. (Feb 4, 2016). David Carson on surf, magazines, graphic design and inspiration.
https://medium.com/@underpressure/a-conversation-with-surfer-and-legendary-graphic-designer-david-carson-326c5f08042f
Mike Mills. (Autumn 1993). The (layered) vision thing.
https://www.eyemagazine.com/opinion/article/the-layered-vision-thing1
Monster Children. (April 26, 2016). Take a tour of David Carson’s Caribbean Beach House.
https://www.monsterchildren.com/take-a-tour-of-david-carsons-caribbean-beach-house/
Monster Children. (Jan 2, 2020). Under the (Ray) Gun: Chris Ashworth.
https://www.monsterchildren.com/under-the-ray-gun-chris-ashworth/
N.A. (2018). DAVID CARSON.
https://www.gallery.vt.edu/exhibition/david-carson
N.A. (Autumn 2019). Who cares if you read
https://www.eyemagazine.com/review/article/who-cares-if-you-read
N.A. (n.d.). Block 2 Distribution.
www.block2distribution.com
Nina Azzarello. (Apr 22, 2021). self-taught, resolutely grid-free graphic design legend david carson discusses his MasterClass.
https://www.designboom.com/design/david-carson-masterclass-graphic-design-interview-04-22-2021/
Pacific Graphic Design. (n.d.). Visual Vernacular.
https://graphicdesignthoughts.wordpress.com/courses/typography-ii/assignments-arts-081/visual-vernacular/
Robin Richmond. (May 24, 2010). At the mercy of the Twitter critics.
https://www.eyemagazine.com/blog/post/at-the-mercy-of-the-twitter-critics
Shane de Lange. (Feb 26, 2021). The evolution of graphic design craft — An interview with David Carson.
https://shanedelange.medium.com/the-evolution-of-graphic-design-craft-an-interview-with-david-carson-e0094c736e52
Sharan Shetty. (Aug 21, 2012). The Rise And Fall Of Grunge Typography.
https://www.theawl.com/2012/08/the-rise-and-fall-of-grunge-typography/
TED- David Carson. (2003). Design and discovery.
https://www.ted.com/talks/david_carson_design_and_discovery
The Editors of Encyclopaedia Britannica. (n.d.). David Carson.
https://www.britannica.com/biography/David-Carson#ref844879
Valentina Palladino. (Dec 27, 2013). Angst, imagination, and the Ray Gun Effect: a history of grunge typography.
https://www.theverge.com/2013/12/27/5247944/the-awl-history-of-grunge-typography
Warren Berger. (May 15, 1994). Graphics Acrobat.
https://www.nytimes.com/1994/05/15/style/graphics acrobat.html?searchResultPosition=1
Wikipedia. (n.d.). Dead History.
https://en.wikipedia.org/wiki/Dead_History
Wikipedia. (n.d.). Kurt Cobain.
https://en.wikipedia.org/wiki/Kurt_Cobain
Wikipedia. (n.d.). Template Gothic.
https://en.wikipedia.org/wiki/Template_Gothic
William Owen. (Summer 1991). Mondo magazines.
https://www.eyemagazine.com/feature/article/mondo-magazines
WRITER Liao. (Apr 2nd, 2011). David Carson.
http://amagzin.com/2011/04/david-carson/
「槍響下結束的搖滾傳奇」 成名後仍穿著破襪子、抽便宜香菸的超脫男孩Kurt Cobain(2020)。BAZZAR (by Quenti Lu and Celine Hsu)。
https://www.harpersbazaar.com/tw/celebrity/celebritynews/g33330973/kurt-cobain/
【丹青學堂】沈尹默楷書——禁經永字八法(2021)。命理百科。
https://www.mlbaikew.com/html/26900.html
【設計師傳奇】情熱的版面破壞王 — David Carson(2018)。立場新聞。
https://collection.news/thestandnews/articles/83786
10 分鐘,帶你看完 40 年來的「個人電腦進化史」(2017)。硅谷動力。
https://kknews.cc/tech/4moeeb2.html
大衛王戰勝巨人歌利亞-IBM電腦帝國的繁榮與衰敗(2012)。管理知識中心。
https://mymkc.com/article/content/21422
五勢——張旭筆勢系統的重點(2018)。書法入門。
https://www.gushiciku.cn/dc_hk/108486079
平面設計師大衛 · 卡森 David Carson (2013)。後時代。
http://www.houshidai.com/master/david-carson.html
你需要知道的字體與字型:淺談字體與字型它們的差別(2019)。Creativemini。
https://creativemini.com/typeface-and-font/
最古漢字 陶文、甲骨文再爭鋒(2006)。自由時報。
https://news.ltn.com.tw/news/life/paper/88017
蘇煒翔(2012)。字體123:必需知道的基本知識(增補)。justfont blog。
https://blog.justfont.com/2012/09/%E5%AD%97%E9%AB%94123%EF%BC%9A%E5%BF%85%E9%9C%80%E7%9F%A5%E9%81%93%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%9F%A5%E8%AD%98%EF%BC%88%E5%A2%9E%E8%A3%9C%EF%BC%89/