<?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>KC1982&#039; Creative &#187; Web Design</title>
	<atom:link href="http://kilocooper.com/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://kilocooper.com</link>
	<description>SDT  攝影,平面設計,網頁設計,blog設計</description>
	<lastBuildDate>Tue, 13 Dec 2011 10:04:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>-iPARK 公司建案網站 （急速完成）-</title>
		<link>http://kilocooper.com/2011/09/18/ipark-fast/</link>
		<comments>http://kilocooper.com/2011/09/18/ipark-fast/#comments</comments>
		<pubDate>Sun, 18 Sep 2011 07:04:09 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=823</guid>
		<description><![CDATA[這個網站比較特別的是，需要快速完成(給特定客戶看的)，所以設計頁面一天，後台及前台css架構一天，資料整理上架一天，共三天完成。

頁面中有很多的區塊其實都是用最簡單的方式構成... ]]></description>
			<content:encoded><![CDATA[
<a href="http://kilocooper.com/wp-content/gallery/web-design/ipark.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/524__658x_ipark.jpg" alt="ipark" title="ipark" />
</a>

<p>這個網站比較特別的是，需要快速完成(給特定客戶看的)，所以設計頁面一天，後台及前台css架構一天，資料整理上架一天，共三天完成。</p>
<p>頁面中有很多的區塊其實都是用最簡單的方式構成，哈，也沒有多的時間可以想要怎麼修改啦XD~</p>
<p>總之，也是個很特別的經驗</p>
<p><a href="http://ipark.kc1982.org/" target="_blank">-WEBSITE-</a></p>
]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2011/09/18/ipark-fast/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>-檜逸 檜木逸品/精油/高山茶-</title>
		<link>http://kilocooper.com/2011/09/13/hino/</link>
		<comments>http://kilocooper.com/2011/09/13/hino/#comments</comments>
		<pubDate>Tue, 13 Sep 2011 05:55:21 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=818</guid>
		<description><![CDATA[功能：以Wordpress製作，商品上架功能，繁簡語系切換

設計：樸素中帶著高雅，且有檜木芳香的氛... ]]></description>
			<content:encoded><![CDATA[
<a href="http://kilocooper.com/wp-content/gallery/web-design/hino_01.png" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/520__658x_hino_01.png" alt="hino_01" title="hino_01" />
</a>

<p>功能：以Wordpress製作，商品上架功能，繁簡語系切換</p>
<p>設計：樸素中帶著高雅，且有檜木芳香的氛圍</p>
<p><a href="http://hino.kc1982.org/" target="_blank">-WEBSITE-</a></p>
]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2011/09/13/hino/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>-宿寫蘭陽-</title>
		<link>http://kilocooper.com/2011/09/13/i-yiland/</link>
		<comments>http://kilocooper.com/2011/09/13/i-yiland/#comments</comments>
		<pubDate>Tue, 13 Sep 2011 05:47:25 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[i-yiland]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Work]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=814</guid>
		<description><![CDATA[宿寫蘭陽比較特別的地方是...客戶要求兩層的Flash，所以設計上把歡迎頁面設定為可以四季變換的Flash，搭上輕快的音樂，表現活潑快樂的訊息。首頁的Flash則把重心放在幾個重點店家，或是景... ]]></description>
			<content:encoded><![CDATA[
<a href="http://kilocooper.com/wp-content/gallery/web-design/yiland_01.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/521__658x_yiland_01.jpg" alt="yiland_01" title="yiland_01" />
</a>

<p>宿寫蘭陽比較特別的地方是&#8230;客戶要求兩層的Flash，所以設計上把歡迎頁面設定為可以四季變換的Flash，搭上輕快的音樂，表現活潑快樂的訊息。</p>
<p><span id="more-814"></span>
<a href="http://kilocooper.com/wp-content/gallery/web-design/yiland_02.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/522__658x_yiland_02.jpg" alt="yiland_02" title="yiland_02" />
</a>
</p>
<p>首頁的Flash則把重心放在幾個重點店家，或是景點，讓整體畫面看起來稍微活潑一些。</p>
<p>內頁資訊複雜，且需要帶資料後端，所以還是使用一般頁面製作。</p>
<p><a href="http://www.i-yiland.com.tw" target="_blank">-WEBSITE-</a></p>
]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2011/09/13/i-yiland/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>-GO GREEN 泰國綠色趨勢-</title>
		<link>http://kilocooper.com/2011/09/13/gogreen/</link>
		<comments>http://kilocooper.com/2011/09/13/gogreen/#comments</comments>
		<pubDate>Tue, 13 Sep 2011 03:46:27 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[GO GREEN]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[泰國綠色趨勢]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=809</guid>
		<description><![CDATA[泰國觀光局專案網站 -Go Green-

採靜態頁面模版方式製作，不需資料庫後台後續更新~

設計部分以清爽，簡潔為主，主視覺以大型Banner以及文字輔助的切換表現本站訴求主... ]]></description>
			<content:encoded><![CDATA[
<a href="http://kilocooper.com/wp-content/gallery/web-design/go-green.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/519__658x_go-green.jpg" alt="go-green" title="go-green" />
</a>

<p>泰國觀光局專案網站 -Go Green-</p>
<p>採靜態頁面模版方式製作，不需資料庫後台後續更新~</p>
<p>設計部分以清爽，簡潔為主，主視覺以大型Banner以及文字輔助的切換表現本站訴求主軸</p>
<p><a href="http://www.tattpe.org.tw/gogreen/index.html" target="_blank">-WEBSITE-</a></p>
]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2011/09/13/gogreen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>-海霸王 提案版型設計-</title>
		<link>http://kilocooper.com/2011/04/25/hpw/</link>
		<comments>http://kilocooper.com/2011/04/25/hpw/#comments</comments>
		<pubDate>Mon, 25 Apr 2011 13:52:31 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[hpw]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[提案版型設計]]></category>
		<category><![CDATA[海霸王]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=779</guid>
		<description><![CDATA[設計構想：以大紅色調以及牡丹，呈現一個喜氣、華貴的氛圍。圓形的選單，代表海霸王本身桌菜或是圍爐的大圓桌印象。置中的小圓盤則會依滑鼠移過的項目不同而有不同相關的照片或介紹... ]]></description>
			<content:encoded><![CDATA[
<a href="http://kilocooper.com/wp-content/gallery/web-design/hpw_demo_01_index.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/510__658x_hpw_demo_01_index.jpg" alt="hpw_demo_01_index" title="hpw_demo_01_index" />
</a>

<p>設計構想：以大紅色調以及牡丹，呈現一個喜氣、華貴的氛圍。圓形的選單，代表海霸王本身桌菜或是圍爐的大圓桌印象。置中的小圓盤則會依滑鼠移過的項目不同而有不同相關的照片或介紹。<span id="more-779"></span></p>

<a href="http://kilocooper.com/wp-content/gallery/web-design/hpw_demo_02_index.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/511__658x_hpw_demo_02_index.jpg" alt="hpw_demo_02_index" title="hpw_demo_02_index" />
</a>

<p>內頁部分，運用中式建築的燕尾作為banner的框角，banner內則是主打活動，或是優惠菜色&#8230;etc&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2011/04/25/hpw/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>-功學社音響 網站版型設計-</title>
		<link>http://kilocooper.com/2011/04/25/khsaudio/</link>
		<comments>http://kilocooper.com/2011/04/25/khsaudio/#comments</comments>
		<pubDate>Mon, 25 Apr 2011 13:28:21 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[khs]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=782</guid>
		<description><![CDATA[已經是結案的case了，直到現在才把它分享出來。

主要是把原始網站繁雜的資訊整理出來，讓各個分區不會有視覺上的干擾。

設計構想：

中間banner部分，依舊使用輪撥效果，但是在陰影... ]]></description>
			<content:encoded><![CDATA[
<a href="http://kilocooper.com/wp-content/gallery/web-design/layout_demo1_re.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/509__658x_layout_demo1_re.jpg" alt="layout_demo1_re" title="layout_demo1_re" />
</a>

<p>已經是結案的case了，直到現在才把它分享出來。</p>
<p>主要是把原始網站繁雜的資訊整理出來，讓各個分區不會有視覺上的干擾。</p>
<p><span id="more-782"></span>設計構想：</p>
<p>中間banner部分，依舊使用輪撥效果，但是在陰影的設計上，做了一點手腳，讓使用者會有彎曲的視覺效果，卻其實是方正的圓角矩形。</p>
<p>分類選單的設計上，保留各廠牌的Logo視覺，這可以讓追隨品牌而來的使用者，一下子就找到想要找的分類。另外版面的設計上，用長條形的廣告把容易搞混的文字區塊分隔開來。</p>
]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2011/04/25/khsaudio/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>-新月商旅 網頁版型設計-</title>
		<link>http://kilocooper.com/2011/03/20/new_moon_hotel/</link>
		<comments>http://kilocooper.com/2011/03/20/new_moon_hotel/#comments</comments>
		<pubDate>Sun, 20 Mar 2011 15:31:15 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[new moon]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[新月商旅]]></category>
		<category><![CDATA[網頁版型設計]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=775</guid>
		<description><![CDATA[新月商旅，聽說是老字號的旅舍，想要重新拉皮改頭換面，包含室內設計，網路行銷，CI設計等...

除了室內設計部的部份，我們部門負責行銷、網頁設計以及整體CI設計，而我則是分到網頁設... ]]></description>
			<content:encoded><![CDATA[<p>新月商旅，聽說是老字號的旅舍，想要重新拉皮改頭換面，包含室內設計，網路行銷，CI設計等&#8230;</p>
<p>除了室內設計部的部份，我們部門負責行銷、網頁設計以及整體CI設計，而我則是分到網頁設計的部分，以下就是出給客戶的樣板。</p>

<a href="http://kilocooper.com/wp-content/gallery/web-design/newmoon_demo1.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/505__658x_newmoon_demo1.jpg" alt="newmoon_demo1" title="newmoon_demo1" />
</a>

<p>設計構想：簡約風格，輔以象徵馬賽克拼貼的選單設計。</p>
<p><span id="more-775"></span>
<a href="http://kilocooper.com/wp-content/gallery/web-design/newmoon_demo2.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/506__658x_newmoon_demo2.jpg" alt="newmoon_demo2" title="newmoon_demo2" />
</a>
</p>
<p>設計構想：延伸客戶想要有點溫暖的感覺，所以把木紋的設定加進去。</p>

<a href="http://kilocooper.com/wp-content/gallery/web-design/newmoon_demo3.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/507__658x_newmoon_demo3.jpg" alt="newmoon_demo3" title="newmoon_demo3" />
</a>

<p>設計構想：簡約風格，重點移轉到大型banner展示的室內設計。</p>

<a href="http://kilocooper.com/wp-content/gallery/web-design/newmoon_demo4.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/508__658x_newmoon_demo4.jpg" alt="newmoon_demo4" title="newmoon_demo4" />
</a>

<p>設計構想：整合之前設定的簡約風格並加入使用客戶指定的CI色彩。</p>
]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2011/03/20/new_moon_hotel/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>-福容大飯店 網頁版型設計-</title>
		<link>http://kilocooper.com/2011/03/20/fullon-hotels/</link>
		<comments>http://kilocooper.com/2011/03/20/fullon-hotels/#comments</comments>
		<pubDate>Sun, 20 Mar 2011 15:10:21 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[hotel]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[福容]]></category>
		<category><![CDATA[飯店]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=769</guid>
		<description><![CDATA[福容大飯店 網頁版型設... ]]></description>
			<content:encoded><![CDATA[<p>好久好久沒有PO文章了，分享一下福容飯店的提案版型~</p>

<a href="http://kilocooper.com/wp-content/gallery/web-design/fullon-hotels_1.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/503__658x_fullon-hotels_1.jpg" alt="fullon-hotels_1" title="fullon-hotels_1" />
</a>

<p><span id="more-769"></span>
<a href="http://kilocooper.com/wp-content/gallery/web-design/fullon-hotels_2.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/504__658x_fullon-hotels_2.jpg" alt="fullon-hotels_2" title="fullon-hotels_2" />
</a>
</p>
]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2011/03/20/fullon-hotels/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>-綠油精 活動網站設計提案-</title>
		<link>http://kilocooper.com/2010/11/12/greenoil/</link>
		<comments>http://kilocooper.com/2010/11/12/greenoil/#comments</comments>
		<pubDate>Fri, 12 Nov 2010 02:37:36 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[greenoil]]></category>
		<category><![CDATA[panda]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=741</guid>
		<description><![CDATA[想要爭下連續幾年都是由米蘭來設計的綠油精活動，似乎挺困難的說XD~

企劃構想：用迷宮遊戲來營造擦綠油精就可以提神的效果。在遊戲中會有幾個造成視線模糊的障礙，這時你可以選定由... ]]></description>
			<content:encoded><![CDATA[
<a href="http://kilocooper.com/wp-content/gallery/web-design/greenoil_01.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/497__658x_greenoil_01.jpg" alt="綠油精 活動首頁" title="綠油精 活動首頁" />
</a>

<p>想要爭下連續幾年都是由米蘭來設計的綠油精活動，似乎挺困難的說XD~</p>
<p><span id="more-741"></span>企劃構想：用迷宮遊戲來營造擦綠油精就可以提神的效果。在遊戲中會有幾個造成視線模糊的障礙，這時你可以選定由哪個提神用品來幫忙，效果不彰之下，拿到寶箱中的綠油精，瞬間精神奕奕，馬上過關！！</p>
<p>設計構想：用熊貓表達現代人睡眠不足黑眼圈厚重，精神不好的形象(有點年紀的朋友可能會覺得這傢伙很眼熟，我是參考亂馬他老爸畫的 <img src='http://kilocooper.com/wp-includes/images/smilies/smiles10.gif' alt='( ▔___▔)y-～' class='wp-smiley' /> )。</p>

<a href="http://kilocooper.com/wp-content/gallery/web-design/greenoil_02.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/498__658x_greenoil_02.jpg" alt="綠油精_遊戲畫面" title="綠油精_遊戲畫面" />
</a>

<p>綠油精的大瓶子會翻轉，然後進入遊戲畫面。</p>

<a href="http://kilocooper.com/wp-content/gallery/web-design/greenoil_04.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/499__658x_greenoil_04.jpg" alt="綠油精_遊戲畫面_障礙" title="綠油精_遊戲畫面_障礙" />
</a>

<p>遇到障礙時需要提神用品來振奮精神!!</p>
]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2010/11/12/greenoil/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>-百威啤酒 活動網頁設計-</title>
		<link>http://kilocooper.com/2010/10/04/budweiser_webdesign/</link>
		<comments>http://kilocooper.com/2010/10/04/budweiser_webdesign/#comments</comments>
		<pubDate>Mon, 04 Oct 2010 15:18:16 +0000</pubDate>
		<dc:creator>Kilocooper</dc:creator>
				<category><![CDATA[網頁設計、分享、記錄]]></category>
		<category><![CDATA[Budweiser]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://kilocooper.com/?p=735</guid>
		<description><![CDATA[百威啤酒的提案活動頁面。

做這網站一定要先去台灣最強啤酒網站~海尼根膜拜一下。呵呵，參考了許多相關的設計元素... ]]></description>
			<content:encoded><![CDATA[
<a href="http://kilocooper.com/wp-content/gallery/web-design/_demo.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/491__658x__demo.jpg" alt="_demo" title="_demo" />
</a>

<p>百威啤酒的提案活動頁面。</p>
<p>做這網站一定要先去台灣最強啤酒網站~海尼根膜拜一下。呵呵，參考了許多相關的設計元素。</p>
<p><span id="more-735"></span></p>
<p>製作了這個紅色版的提案頁面。</p>
<p>也是很可惜的沒有被選中 <img src='http://kilocooper.com/wp-includes/images/smilies/smiles05.gif' alt='／︿＼' class='wp-smiley' />  。案子後來就不了了之了。</p>

<a href="http://kilocooper.com/wp-content/gallery/web-design/budweiser_game_view.jpg" title=""  >
	<img class="ngg-singlepic" src="http://kilocooper.com/wp-content/gallery/cache/496__658x_budweiser_game_view.jpg" alt="budweiser_game_view" title="budweiser_game_view" />
</a>

]]></content:encoded>
			<wfw:commentRss>http://kilocooper.com/2010/10/04/budweiser_webdesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

