Welcome! 登入註冊

Change History

Changed By: JinJin
Change Date: June 06, 2013 12:05AM

[講義] 文字編排概述

請試著把文字當作圖的一部分，如何將文字本身的意涵與情感，成為作品的一部分？
如何在作品中認真的去對待每一個文字呈現在海報上的意義？而不是把文字放在海報中而已？

<h2>將文字與圖案結合，圖像化文字</h2>
[URL=http://s556.photobucket.com/user/whc915/media/z11111111111111111111111_zps77a58f1b.jpg.html][IMG]http://i556.photobucket.com/albums/ss1/whc915/z11111111111111111111111_zps77a58f1b.jpg[/IMG][/URL]

[hr]

<h2>將文字成為海報的主角，也成為重要的構圖元素，除了展現意義，也將畫面的層次展現</h2>

<img width="100%" src="http://fc04.deviantart.net/images/i/2002/16/7/3/Study_of_Typography.jpg" border="0">

<img width="100%" src="http://sarabydesign.files.wordpress.com/2011/09/love-typography-a-lot-black.jpg" border="0">

<img width="100%" src="http://emilymarieclark.files.wordpress.com/2012/02/creative-use-of-typography-in-screen-savers.jpeg" border="0">

[hr]

<h2>設計師作品賞析</h2>

<h3>NEVILLE BRODY</h3>

向量式文字表現

文字本身具有文字的功能，同時也是色塊、圖案、背景、主題，也具有線條的效果

[img]http://behance.vo.llnwd.net/profiles10/1029225/projects/3490027/6e7562263321cf83df82b36b7eebd697.jpg[/img]

[img]http://behance.vo.llnwd.net/profiles17/296571/projects/2665143/dd42aa4f3f73775a08471099764a7528.jpg[/img]

[hr]
點陣式的文字表現

以文字表現畫面的層次感，既是主題也是背景

[img]http://johnsonbanks.co.uk/thoughtfortheweek/files/556_Neville_Brody_400.jpg[/img]

[img]http://www.tdctokyo.org/awards/award00/0001.jpg[/img]

文字的意義已不明顯，轉化為圖案成為海報的視覺元素

[img]http://www.citrinitas.com/history_of_viscom/images/computer/brody12.jpg[/img]

[hr]

<h3>David Carson</h3>

[img]http://www.gingkopress.com/i/trek-david-carson_ic.jpg[/img]

<img width="100%" src="http://designtimeline.cias.rit.edu/wp-content/uploads/2012/11/DavidCarsonWork.jpg" border="0">

<img width="100%" src="http://4.bp.blogspot.com/-LfavdgiCXbg/TuDm3wK-3WI/AAAAAAAAAIM/G2HxFwqOuRo/s1600/%2Braygun_printoff.jpg" border="0">

[img]http://www.zee.com.br/extranet/abduzeedo/posts/david_carson/img7.jpg[/img]

[img]http://tarabeiser.files.wordpress.com/2011/09/david_carson1.jpg[/img]

[img]http://4.bp.blogspot.com/-u_pvuOa7am8/TV0l6pz_kgI/AAAAAAAABmE/rL2VwOOhtok/s1600/DECONSTRUCTION+5.jpg[/img]

[img]http://payload61.cargocollective.com/1/7/226788/3530799/David_Carson-Poster.jpg[/img]

<b>設計風格</b>

「Fotografiks」的定義：

Photography + Typography = Fotografiks，一種來自照片與字學設計間的平衡，從概念內容進化而成的視覺表現藝術。

從 David Carson 的眾多作品分析，我們概略歸納其「Fotografiks」的幾個基本表現手法：a.文字處理b.圖像處理c.元素組合d.設計邏輯

a.文字處理：
1.文字採用破碎、扭曲卻又不脫離辨識的功能，打破電腦工具所具有的「系統化」設定
2.不把文字當作文字來處理
3.運用重疊、變形、解構、立體化、對比

b.圖像處理：
1. 使用失焦、低彩度、曝光不足的視覺效果
2. 採拼貼、切割手法產生趣味性與超現實感受

c.元素組合：
1. 有別國際風格的比例之美
2. 設計元素的組合並沒有背離基本的設計法則

d.設計邏輯：
1. 「反」方向變動與發展的思考
2. 設計不應該被「條條框框」給限制住
3. 把自己融入作品之中

[hr]

<h2>文字海報參考</h2>

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf[hr]

<h2>文字海報參考</h2>

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf

<h2>相關連結</h2>
https://www.facebook.com/media/set/?set=a.394577417267559.88945.365469650178336&type=3
http://www.mydesy.com/chinese-typography-collection

Changed By: JinJin
Change Date: June 05, 2013 11:56PM

[講義] 文字編排概述

請試著把文字當作圖的一部分，如何將文字本身的意涵與情感，成為作品的一部分？
如何在作品中認真的去對待每一個文字呈現在海報上的意義？而不是把文字放在海報中而已？

<h2>將文字與圖案結合，圖像化文字</h2>
[URL=http://s556.photobucket.com/user/whc915/media/z11111111111111111111111_zps77a58f1b.jpg.html][IMG]http://i556.photobucket.com/albums/ss1/whc915/z11111111111111111111111_zps77a58f1b.jpg[/IMG][/URL]

[hr]

<h2>將文字成為海報的主角，也成為重要的構圖元素，除了展現意義，也將畫面的層次展現</h2>

<img width="100%" src="http://fc04.deviantart.net/images/i/2002/16/7/3/Study_of_Typography.jpg" border="0">

<img width="100%" src="http://sarabydesign.files.wordpress.com/2011/09/love-typography-a-lot-black.jpg" border="0">

<img width="100%" src="http://emilymarieclark.files.wordpress.com/2012/02/creative-use-of-typography-in-screen-savers.jpeg" border="0">

[hr]

<h2>設計師作品賞析</h2>

<h3>NEVILLE BRODY</h3>

向量式文字表現

文字本身具有文字的功能，同時也是色塊、圖案、背景、主題，也具有線條的效果

[img]http://behance.vo.llnwd.net/profiles10/1029225/projects/3490027/6e7562263321cf83df82b36b7eebd697.jpg[/img]

[img]http://behance.vo.llnwd.net/profiles17/296571/projects/2665143/dd42aa4f3f73775a08471099764a7528.jpg[/img]

[hr]
點陣式的文字表現

以文字表現畫面的層次感，既是主題也是背景

[img]http://johnsonbanks.co.uk/thoughtfortheweek/files/556_Neville_Brody_400.jpg[/img]

[img]http://www.tdctokyo.org/awards/award00/0001.jpg[/img]

文字的意義已不明顯，轉化為圖案成為海報的視覺元素

[img]http://www.citrinitas.com/history_of_viscom/images/computer/brody12.jpg[/img]

<h3>David Carson</h3>

[img]http://www.gingkopress.com/i/trek-david-carson_ic.jpg[/img]

[img]http://designtimeline.cias.rit.edu/wp-content/uploads/2012/11/DavidCarsonWork.jpg[/img]

[img]http://4.bp.blogspot.com/-LfavdgiCXbg/TuDm3wK-3WI/AAAAAAAAAIM/G2HxFwqOuRo/s1600/%2Braygun_printoff.jpg[/img]

[img]http://www.zee.com.br/extranet/abduzeedo/posts/david_carson/img7.jpg[/img]

[img]http://tarabeiser.files.wordpress.com/2011/09/david_carson1.jpg[/img]
wordpress.com/2011/09/david_carson1.jpg[/img]
ingkopress.com/i/trek-david-carson_ic.jpg[/img]

<img width="100%" src="http://designtimeline.cias.rit.edu/wp-content/uploads/2012/11/DavidCarsonWork.jpg" border="0">

<img width="100%" src="http://4.bp.blogspot.com/-LfavdgiCXbg/TuDm3wK-3WI/AAAAAAAAAIM/G2HxFwqOuRo/s1600/%2Braygun_printoff.jpg" border="0">

[img]http://www.zee.com.br/extranet/abduzeedo/posts/david_carson/img7.jpg[/img]

[img]http://tarabeiser.files.wordpress.com/2011/09/david_carson1.jpg[/img]

[img]http://4.bp.blogspot.com/-u_pvuOa7am8/TV0l6pz_kgI/AAAAAAAABmE/rL2VwOOhtok/s1600/DECONSTRUCTION+5.jpg[/img]

[img]http://payload61.cargocollective.com/1/7/226788/3530799/David_Carson-Poster.jpg[/img]

<b>設計風格</b>

「Fotografiks」的定義：

Photography + Typography = Fotografiks，一種來自照片與字學設計間的平衡，從概念內容進化而成的視覺表現藝術。

從 David Carson 的眾多作品分析，我們概略歸納其「Fotografiks」的幾個基本表現手法：a.文字處理b.圖像處理c.元素組合d.設計邏輯

a.文字處理：
1.文字採用破碎、扭曲卻又不脫離辨識的功能，打破電腦工具所具有的「系統化」設定
2.不把文字當作文字來處理
3.運用重疊、變形、解構、立體化、對比

b.圖像處理：
1. 使用失焦、低彩度、曝光不足的視覺效果
2. 採拼貼、切割手法產生趣味性與超現實感受

c.元素組合：
1. 有別國際風格的比例之美
2. 設計元素的組合並沒有背離基本的設計法則

d.設計邏輯：
1. 「反」方向變動與發展的思考
2. 設計不應該被「條條框框」給限制住
3. 把自己融入作品之中

[hr]

<h2>文字海報參考</h2>

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf[hr]

<h2>文字海報參考</h2>

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf

<h2>相關連結</h2>
https://www.facebook.com/media/set/?set=a.394577417267559.88945.365469650178336&type=3
http://www.mydesy.com/chinese-typography-collection

Changed By: JinJin
Change Date: June 05, 2013 11:54PM

[講義] 文字編排概述

Changed By: JinJin
Change Date: June 05, 2013 11:53PM

[講義] 文字編排概述

請試著把文字當作圖的一部分，如何將文字本身的意涵與情感，成為作品的一部分？
如何在作品中認真的去對待每一個文字呈現在海報上的意義？而不是把文字放在海報中而已？

<h2>將文字與圖案結合，圖像化文字</h2>
[URL=http://s556.photobucket.com/user/whc915/media/z11111111111111111111111_zps77a58f1b.jpg.html][IMG]http://i556.photobucket.com/albums/ss1/whc915/z11111111111111111111111_zps77a58f1b.jpg[/IMG][/URL]

[hr]

<h2>將文字成為海報的主角，也成為重要的構圖元素，除了展現意義，也將畫面的層次展現</h2>

<img width="100%" src="http://fc04.deviantart.net/images/i/2002/16/7/3/Study_of_Typography.jpg" border="0">

<img width="100%" src="http://sarabydesign.files.wordpress.com/2011/09/love-typography-a-lot-black.jpg" border="0">

<img width="100%" src="http://emilymarieclark.files.wordpress.com/2012/02/creative-use-of-typography-in-screen-savers.jpeg" border="0">

[hr]

<h2>設計師作品賞析</h2>

NEVILLE BRODY

向量式文字表現

文字本身具有文字的功能，同時也是色塊、圖案、背景、主題，也具有線條的效果

[img]http://behance.vo.llnwd.net/profiles10/1029225/projects/3490027/6e7562263321cf83df82b36b7eebd697.jpg[/img]

[img]http://behance.vo.llnwd.net/profiles17/296571/projects/2665143/dd42aa4f3f73775a08471099764a7528.jpg[/img]
099764a7528.jpg[/img]

<h3>David Carson</h3>

[img]http://www.gingkopress.com/i/trek-david-carson_ic.jpg[/img]

[img]http://designtimeline.cias.rit.edu/wp-content/uploads/2012/11/DavidCarsonWork.jpg[/img]

[img]http://4.bp.blogspot.com/-LfavdgiCXbg/TuDm3wK-3WI/AAAAAAAAAIM/G2HxFwqOuRo/s1600/%2Braygun_printoff.jpg[/img]

[img]http://www.zee.com.br/extranet/abduzeedo/posts/david_carson/img7.jpg[/img]

[img]http://tarabeiser.files.wordpress.com/2011/09/david_carson1.jpg[/img]

[img]http://4.bp.blogspot.com/-u_pvuOa7am8/TV0l6pz_kgI/AAAAAAAABmE/rL2VwOOhtok/s1600/DECONSTRUCTION+5.jpg[/img]

[img]http://payload61.cargocollective.com/1/7/226788/3530799/David_Carson-Poster.jpg[/img]

<b>設計風格</b>

「Fotografiks」的定義：

Photography + Typography = Fotografiks，一種來自照片與字學設計間的平衡，從概念內容進化而成的視覺表現藝術。

從 David Carson 的眾多作品分析，我們概略歸納其「Fotografiks」的幾個基本表現手法：a.文字處理b.圖像處理c.元素組合d.設計邏輯

a.文字處理：
1.文字採用破碎、扭曲卻又不脫離辨識的功能，打破電腦工具所具有的「系統化」設定
2.不把文字當作文字來處理
3.運用重疊、變形、解構、立體化、對比

b.圖像處理：
1. 使用失焦、低彩度、曝光不足的視覺效果
2. 採拼貼、切割手法產生趣味性與超現實感受

c.元素組合：
1. 有別國際風格的比例之美
2. 設計元素的組合並沒有背離基本的設計法則

d.設計邏輯：
1. 「反」方向變動與發展的思考
2. 設計不應該被「條條框框」給限制住
3. 把自己融入作品之中
arson/img7.jpg[/img]

[img]http://tarabeiser.files.wordpress.com/2011/09/david_carson1.jpg[/img]

[img]http://4.bp.blogspot.com/-u_pvuOa7am8/TV0l6pz_kgI/AAAAAAAABmE/rL2VwOOhtok/s1600/DECONSTRUCTION+5.jpg[/img]

[img]http://payload61.cargocollective.com/1/7/226788/35307[hr]
點陣式的文字表現

以文字表現畫面的層次感，既是主題也是背景

[img]http://johnsonbanks.co.uk/thoughtfortheweek/files/556_Neville_Brody_400.jpg[/img]

[img]http://www.tdctokyo.org/awards/award00/0001.jpg[/img]

文字的意義已不明顯，轉化為圖案成為海報的視覺元素

[img]http://www.citrinitas.com/history_of_viscom/images/computer/brody12.jpg[/img]

<h2>文字海報參考</h2>

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf99/David_Carson-Poster.jpg[/img]

<b>設計風格</b>

「Fotografiks」的定義：

Photography + Typography = Fotografiks，一種來自照片與字學設計間的平衡，從概念內容進化而成的視覺表現藝術。

從 David Carson 的眾多作品分析，我們概略歸納其「Fotografiks」的幾個基本表現手法：a.文字處理b.圖像處理c.元素組合d.設計邏輯

a.文字處理：
1.文字採用破碎、扭曲卻又不脫離辨識的功能，打破電腦工具所具有的「系統化」設定
2.不把文字當作文字來處理
3.運用重疊、變形、解構、立體化、對比

b.圖像處理：
1. 使用失焦、低彩度、曝光不足的視覺效果
2. 採拼貼、切割手法產生趣味性與超現實感受

c.元素組合：
1. 有別國際風格的比例之美
2. 設計元素的組合並沒有背離基本的設計法則

d.設計邏輯：
1. 「反」方向變動與發展的思考
2. 設計不應該被「條條框框」給限制住
3. 把自己融入作品之中

[hr]

<h2>文字海報參考</h2>

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf[hr]

<h2>文字海報參考</h2>

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf

<h2>相關連結</h2>
https://www.facebook.com/media/set/?set=a.394577417267559.88945.365469650178336&type=3
http://www.mydesy.com/chinese-typography-collection

Original Message

作者: JinJin
Date: June 05, 2013 11:41PM

[講義] 文字編排概述

請試著把文字當作圖的一部分，如何將文字本身的意涵與情感，成為作品的一部分？
如何在作品中認真的去對待每一個文字呈現在海報上的意義？而不是把文字放在海報中而已？

將文字與圖案結合，圖像化文字

[URL=http://s556.photobucket.com/user/whc915/media/z11111111111111111111111_zps77a58f1b.jpg.html][IMG]http://i556.photobucket.com/albums/ss1/whc915/z11111111111111111111111_zps77a58f1b.jpg[/IMG][/URL]

[hr]

將文字成為海報的主角，也成為重要的構圖元素，除了展現意義，也將畫面的層次展現

[hr]

設計師作品賞析

NEVILLE BRODY

向量式文字表現

文字本身具有文字的功能，同時也是色塊、圖案、背景、主題，也具有線條的效果

[img]http://behance.vo.llnwd.net/profiles10/1029225/projects/3490027/6e7562263321cf83df82b36b7eebd697.jpg[/img]

[img]http://behance.vo.llnwd.net/profiles17/296571/projects/2665143/dd42aa4f3f73775a08471099764a7528.jpg[/img]
arson/img7.jpg[/img]

[img]http://tarabeiser.files.wordpress.com/2011/09/david_carson1.jpg[/img]

[img]http://4.bp.blogspot.com/-u_pvuOa7am8/TV0l6pz_kgI/AAAAAAAABmE/rL2VwOOhtok/s1600/DECONSTRUCTION+5.jpg[/img]

[img]http://payload61.cargocollective.com/1/7/226788/35307[hr]
點陣式的文字表現

以文字表現畫面的層次感，既是主題也是背景

[img]http://johnsonbanks.co.uk/thoughtfortheweek/files/556_Neville_Brody_400.jpg[/img]

[img]http://www.tdctokyo.org/awards/award00/0001.jpg[/img]

文字的意義已不明顯，轉化為圖案成為海報的視覺元素

[img]http://www.citrinitas.com/history_of_viscom/images/computer/brody12.jpg[/img]

文字海報參考

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf99/David_Carson-Poster.jpg[/img]

設計風格

「Fotografiks」的定義：

Photography + Typography = Fotografiks，一種來自照片與字學設計間的平衡，從概念內容進化而成的視覺表現藝術。

從 David Carson 的眾多作品分析，我們概略歸納其「Fotografiks」的幾個基本表現手法：a.文字處理b.圖像處理c.元素組合d.設計邏輯

a.文字處理：
1.文字採用破碎、扭曲卻又不脫離辨識的功能，打破電腦工具所具有的「系統化」設定
2.不把文字當作文字來處理
3.運用重疊、變形、解構、立體化、對比

b.圖像處理：
1. 使用失焦、低彩度、曝光不足的視覺效果
2. 採拼貼、切割手法產生趣味性與超現實感受

c.元素組合：
1. 有別國際風格的比例之美
2. 設計元素的組合並沒有背離基本的設計法則

d.設計邏輯：
1. 「反」方向變動與發展的思考
2. 設計不應該被「條條框框」給限制住
3. 把自己融入作品之中

[hr]

文字海報參考

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf[hr]

文字海報參考

字卉森林

http://web.ydu.edu.tw/~jinjin/98-1/forest.pdf