<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SILK ROUTE &#187; graphic</title>
	<atom:link href="http://www.silkrt.com/v01/category/design/graphic/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.silkrt.com/v01</link>
	<description>W.E. Linked</description>
	<lastBuildDate>Sat, 28 Jan 2012 00:36:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Logo Design Process</title>
		<link>http://www.silkrt.com/v01/2011/05/17/logo-design-process/</link>
		<comments>http://www.silkrt.com/v01/2011/05/17/logo-design-process/#comments</comments>
		<pubDate>Tue, 17 May 2011 08:16:17 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[graphic]]></category>
		<category><![CDATA[small]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=3629</guid>
		<description><![CDATA[這邊有一篇不錯的ＤＩＹ介紹
]]></description>
			<content:encoded><![CDATA[<p><a href="http://layersmagazine.com/artistic-expression-logo-design-from-start-to-finish.html">這邊有一篇不錯的ＤＩＹ介紹</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2011/05/17/logo-design-process/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ellis</title>
		<link>http://www.silkrt.com/v01/2010/04/05/ellis/</link>
		<comments>http://www.silkrt.com/v01/2010/04/05/ellis/#comments</comments>
		<pubDate>Mon, 05 Apr 2010 15:15:25 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[concept]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[small]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=3246</guid>
		<description><![CDATA[
很久沒有看到這類有趣的作品,彷彿又回代2000年左右 Josh Davis 還在 Praystation 時期的互動探索作品.
隨著工具時代的演進,當年實驗性的風格,要靠一點探索逸趣的實驗性介面, 經過一番淘汰與演證,被接受的被淘汰的,最後邁向成熟化, 現今的介面大多具象而且友善, 圓弧角邊, 陰影, 可愛的字體, 閃亮亮的反光, 讓 user 覺得簡單易懂.
偶爾從友人R的ipad, 發現這類很數位影音的作品, 沒有漸層,沒有反光,沒有陰影,也沒有讓我很開心的不加思索就抓了下來, 這個遊戲的程式與音樂都來自同一個人  steph thirion , 這邊還有他另一個與地圖互動的聲音作品 video (傷耳)

Click here to view the embedded video.
Eliss 是一個讓人會上癮的遊戲, 來自宇宙抽象的語意, 裡面有不同顏色的星球, 太陽, 黑洞, 以及會加血的星辰, 他充分了利用了 iPhone 侷限的畫面, 在有線的空間裡不能讓物件重疊, 並且徹底使用了多點互動的機制, 讓玩家手忙腳亂的一關接著一關打了沒完.
裡面簡單的 transition, 字體, 以及 8bit 音樂, 增添了整個遊戲的實驗性, 令人愛不釋手. 不過我只破到了 15 關, 關卡似乎有點太難&#8230;
]]></description>
			<content:encoded><![CDATA[<p><img src="https://s3.amazonaws.com/trsp_us/screens_mosaic.jpg" alt="" width="480" height="750" /></p>
<p>很久沒有看到這類有趣的作品,彷彿又回代2000年左右 <a href="http://www.joshuadavis.com/">Josh Davis</a> 還在 Praystation 時期的互動探索作品.</p>
<p>隨著工具時代的演進,當年實驗性的風格,要靠一點探索逸趣的實驗性介面, 經過一番淘汰與演證,被接受的被淘汰的,<br />最後邁向成熟化, 現今的介面大多具象而且友善, 圓弧角邊, 陰影, 可愛的字體, 閃亮亮的反光, 讓 user 覺得簡單易懂.</p>
<p>偶爾從友人R的ipad, 發現這類很數位影音的作品, 沒有漸層,沒有反光,沒有陰影,也沒有讓我很開心的不加思索就抓了下來, <br />這個遊戲的程式與音樂都來自同一個人  <a href="http://www.trsp.net/" target="_blank">steph thirion</a> , 這邊還有他另一個與地圖互動的聲音作品 <a href="http://www.vimeo.com/645554">video </a>(傷耳)</p>
<p><span id="more-3246"></span></p>
<p><a href="http://www.silkrt.com/v01/2010/04/05/ellis/"><em>Click here to view the embedded video.</em></a></p>
<p>Eliss 是一個讓人會上癮的遊戲, 來自宇宙抽象的語意, 裡面有不同顏色的星球, 太陽, 黑洞, 以及會加血的星辰, 他充分了利用了 iPhone <br />侷限的畫面, 在有線的空間裡不能讓物件重疊, 並且徹底使用了多點互動的機制, 讓玩家手忙腳亂的一關接著一關打了沒完.</p>
<p>裡面簡單的 transition, 字體, 以及 8bit 音樂, 增添了整個遊戲的實驗性, 令人愛不釋手. 不過我只破到了 15 關, 關卡似乎有點太難&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2010/04/05/ellis/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Happy Year of Tiger!</title>
		<link>http://www.silkrt.com/v01/2010/02/14/happy-year-of-tiger/</link>
		<comments>http://www.silkrt.com/v01/2010/02/14/happy-year-of-tiger/#comments</comments>
		<pubDate>Sun, 14 Feb 2010 17:11:18 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[graphic]]></category>
		<category><![CDATA[silkrt]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=3223</guid>
		<description><![CDATA[

]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.silkrt.com/v01/wp-content/uploads/2010/02/tiger.png"><img class="alignnone size-full wp-image-3224" title="tiger" src="http://www.silkrt.com/v01/wp-content/uploads/2010/02/tiger.png" alt="" width="430" height="388" /></a></p>
<p><a href="http://www.silkrt.com/v01/wp-content/uploads/2010/02/tiger_wallpaper.jpg"><img title="tiger_wallpaper" src="http://www.silkrt.com/v01/wp-content/uploads/2010/02/tiger_wallpaper.jpg" alt="" width="430" height="401" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2010/02/14/happy-year-of-tiger/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>You are what you shop.</title>
		<link>http://www.silkrt.com/v01/2009/12/11/you-are-what-you-shop/</link>
		<comments>http://www.silkrt.com/v01/2009/12/11/you-are-what-you-shop/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 20:35:20 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[book]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[idea]]></category>
		<category><![CDATA[medium]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=3162</guid>
		<description><![CDATA[
設計鬼才,友人唐人張出書,請大家捧場.
紐約其實比叛逆還離經叛道！
什麼事情都有可能在這個城市發生。
紐約人其實很經典！
你可以看到日積月累的文化體驗，在他們的身上淬練成獨一無二的品味。
在紐約居住多年的知名設計師張天捷，試以玩心與好奇心剖析紐約文化。
他先由紐約人的「穿著」入手，走上街頭，拍下這些真真實實生活在紐約的人，深度解讀他們到底在穿什麼規矩？穿什麼態度？穿什麼文化？
透過鏡頭與他的另類視野，你將了解：為什麼紐約人穿什麼像什麼，品牌與購物是文化、是生活，張天捷帶你穿透紐約！
作者簡介
張天捷　Jack Chang
畢業於紐約PARSONS藝術學院數位媒體設計研究所，也曾在紐約視覺藝術學院視覺傳達學系與廣告系雙主修。《YOU ARE WHAT YOU SHOP》一書曾獲HKDA香港設計師協會獎，其他創作作品更曾多次榮獲倫敦國際廣告設計獎金獎，紐約TYPE DIRECTORS CLUB特選優秀作品，日本東京100% DESIGNER’S WEEK 展覽，及紐約廣告設計學會等國際大獎。作品亦多次收錄於國際DESIGN ANNUAL BOOK 與設計雜誌。
 


名人推薦
top


國際知名設計師　Carin Goldberg
THE ART DIRECTOR’S CLUB PRESIDENT　Doug Jaeger
實踐大學設計學院院長　安郁茜
實踐大學時尚與媒體設計研究所所長　曲家瑞
實踐大學時尚與媒體設計研究所專任副教授　謝大立
※國際知名紐約設計師│Carin Goldberg
紐約時尚與這個地方的一切，永遠流在我的血液裡
(此文為英翻中，原文請見本書)
雖然人不可貌相，我卻如假包換的，是個時尚工業的產物。
我1953年出生於美國紐約市，爸媽在成衣界工作。從30年代末期到60年代中，我的祖父、父親與叔叔分別是Robert Goldberg and Sons睡衣與燕尾服製造廠的老闆。他們代表的是紐約第七大街「garmentos」的精神，也就是當初成千上萬跨洋越海來到新大陸，並於紐約時尚特區打 下一片天的人們之一。
小時候的我每逢週六下午，都在薄紗、絲綢、雪紡紗與透明硬紗的圍繞中度過，看著打版機(pattern cutters？)與女裁縫師們，賣力地製造大批各式各樣的衣物。這些衣服都賣到百貨公司裡，許多婦女就在百貨公司買著時下流行的打折款式。
到了60年代末，我的家族生意開始走下坡，不得不申請破產。於是我的家族與其他數不清當代的成衣製造商，便成為60年代的成衣界精神象徵。
賈桂琳．甘迺迪（Jackie Kennedy）深深地影響了美國的穿著時尚，她總是穿著時下設計師最新設計的服裝。發明上空泳衣的魯迪．吉恩萊希（Rudi Gernreich）於1967年登上時代雜誌的封面；「迷你裙之王」安德烈．庫雷熱（Andre Courreges）在女性身體上加諸一抹自由與舒適的樸實感。
披頭四合唱團（The Beatles）、貓王（Elvis）、滾石合唱團（The Rolling Stones），與沙灘男孩（the Beach boys）相繼影響了一代無拘無束，隨時都願意接受新潮流的青少年們。至於女人，較注重穿著的舒適。女性解放、性解放、公民權與越戰等，可視為改變的前 兆，而隨後跟著變的就是時尚。
此時，適逢13歲的我正承受著父親事業失敗，與時代交替的衝擊。雖然我那時候沒什麼錢買衣服，但就像其他青少女一樣，我的裙子越穿越短，並且喜歡各式各樣的絲襪，同時也大膽嘗試許多非主流的髮型。
我在紐澤西（New Jersey）市郊所就讀的學校，女同學之間有個關於髮型的不成文內規，我也只好跟著規則走。如果你喜歡特別的髮型，也不能超出太多。在學校我們都穿著某 個特定牌子的平跟帆船鞋，鈕扣式白襯衫，裙子後方一定有個「仙女環」。這就是我所穿的標準制服。
從那之後，70年代的我成為藝術學科的學生，親身體驗著紐約市時尚潮流的變動；到了80年代，我慢慢成為設計師，到了80年代末也在唱片界身兼藝術指導，同時也擔任平面設計師，並成為人妻，且於90年代搖身一變成為人母。
我並不是個講究衣著的人，我的身材與荷包，不容許我穿上渴望與欣賞的各種衣服。我的衣櫃裡放滿了制服。我穿著長白襯衫與黑長褲的時候感到最自在。而好的鞋子、手提包、珠寶與精美的髮型，才是我裝扮的基本元素。
我大多待在工作室，或者從事著教學。但撇開我的外表與衣著風格，我是個迷戀任何流行形式的人，特別是最近發行了不少關於設計師如Lagerfeld、Jacobs、Valentino等的影片&#8230;&#8230;
許多年來，我都給學生看Isaac Mizrahi的影片「Unzipped」，當中有設計師創作一系列作品背後的辛苦。這一部影片是關於藝術、思想、程序、合作、人格特質，以及追求完美的喜悅與焦慮。
當我寫下這一篇序的同時，我正在看決戰時裝伸展台（Project Runway）。就像「Unzipped」一樣，決戰時裝伸展台著重於手工、熱情與點子。觀眾也間接地感受到參賽者在紐約頂尖設計師、時尚編輯與導師的指 導下，必須在各種極端的條件，忙著畫圖、扎針、披掛、褶飾與設計的震撼。
紐約是我的家，也是我身分認同的一個地方。無論如何，紐約時尚與這個地方的一切，永遠流（留）在我的血液裡，當然也流過我的心。
※THE ART DIRECTOR’S CLUB PRESIDENT(紐約藝術指導協會獎ADC主席)│Doug Jaeger
設計師要做的不只是這些
身為設計師，眼睛必須有能力無時無刻看到問題。
有時候看似找到解決方案，但方案又變成更大的問題。
設計師坐下來，想辦法決定如何透過語言，分析如何將生活的複雜性，以語言的特質組織起來。
設計師在一塊布上剪了個洞，就成了一件襯衫。
設計師在一個平台裝上輪子，就成了一部車。
無論結論好與不好，設計師不管三七二十一就把我們的世界改變。
設計師還可以做什麼？
拯救地球，對抗疾病，追求平等，尋找愛，終結貧窮？
※實踐大學時尚與媒體設計研究所所長│曲家瑞
I Shop Therefore I Am
──Barbara Kruger, 1987
在「You Are What You [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.books.com.tw/exep/lib/image.php?image=http://addons.books.com.tw/G/001/0/0010455420.jpg&amp;width=200&amp;height=280&amp;quality=80" alt="" width="200" height="280" /></p>
<p>設計鬼才,友人唐人張出書,請大家<a href="http://www.books.com.tw/exep/prod/booksfile.php?item=0010455420">捧場</a>.</p>
<p>紐約其實比叛逆還離經叛道！</p>
<p>什麼事情都有可能在這個城市發生。</p>
<p>紐約人其實很經典！</p>
<p>你可以看到日積月累的文化體驗，在他們的身上淬練成獨一無二的品味。</p>
<p>在紐約居住多年的知名設計師張天捷，試以玩心與好奇心剖析紐約文化。</p>
<p>他先由紐約人的「穿著」入手，走上街頭，拍下這些真真實實生活在紐約的人，深度解讀他們到底在穿什麼規矩？穿什麼態度？穿什麼文化？</p>
<p>透過鏡頭與他的另類視野，你將了解：為什麼紐約人穿什麼像什麼，品牌與購物是文化、是生活，張天捷帶你穿透紐約！</p>
<p><strong>作者簡介</strong></p>
<p><strong>張天捷　Jack Chang</strong></p>
<p>畢業於紐約PARSONS藝術學院數位媒體設計研究所，也曾在紐約視覺藝術學院視覺傳達學系與廣告系雙主修。《YOU ARE WHAT YOU SHOP》一書曾獲HKDA香港設計師協會獎，其他創作作品更曾多次榮獲倫敦國際廣告設計獎金獎，紐約TYPE DIRECTORS CLUB特選優秀作品，日本東京100% DESIGNER’S WEEK 展覽，及紐約廣告設計學會等國際大獎。作品亦多次收錄於國際DESIGN ANNUAL BOOK 與設計雜誌。</p>
<p><!--內容簡介 --> <!--博客來推薦 --><a name="recman"></a></p>
<div>
<div>
<h2><span>名人推薦</span></h2>
<p><a href="http://www.books.com.tw/exep/prod/booksfile.php?item=0010455420#item_top"><span>top</span></a></p>
</div>
<div>
<p>國際知名設計師　Carin Goldberg<br />
THE ART DIRECTOR’S CLUB PRESIDENT　Doug Jaeger<br />
實踐大學設計學院院長　安郁茜<br />
實踐大學時尚與媒體設計研究所所長　曲家瑞<br />
實踐大學時尚與媒體設計研究所專任副教授　謝大立</p>
<p><strong>※國際知名紐約設計師│Carin Goldberg<br />
紐約時尚與這個地方的一切，永遠流在我的血液裡<br />
(此文為英翻中，原文請見本書)</strong></p>
<p>雖然人不可貌相，我卻如假包換的，是個時尚工業的產物。</p>
<p>我1953年出生於美國紐約市，爸媽在成衣界工作。從30年代末期到60年代中，我的祖父、父親與叔叔分別是Robert Goldberg and Sons睡衣與燕尾服製造廠的老闆。他們代表的是紐約第七大街「garmentos」的精神，也就是當初成千上萬跨洋越海來到新大陸，並於紐約時尚特區打 下一片天的人們之一。</p>
<p>小時候的我每逢週六下午，都在薄紗、絲綢、雪紡紗與透明硬紗的圍繞中度過，看著打版機(pattern cutters？)與女裁縫師們，賣力地製造大批各式各樣的衣物。這些衣服都賣到百貨公司裡，許多婦女就在百貨公司買著時下流行的打折款式。</p>
<p>到了60年代末，我的家族生意開始走下坡，不得不申請破產。於是我的家族與其他數不清當代的成衣製造商，便成為60年代的成衣界精神象徵。</p>
<p>賈桂琳．甘迺迪（Jackie Kennedy）深深地影響了美國的穿著時尚，她總是穿著時下設計師最新設計的服裝。發明上空泳衣的魯迪．吉恩萊希（Rudi Gernreich）於1967年登上時代雜誌的封面；「迷你裙之王」安德烈．庫雷熱（Andre Courreges）在女性身體上加諸一抹自由與舒適的樸實感。</p>
<p>披頭四合唱團（The Beatles）、貓王（Elvis）、滾石合唱團（The Rolling Stones），與沙灘男孩（the Beach boys）相繼影響了一代無拘無束，隨時都願意接受新潮流的青少年們。至於女人，較注重穿著的舒適。女性解放、性解放、公民權與越戰等，可視為改變的前 兆，而隨後跟著變的就是時尚。</p>
<p>此時，適逢13歲的我正承受著父親事業失敗，與時代交替的衝擊。雖然我那時候沒什麼錢買衣服，但就像其他青少女一樣，我的裙子越穿越短，並且喜歡各式各樣的絲襪，同時也大膽嘗試許多非主流的髮型。</p>
<p>我在紐澤西（New Jersey）市郊所就讀的學校，女同學之間有個關於髮型的不成文內規，我也只好跟著規則走。如果你喜歡特別的髮型，也不能超出太多。在學校我們都穿著某 個特定牌子的平跟帆船鞋，鈕扣式白襯衫，裙子後方一定有個「仙女環」。這就是我所穿的標準制服。</p>
<p>從那之後，70年代的我成為藝術學科的學生，親身體驗著紐約市時尚潮流的變動；到了80年代，我慢慢成為設計師，到了80年代末也在唱片界身兼藝術指導，同時也擔任平面設計師，並成為人妻，且於90年代搖身一變成為人母。</p>
<p>我並不是個講究衣著的人，我的身材與荷包，不容許我穿上渴望與欣賞的各種衣服。我的衣櫃裡放滿了制服。我穿著長白襯衫與黑長褲的時候感到最自在。而好的鞋子、手提包、珠寶與精美的髮型，才是我裝扮的基本元素。</p>
<p>我大多待在工作室，或者從事著教學。但撇開我的外表與衣著風格，我是個迷戀任何流行形式的人，特別是最近發行了不少關於設計師如Lagerfeld、Jacobs、Valentino等的影片&#8230;&#8230;</p>
<p>許多年來，我都給學生看Isaac Mizrahi的影片「Unzipped」，當中有設計師創作一系列作品背後的辛苦。這一部影片是關於藝術、思想、程序、合作、人格特質，以及追求完美的喜悅與焦慮。</p>
<p>當我寫下這一篇序的同時，我正在看決戰時裝伸展台（Project Runway）。就像「Unzipped」一樣，決戰時裝伸展台著重於手工、熱情與點子。觀眾也間接地感受到參賽者在紐約頂尖設計師、時尚編輯與導師的指 導下，必須在各種極端的條件，忙著畫圖、扎針、披掛、褶飾與設計的震撼。</p>
<p>紐約是我的家，也是我身分認同的一個地方。無論如何，紐約時尚與這個地方的一切，永遠流（留）在我的血液裡，當然也流過我的心。</p>
<p><strong>※THE ART DIRECTOR’S CLUB PRESIDENT(紐約藝術指導協會獎ADC主席)│Doug Jaeger<br />
設計師要做的不只是這些</strong></p>
<p>身為設計師，眼睛必須有能力無時無刻看到問題。</p>
<p>有時候看似找到解決方案，但方案又變成更大的問題。</p>
<p>設計師坐下來，想辦法決定如何透過語言，分析如何將生活的複雜性，以語言的特質組織起來。</p>
<p>設計師在一塊布上剪了個洞，就成了一件襯衫。</p>
<p>設計師在一個平台裝上輪子，就成了一部車。</p>
<p>無論結論好與不好，設計師不管三七二十一就把我們的世界改變。</p>
<p>設計師還可以做什麼？</p>
<p>拯救地球，對抗疾病，追求平等，尋找愛，終結貧窮？</p>
<p><strong>※實踐大學時尚與媒體設計研究所所長│曲家瑞<br />
I Shop Therefore I Am<br />
──Barbara Kruger, 1987</strong></p>
<p>在「You Are What You Shop」裡，也許你第一眼看到的可能是Jack Chang帶你去到紐約著名的時尚景點瘋狂購物，彷彿拜讀完這本書就完成了在消費天堂敗金的壯舉。但不僅止於此。</p>
<p>讓我回想到80年代在紐約求學時，當時非常傑出的女性概念藝術家Barbara Kruger，在Kruger的作品中最常出現黑白影像搭配紅底白字（Futura Bold Oblique）文案結合的「視覺性」宣言，以及重複使用「你」、「我」、「我們」、「他們」作為社會群體的代名詞，透過犀利的圖像語言、符號、文字書 寫，透視到當下的消費文化、社會訊息，並直接傳達出她對消費生活對現代人誘惑的態度，友善卻又直接、現實的道德勸說。</p>
<p>正如她在1987 年所創作的「我消費，所以我存在」（I Shop Therefore I Am），在2009年由Jack再次宣示「你消費，所以你成立」（You Are What You Shop）。如同Kruger一貫敏銳、直覺性地將文字當作創作圖騰的詭譎，Jack Chang是台灣設計界的鬼才，擅於「玩弄圖像與文字的藝術家」，透過主觀的「製造過程」，很巧妙、幽默、精準地描摩出他對紐約客的體驗，以及他想傳達出 消費當下——人的品味、價值、慾望。</p>
<p>紐約不僅僅是一個讓你去消費的城市，她其實是全球消費文化下的產物。這本書除了將帶給你一場華麗歡樂的紐約夢，你更可以抓到一點時尚精神，一點哲學，一點符號學，甚至是「你是誰」，與「我是誰」。</p>
<p>「人們的記憶總是短暫的，因此，我要掃射每個機會之窗。」──Barbara Kruger</p>
<p><strong>※實踐大學時尚與媒體設計研究所專任副教授│謝大立<br />
鮮活著的味道</strong></p>
<p>我們常常可以理性的描述所見所聞，感官的認知也使我們當下感受喜好，內心的感覺常是直覺、敏銳的，有的時候甚至超越思考。</p>
<p>〈真有味道〉是從「傑克」的書中嗅出來的綜合描述，其中不僅帶著感官的快感，更顯現出紐約人的生活歲月。</p>
<p>真有味道可以用來描述一盤食物、一個人、一套衣服，甚至是一座城市。</p>
<p>紐約人是有味道的，當一個注重打扮的女生走過，迎面飄著不知名的香味。</p>
<p>型男的古龍水也是生活的配件之一，少了這股氣息，就渾身無勁，甚至粗獷毛料的西裝或臉上的鬍子裡可以卡著濃濃的牛排味、酒味、雪茄味。</p>
<p>生活跟時尚氣息在紐約是融合的，每一點蛛絲馬跡都是線索，都可以有無窮的想像。</p>
<p>而紐約絕對是一個真有味道的地方，第五大道、東村、蘇活、布魯克林、哈林區都散發著自己獨特個性的時尚品味，從「傑克」的內文中，鮮活著全都嗅到了！</p>
<p><strong>※實踐大學設計學院院長│安郁茜 (掛名推薦)</strong></p>
<p><strong>(文:博客來)<br />
</strong></p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/12/11/you-are-what-you-shop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>李根在 設計的 台灣設計週</title>
		<link>http://www.silkrt.com/v01/2009/08/23/2898/</link>
		<comments>http://www.silkrt.com/v01/2009/08/23/2898/#comments</comments>
		<pubDate>Mon, 24 Aug 2009 03:45:52 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[graphic]]></category>
		<category><![CDATA[small]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=2898</guid>
		<description><![CDATA[
友人李根在設計的 台灣設計週系列作品.（先期徵選海報已獲香港設計師獎亞太設計雙年展09）







]]></description>
			<content:encoded><![CDATA[<p><img src="http://img373.imageshack.us/img373/2432/outo.jpg" alt="" width="544" height="782" /></p>
<p>友人李根在設計的 台灣設計週系列作品.（先期徵選海報已獲香港設計師獎亞太設計雙年展09）</p>
<p><span id="more-2898"></span></p>
<p><img src="http://img148.imageshack.us/img148/1774/23757167.jpg" alt="" width="849" height="384" /></p>
<p><img src="http://img508.imageshack.us/img508/6817/ch001062085446capture.jpg" alt="" width="569" height="387" /></p>
<p><img src="http://img33.imageshack.us/img33/9590/ch001062085455capture.jpg" alt="" width="823" height="623" /></p>
<p><img src="http://img44.imageshack.us/img44/1925/clothe2.jpg" alt="" width="537" height="745" /></p>
<p><img src="http://img32.imageshack.us/img32/4203/clothe1.jpg" alt="" width="537" height="745" /></p>
<p><img src="http://img10.imageshack.us/img10/7179/clothe3.jpg" alt="" width="537" height="745" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/08/23/2898/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>李根在的&#8230;</title>
		<link>http://www.silkrt.com/v01/2009/08/23/%e6%9d%8e%e6%a0%b9%e5%9c%a8%e7%9a%84/</link>
		<comments>http://www.silkrt.com/v01/2009/08/23/%e6%9d%8e%e6%a0%b9%e5%9c%a8%e7%9a%84/#comments</comments>
		<pubDate>Sun, 23 Aug 2009 23:29:26 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[concept]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[small]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=2894</guid>
		<description><![CDATA[

假設，藝術不再僅限於博物館，
名家大作不再侷限於畫框；
那麼，藝術的空間將如何定義？
LV利用巨大的行李箱；為專賣店作藝術包裝；
秦始皇建立萬里長城；為中國留下象徵巨龍的圖騰；
外星人在地球各地的麥田；留下迷樣的圖樣足跡。
藝術可以無限廣大，創作的媒介也可以無所拘束。
想像我們所居住的城市，就是個幅員遼闊的藝術空間；
運用大大小小的建築戶外媒體呈現對藝術表達更大的想像
這次我們邀請台灣旅美藝術創作家   李根在 先生
以戶外媒體玩媒介進行創作，
表現  “藝術即生活，空間即創意“  的概念打破藝術，
廣告與設計間的界限，當戶外媒體在街頭出現時被認為是廣告，
但當場景轉換在美術館時卻被認為是藝術。
模糊的界限為戶外媒體呈現更多的可能，也邀請你來欣賞.

]]></description>
			<content:encoded><![CDATA[<p><img src="http://img198.imageshack.us/img198/2820/24063678.jpg" alt="" width="450" height="510" /></p>
<p><img src="http://img31.imageshack.us/img31/7132/76893782.jpg" alt="" width="450" height="502" /></p>
<p>假設，藝術不再僅限於博物館，<br />
名家大作不再侷限於畫框；<br />
那麼，藝術的空間將如何定義？<br />
LV利用巨大的行李箱；為專賣店作藝術包裝；<br />
秦始皇建立萬里長城；為中國留下象徵巨龍的圖騰；<br />
外星人在地球各地的麥田；留下迷樣的圖樣足跡。</p>
<p>藝術可以無限廣大，創作的媒介也可以無所拘束。<br />
想像我們所居住的城市，就是個幅員遼闊的藝術空間；<br />
運用大大小小的建築戶外媒體呈現對藝術表達更大的想像</p>
<p>這次我們邀請台灣旅美藝術創作家   李根在 先生<br />
以戶外媒體玩媒介進行創作，<br />
表現  “藝術即生活，空間即創意“  的概念打破藝術，<br />
廣告與設計間的界限，當戶外媒體在街頭出現時被認為是廣告，<br />
但當場景轉換在美術館時卻被認為是藝術。<br />
模糊的界限為戶外媒體呈現更多的可能，也邀請你來欣賞.</p>
<p><span id="more-2894"></span><img src="http://img525.imageshack.us/img525/9589/r00188201.jpg" alt="" width="709" height="531" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/08/23/%e6%9d%8e%e6%a0%b9%e5%9c%a8%e7%9a%84/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IDN Volume 16 NO.3 &#8211; KML REEL and rebirth</title>
		<link>http://www.silkrt.com/v01/2009/07/26/idn-volume-16-no-3-kml-reel-and-rebirth/</link>
		<comments>http://www.silkrt.com/v01/2009/07/26/idn-volume-16-no-3-kml-reel-and-rebirth/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 02:09:54 +0000</pubDate>
		<dc:creator>Mr.Bighead</dc:creator>
				<category><![CDATA[0.SIZE]]></category>
		<category><![CDATA[2.DESIGN]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[medium]]></category>
		<category><![CDATA[motion graphic]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=2651</guid>
		<description><![CDATA[
Click here to view the embedded video.
再來老王賣瓜一下
我的demo reel以及陳綺貞 手的預言 mv
同時收入在這一期idn國際中英文版裡
雜誌裡面還有小小的篇幅介紹
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2653" src="http://www.silkrt.com/v01/wp-content/uploads/2009/07/idn_english.jpg" alt="idn_english" width="648" height="475" /></p>
<p><a href="http://www.silkrt.com/v01/2009/07/26/idn-volume-16-no-3-kml-reel-and-rebirth/"><em>Click here to view the embedded video.</em></a></p>
<p>再來老王賣瓜一下</p>
<p>我的<a href="http://vimeo.com/3169004">demo reel</a>以及<a href="http://vimeo.com/3165862">陳綺貞 手的預言 mv</a></p>
<p>同時收入在這一期<a href="http://idnworld.com/onair/?id=KengMingLiu-RebirthMV">idn</a>國際中英文版裡</p>
<p>雜誌裡面還有小小的篇幅介紹</p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/07/26/idn-volume-16-no-3-kml-reel-and-rebirth/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>the winners of Communication Arts&#8217; Illustration Annual 2009</title>
		<link>http://www.silkrt.com/v01/2009/07/26/the-winners-of-communication-arts-illustration-annual-2009/</link>
		<comments>http://www.silkrt.com/v01/2009/07/26/the-winners-of-communication-arts-illustration-annual-2009/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 01:42:58 +0000</pubDate>
		<dc:creator>Mr.Bighead</dc:creator>
				<category><![CDATA[2.DESIGN]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[medium]]></category>
		<category><![CDATA[motion graphic]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=2639</guid>
		<description><![CDATA[Click here to view the embedded video.
很久沒有波文了
跟大家分享一下這個好消息
去年我和國內插畫家潘昀珈合作的陳綺貞mv-手的預言
獲得得今年 Communication Arts
Illustration Annual 2009
Animation category winner.
收入在這一期的communication art magazine
這隻一分半鐘 mv
雖然短 但是大部用插畫方式製作
加上少許的live action
非常的耗時
想起去年製作這隻mv的日子
只能用暗無天日形容
白天有工作 晚上還要熬夜做
麻煩了好多朋友
在此感謝公司suspect的支持
也感謝cheers的好音樂以及小虎放手讓我自由創作！
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-large wp-image-2646" src="http://www.silkrt.com/v01/wp-content/uploads/2009/07/CA2-1024x658.jpg" alt="CA" width="717" height="461" /><p><a href="http://www.silkrt.com/v01/2009/07/26/the-winners-of-communication-arts-illustration-annual-2009/"><em>Click here to view the embedded video.</em></a></p></p>
<p>很久沒有波文了</p>
<p>跟大家分享一下這個好消息</p>
<p>去年我和國內插畫家潘昀珈合作的陳綺貞mv-手的預言</p>
<p>獲得得今年 Communication Arts</p>
<p>Illustration Annual 2009</p>
<p>Animation category winner.</p>
<p>收入在這一期的communication art magazine</p>
<p>這隻一分半鐘 mv</p>
<p>雖然短 但是大部用插畫方式製作</p>
<p>加上少許的live action</p>
<p>非常的耗時</p>
<p>想起去年製作這隻mv的日子</p>
<p>只能用暗無天日形容</p>
<p>白天有工作 晚上還要熬夜做</p>
<p>麻煩了好多朋友</p>
<p>在此感謝公司suspect的支持</p>
<p>也感謝cheers的好音樂以及小虎放手讓我自由創作！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/07/26/the-winners-of-communication-arts-illustration-annual-2009/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Peru Graffitti</title>
		<link>http://www.silkrt.com/v01/2009/07/22/peru-graffitti/</link>
		<comments>http://www.silkrt.com/v01/2009/07/22/peru-graffitti/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 09:12:51 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[graphic]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[small]]></category>
		<category><![CDATA[street art]]></category>
		<category><![CDATA[travel]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=2586</guid>
		<description><![CDATA[
上周去 Peru, 照了一堆當地用色特別,字體端正的斑駁牆上塗鴉.
]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="430" height="324" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Fmarclin%2Fsets%2F72157621649531077%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fmarclin%2Fsets%2F72157621649531077%2F&amp;set_id=72157621649531077&amp;jump_to=" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="430" height="324" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowfullscreen="true" flashvars="offsite=true&amp;lang=en-us&amp;page_show_url=%2Fphotos%2Fmarclin%2Fsets%2F72157621649531077%2Fshow%2F&amp;page_show_back_url=%2Fphotos%2Fmarclin%2Fsets%2F72157621649531077%2F&amp;set_id=72157621649531077&amp;jump_to="></embed></object></p>
<p>上周去 Peru, 照了一堆當地用色特別,字體端正的斑駁牆上塗鴉.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/07/22/peru-graffitti/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>五月份 Wallpaper &#8211; 晚春幻夢</title>
		<link>http://www.silkrt.com/v01/2009/05/03/%e4%ba%94%e6%9c%88%e4%bb%bd-wallpaper-%e6%99%9a%e6%98%a5%e5%b9%bb%e5%a4%a2/</link>
		<comments>http://www.silkrt.com/v01/2009/05/03/%e4%ba%94%e6%9c%88%e4%bb%bd-wallpaper-%e6%99%9a%e6%98%a5%e5%b9%bb%e5%a4%a2/#comments</comments>
		<pubDate>Sun, 03 May 2009 22:44:35 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[graphic]]></category>
		<category><![CDATA[silkrt]]></category>
		<category><![CDATA[small]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=2011</guid>
		<description><![CDATA[
五月份還沒在等人交件,所以我就先做了一個&#8230;能代表季節氣氛的&#8230;


]]></description>
			<content:encoded><![CDATA[<p><a class="flickr-image alignnone" title="summerDream" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3499026505/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3602/3499026505_e86cef10e7.jpg" alt="summerDream" /></a></p>
<p>五月份還沒在等人交件,所以我就先做了一個&#8230;能代表季節氣氛的&#8230;</p>
<p><span id="more-2011"></span></p>
<p><a class="flickr-image alignnone" title="phpfDunTi" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3498093709/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3588/3498093709_826b083949.jpg" alt="phpfDunTi" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/05/03/%e4%ba%94%e6%9c%88%e4%bb%bd-wallpaper-%e6%99%9a%e6%98%a5%e5%b9%bb%e5%a4%a2/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Adobe to Microsoft vs 進化論</title>
		<link>http://www.silkrt.com/v01/2009/04/08/%e5%b7%a5%e4%bd%9c%e9%80%b2%e5%8c%96%e8%ab%96/</link>
		<comments>http://www.silkrt.com/v01/2009/04/08/%e5%b7%a5%e4%bd%9c%e9%80%b2%e5%8c%96%e8%ab%96/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 20:28:48 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[fun]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[small]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=1880</guid>
		<description><![CDATA[
看看這張圖,在看看我現在打開的軟體,原來我還是intern&#8230;
]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.workforfood.nu/evolution_advertising.jpg" alt="" width="600" height="377" /></p>
<p>看看這張圖,在看看我現在打開的軟體,原來我還是intern&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/04/08/%e5%b7%a5%e4%bd%9c%e9%80%b2%e5%8c%96%e8%ab%96/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Front案-資訊切割,分佈與篩減</title>
		<link>http://www.silkrt.com/v01/2009/04/02/front%e6%a1%88-%e8%b3%87%e8%a8%8a%e5%88%86%e5%89%b2%e5%88%86%e4%bd%88%e8%88%87%e7%af%a9%e6%b8%9b/</link>
		<comments>http://www.silkrt.com/v01/2009/04/02/front%e6%a1%88-%e8%b3%87%e8%a8%8a%e5%88%86%e5%89%b2%e5%88%86%e4%bd%88%e8%88%87%e7%af%a9%e6%b8%9b/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 05:45:29 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[architecture]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[large]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=1126</guid>
		<description><![CDATA[
網站做多了,開始就會發現綜觀的背後因子的原由.在做完 front 之後,有些心得,趁現在還記得在這邊記錄下來跟大家分享.
網站分為很多種,有社群網站,blog,新聞網站,購物網站,或是介紹型的網站.
我經手的大多數是介紹型的網站. 介紹型的網站主要是傳遞資訊. 通常都是在介紹或訴說一個範圍的內容,比如說: 人,公司,汽車,房子,或是鞋子.有很多種網站都屬於這一類型.
首先提一下很根本又容易不忽視的事: 網站就像在講一個故事,必須在有限又多變化（筆電,桌上型,或是手機等等都不同）的視窗範圍內完成.
我們很習慣的把這個故事從不同的角度切割,做成介面. 通常的分法可以歸納成&#8221;質&#8221;跟&#8221;量&#8221;:

&#8220;質&#8221;:
就是所謂的本質,也是從不同的角度去切入主題,簡單說就像是如果介紹個人（設計師）可能有 about, works, photos, drawings, resume&#8230; 等等. 大部分的website都是在同一資訊上做本質的分割, 切成不同的資訊屬性以供閱讀.
資訊分割 &#8211; menu
在質上面的切割,聽似簡單,其實很重要也很複雜,裡面可以牽扯到策略跟流程.information architecture / user experience design 就是這方面的專業.
策略
做網站的人,常常忽略掉這點,而從&#8221;分類&#8221;的角度死板的切割資訊,這樣會做出很“邏輯“的網站,但卻不&#8221;人性&#8221;. 哪個選項比較重要,要提到外層,或第一頁讓人容易看到,不過又不會打亂整個資訊分類的邏輯. 在合邏輯的範疇內又要如何簡單使用, 用最少的clicks讓user/網站到達宣傳目的.
流程
怎樣設計才會讓人容易瀏覽,還有頁面跟頁面之間,如何做滑鼠操作的動向安排.看起來不會太複雜,同時又要注意到有進,就有出的反向.對於有先後閱讀順序的資訊,跟非線性區塊資訊都有不同的解決方法.


(上二圖）front案,一開始的設計著重於方便user 在操作上方便回去之前的選向而顯得非常雜亂.


(上圖）front案,將 works 獨立出來變成兩組 menu 的策略,強調 works section的內容.

在front案,原本我的提案是一開始就進入works section,因為主要內容都在這邊. 把works menu獨立出來,其他的放到其他地方,讓 user 比較容易按到 works section. 不過客戶不想要太 show off 作品(這是他們的策略) 所以最後我將所有 menu 平等對待統一放在一起.

&#8220;量&#8221;:
資訊顯示 &#8211; infovis 顯示同質多量的分佈狀況
除了最常見的資訊分割,還有一種有趣也可以說比較學術性的方法,通常用於大量的同質性資訊,同好管他叫做 information visualization (infovis)
“A picture [...]]]></description>
			<content:encoded><![CDATA[<p><a class="flickr-image alignnone" title="phpi2BKaD" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3406681373/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3348/3406681373_b551533cee.jpg" alt="phpi2BKaD" /></a></p>
<p>網站做多了,開始就會發現綜觀的背後因子的原由.在做完 <a href="http://www.frontinc.com">front</a> 之後,有些心得,趁現在還記得在這邊記錄下來跟大家分享.</p>
<p>網站分為很多種,有社群網站,blog,新聞網站,購物網站,或是介紹型的網站.<br />
我經手的大多數是介紹型的網站. 介紹型的網站主要是傳遞資訊. 通常都是在介紹或訴說一個範圍的內容,比如說: 人,公司,汽車,房子,或是鞋子.有很多種網站都屬於這一類型.</p>
<p>首先提一下很根本又容易不忽視的事:<strong> 網站就像在講一個故事,必須在有限又多變化（筆電,桌上型,或是手機等等都不同）的視窗範圍內完成.</strong></p>
<p>我們很習慣的把這個故事從不同的角度切割,做成介面. 通常的分法可以歸納成&#8221;質&#8221;跟&#8221;量&#8221;:</p>
<p><span id="more-1126"></span></p>
<p><span style="color: #99cc00;"><span style="font-size: x-large;">&#8220;質&#8221;:</span></span></p>
<p style="padding-left: 30px;">就是所謂的本質,也是從不同的角度去切入主題,簡單說就像是如果介紹個人（設計師）可能有 about, works, photos, drawings, resume&#8230; 等等. 大部分的website都是在同一資訊上做本質的分割, 切成不同的資訊屬性以供閱讀.</p>
<p><span style="color: #ff0000;">資訊分割 &#8211; menu</span></p>
<p style="padding-left: 30px;">在質上面的切割,聽似簡單,其實很重要也很複雜,裡面可以牽扯到策略跟流程<a href="http://en.wikipedia.org/wiki/Information_architecture">.information architecture</a> / user experience design 就是這方面的專業.</p>
<p style="padding-left: 30px;">策略</p>
<p style="padding-left: 30px;">做網站的人,常常忽略掉這點,而從&#8221;分類&#8221;的角度死板的切割資訊,這樣會做出很“邏輯“的網站,但卻不&#8221;人性&#8221;. 哪個選項比較重要,要提到外層,或第一頁讓人容易看到,不過又不會打亂整個資訊分類的邏輯. 在合邏輯的範疇內又要如何簡單使用, 用最少的clicks讓user/網站到達宣傳目的.</p>
<p style="padding-left: 30px;">流程</p>
<p style="padding-left: 30px;">怎樣設計才會讓人容易瀏覽,還有頁面跟頁面之間,如何做滑鼠操作的動向安排.看起來不會太複雜,同時又要注意到有進,就有出的反向.對於有先後閱讀順序的資訊,跟非線性區塊資訊都有不同的解決方法.</p>
<p><span style="color: #ff0000;"><span style="color: #000000;"><a class="flickr-image alignnone" title="phpJBm2Yj" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3406474006/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3612/3406474006_5974bb2680.jpg" alt="phpJBm2Yj" /></a></span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;"><a class="flickr-image alignnone" title="phpIwl4Nw" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3405663727/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3639/3405663727_8b61a70a83.jpg" alt="phpIwl4Nw" /></a></span></span></p>
<p><span style="color: #999999;"><span style="font-size: small;">(上二圖）front案,一開始的設計著重於方便user 在操作上方便回去之前的選向而顯得非常雜亂.</span></span></p>
<p><span style="color: #999999;"><span style="font-size: small;"><a class="flickr-image alignnone" title="php9pgzrf" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3405683105/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3443/3405683105_facccec9c1.jpg" alt="php9pgzrf" /></a><br />
</span></span></p>
<p><span style="color: #999999;"><span style="font-size: small;">(上圖）front案,將 works 獨立出來變成兩組 menu 的策略,強調 works section的內容.<br />
</span></span></p>
<p>在front案,原本我的提案是一開始就進入works section,因為主要內容都在這邊. 把works menu獨立出來,其他的放到其他地方,讓 user 比較容易按到 works section. 不過客戶不想要太 show off 作品(這是他們的策略) 所以最後我將所有 menu 平等對待統一放在一起.</p>
<p><img src="http://graphics8.nytimes.com/images/2008/11/11/science/1111-sci-sub2EPIGENOME.gif" alt="" width="600" height="624" /></p>
<p><span style="font-size: x-large;"><span style="color: #99cc00;">&#8220;量&#8221;:</span></span></p>
<p><span style="color: #ff0000;">資訊顯示 &#8211; infovis 顯示</span><span style="color: #ff0000;">同質多量</span><span style="color: #ff0000;">的分佈狀況</span></p>
<p style="padding-left: 30px;"><span style="color: #ff0000;"><span style="color: #000000;">除了最常見的資訊分割,還有一種有趣也可以說比較學術性的方法,通常用於大量的<strong>同質性</strong>資訊,同好管他叫做 information visualization (infovis)</span></span></p>
<p style="padding-left: 30px;"><span style="color: #ff0000;"><span style="color: #000000;">“A picture tells thousand words“,有意義的infovis是能達到這樣的目的,不過有很多都只是求視覺上的表現,通常我認為這只是information eye candy,在不能幫助了解資訊而過於複雜的視覺表現,在資訊傳達上並不是一個好的approach.但是卻是個可以產生很漂亮視覺的方式&#8230; 如果複雜到沒辦法了解資訊,那何必又跟資料扯上關係,直接弄美美的不就好了? (迷思)<br />
</span></span>
</p>
<p style="padding-left: 30px;"><span style="color: #ff0000;"><span style="color: #000000;">好的infovis通常可以幫助人了解資料之間的關係,像是區域性,時間性,或是量化跟比例. 我們其實從小時候的教育就開始接觸這類的方法,像是柱狀圖,餅狀圖,都可以說是這類的呈現.</span></span></p>
<p style="padding-left: 30px;"><span style="color: #ff0000;"><span style="color: #000000;">網站上用infovis的手法可就五花八門了,樹狀,網狀,3d,地球mapping,等等的創意都有,簡單的可以在有限的螢幕裡做到一百筆資料,複雜的可以做到上千筆（不過我認為過多的infovis實在對使用者沒有太大幫助) 畢竟界面的設計是要以方便使用者瀏覽或是了解資訊與某些屬性的關係才有意義.</span></span></p>
<p style="padding-left: 30px;"><span style="color: #ff0000;"><span style="color: #000000;">所以在顯示&#8221;量&#8221;的相互關係之後,另一種方法 &#8211; Sorting 的篩減過程就是量化表現之後切入內容的核心步驟.</span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;"><br />
</span></span></p>
<p><span style="color: #ff0000;">資訊篩減 &#8211; sorting 減量</span><span style="color: #ff0000;">進入資訊內容</span></p>
<p style="padding-left: 30px;"><span style="color: #ff0000;"><span style="color: #000000;">顯示資料在某些屬性之間的關係,其實並沒有多大的意義,到最後還是要進入內容,不然也是多餘.就像 iTune 在眾多種瀏覽方式(cover flow, grid, list&#8230;) 還是得讓人聽歌才行. infovis 可以幫助瀏覽,不過這些聰明的瀏覽方式之後,開始適當的在螢幕上篩檢,逐漸的進入內容本身,才是真正有意義的.</span></span></p>
<p style="padding-left: 30px;"><span style="color: #ff0000;"><span style="color: #000000;">所以在website上,sorting 比 infovis 功用來的實際, 通常 infovis的東西我欣賞個頂多一分鐘,可是 sorting 的真正功用可以讓人真的使用上很久. 利害的 sorting 方式也是可以顧及到 infovis 的美感部分, 兩者皆具的介面可以說是資訊呈現的完美.<br />
</span></span>
</p>
<p style="padding-left: 30px;"><span style="color: #ff0000;"><span style="color: #000000;">在front案,一開始顯示所有的案子,經過不同的屬性選擇,漸漸narrow down案件的內容,一開始覺得在某些選項有的資訊超出了螢幕以外,使用到了scroll bar,並且浪費了很多空間,似乎不是很好的安排,但考慮到menu使用的直覺跟方便性的取捨,也就繼續保持一制的瀏覽方式而犧牲掉了一些全體視覺得呈現,不過或許這樣也傳達了某些篩檢的過程. 不一定要顯示全部的量,片面表現造成量的減少,或許也讓人鬆一口氣&#8230;</span></span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;"><br />
</span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/04/02/front%e6%a1%88-%e8%b3%87%e8%a8%8a%e5%88%86%e5%89%b2%e5%88%86%e4%bd%88%e8%88%87%e7%af%a9%e6%b8%9b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>春季wallpaper</title>
		<link>http://www.silkrt.com/v01/2009/03/18/%e6%98%a5%e5%ad%a3wallpaper/</link>
		<comments>http://www.silkrt.com/v01/2009/03/18/%e6%98%a5%e5%ad%a3wallpaper/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 05:55:04 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[flash]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[silkrt]]></category>
		<category><![CDATA[wallpaper]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=1742</guid>
		<description><![CDATA[
爽 （中式花紋,這次用flash做） by marc lin



上次的爽
]]></description>
			<content:encoded><![CDATA[<p><a class="flickr-image alignnone" title="phpIpiIgA" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3364145861/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3428/3364145861_033732cdba.jpg" alt="phpIpiIgA" /></a></p>
<p>爽 （中式花紋,這次用flash做） by marc lin</p>
<p><span id="more-1742"></span></p>
<p><a class="flickr-image alignnone" title="phpeNa58q" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3364165235/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3550/3364165235_100a884636.jpg" alt="phpeNa58q" /></a></p>
<p><a class="flickr-image alignnone" title="phpGvQmzZ" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3364166963/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3426/3364166963_27e4cc7c8f.jpg" alt="phpGvQmzZ" /></a></p>
<p><a href="http://www.silkrt.com/v01/2009/03/15/%E7%88%BD/">上次</a>的爽</p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/03/18/%e6%98%a5%e5%ad%a3wallpaper/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>爽</title>
		<link>http://www.silkrt.com/v01/2009/03/15/%e7%88%bd/</link>
		<comments>http://www.silkrt.com/v01/2009/03/15/%e7%88%bd/#comments</comments>
		<pubDate>Sun, 15 Mar 2009 08:22:38 +0000</pubDate>
		<dc:creator>Marc</dc:creator>
				<category><![CDATA[fun]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[medium]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/?p=1709</guid>
		<description><![CDATA[
不知道從何時開始(是經濟不景氣嗎？）,爽YY就成為朋友之間流行的口頭禪,不過本人最近就是不爽,卻悟到了要怎麼樣才會爽的道理.
於是就仿造古人提了個字畫,但是用的是 photoshop就是了.



&#60;- download
]]></description>
			<content:encoded><![CDATA[<p><a class="flickr-image alignnone" title="phpGVt1yt" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3356075466/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3656/3356075466_3c514b752b.jpg" alt="phpGVt1yt" /></a></p>
<p>不知道從何時開始(是經濟不景氣嗎？）,爽YY就成為朋友之間流行的口頭禪,不過本人最近就是不爽,卻悟到了要怎麼樣才會爽的道理.</p>
<p>於是就仿造古人提了個字畫,但是用的是 photoshop就是了.</p>
<p><span id="more-1709"></span></p>
<p><a class="flickr-image alignnone" title="phpzZ5kQp" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3356076994/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3135/3356076994_9563584934.jpg" alt="phpzZ5kQp" /></a></p>
<p><a class="flickr-image alignnone" title="phpbRf9tL" rel="flickr-mgr" href="http://www.flickr.com/photos/silkrt/3356083816/"><img class="flickr-medium" src="http://farm4.static.flickr.com/3603/3356083816_48ca7f7b1b.jpg" alt="phpbRf9tL" /></a></p>
<p><a href="http://www.silkrt.com/v01/wp-content/uploads/2009/03/songyywallpaper.jpg"><img class="alignnone size-medium wp-image-1715" title="songyywallpaper" src="http://www.silkrt.com/v01/wp-content/uploads/2009/03/songyywallpaper-300x187.jpg" alt="songyywallpaper" width="300" height="187" /></a>&lt;- download</p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/03/15/%e7%88%bd/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>The Crisis of Credit Visualized</title>
		<link>http://www.silkrt.com/v01/2009/02/20/the-crisis-of-credit-visualized/</link>
		<comments>http://www.silkrt.com/v01/2009/02/20/the-crisis-of-credit-visualized/#comments</comments>
		<pubDate>Fri, 20 Feb 2009 16:41:27 +0000</pubDate>
		<dc:creator>Aileen</dc:creator>
				<category><![CDATA[5.LIFE]]></category>
		<category><![CDATA[6.INVESTMENT]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[medium]]></category>
		<category><![CDATA[small]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.silkrt.com/v01/2009/02/20/the-crisis-of-credit-visualized/</guid>
		<description><![CDATA[Click here to view the embedded video.
Ha&#8230; this is how bankers and investors mess up USA financial system.
Sadly&#8230;
]]></description>
			<content:encoded><![CDATA[<p><p><a href="http://www.silkrt.com/v01/2009/02/20/the-crisis-of-credit-visualized/"><em>Click here to view the embedded video.</em></a></p><br />
Ha&#8230; this is how bankers and investors mess up USA financial system.<br />
Sadly&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.silkrt.com/v01/2009/02/20/the-crisis-of-credit-visualized/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
