簡易檢索 / 詳目顯示

研究生: 吳欣鎂
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
論文種類: 學術論文
相關次數: 點閱:142下載: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.

    第壹章 緒論 1 第一節 研究動機與目的 1 第二節 研究範圍與限制 3 一、研究範圍 3 二、研究限制 3 第三節 研究方法與流程 4 一、研究方法 4 二、研究流程與步驟 5 第四節 名詞釋義 7 第貳章 文獻探討 9 第一節 相關文獻回顧 9 一、破格式字體排版應用於平面設計之相關文獻 9 二、文字造形應用於海報設計之相關論文 11 第二節 破格式字體排版的發展 15 一、破格式字體排版的定義 15 二、破格式字體排版的演變 20 三、破格式字體排版的表現與特徵 31 第三節 漢字文字的發展過程 42 一、漢字的起源與發展 42 二、漢字的基本構成 50 三、現代字體設計的發展過程 55 四、現代字體的特性 57 第參章 破格式字體排版於文字造形之設計應用分析 61 第一節 案例樣本蒐集 62 第二節 相關案例分析 63 一、歐文文字造形案例分析 63 二、漢字文字造形案例分析 88 第三節 破格式字體排版之手法與歸納 109 第肆章 創作過程與理念說明 111 第一節 創作主題與內容 112 一、創作主題 112 二、創作內容 114 第二節 創作過程與說明 119 第三節 創作成果自我檢核 149 第伍章 結論與建議 151 第一節 研究結論 151 第二節 後續建議 153 參考文獻 155 中文專書 155 英文專書 156 學位論文 156 期刊雜誌 156 網路資料 157 附錄 161 附錄一:破格式字體排版應用於歐文文字造形之設計案例 161 附錄二:破格式字體排版應用於漢字文字造形之設計案例 171

    中文專書
    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/

    無法下載圖示 本全文未授權公開
    QR CODE