<?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>網頁設計, 網頁標準化, SEO &#124; HELLOBEAT™ &#187; WebDesign</title>
	<atom:link href="http://beatskate.com/blog/tag/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://beatskate.com/blog</link>
	<description>提供網頁設計與開發, 搜尋引擎最佳化, 網頁標準化, 與資訊架構的服務</description>
	<lastBuildDate>Sat, 04 Sep 2010 04:25:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Xerox 全錄 &#8211; 重新設計 CI</title>
		<link>http://beatskate.com/blog/xerox-new-ci/</link>
		<comments>http://beatskate.com/blog/xerox-new-ci/#comments</comments>
		<pubDate>Tue, 22 Jan 2008 11:58:33 +0000</pubDate>
		<dc:creator>Beat!</dc:creator>
				<category><![CDATA[平面設計]]></category>
		<category><![CDATA[CI]]></category>
		<category><![CDATA[IA]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://beatskate.com/blog/?p=128</guid>
		<description><![CDATA[Xerox rebranding 大名鼎鼎的 OA 廠商 &#8211; Xerox, 最近重新設計 CI 了! 我個人是很喜歡這個 Logotype , 但是右邊的那個 Web 2.0 Style 的小球&#8230;&#8230; 現在看雖然蠻符合當下的潮流, 但是不知道這樣的設計過了 5 年/ 10 年旁邊小球是不是還會繼續存在 ? 隨著這次的 Rebranding, Xerox 也重新設計了網站, 設計的相當不錯, IA (information architecture) 很清楚, Navigation 跟主 Banner 的視覺也讓原本極簡的版面看起來有點 Contrast, 不會太過單調 另外, 利用這個機會我想順便提一下, 同樣的選單雖然使用 Flash 開發製作會比較容易, 動態的設計執行上也比較沒有限制, 但是也因為這樣而大大降低了 SEO, 這點我想不管是 WebDesigner/ WebDeveloper 都可以好好思考一下的 Recommand Javascript Frameworks: [...]

<div id="related-post" class="clearit">
其他相關文章:<ol><li><a href='http://beatskate.com/blog/jquery-13/' rel='bookmark' title='Permanent Link: jQuery 1.3 出來了!!'>jQuery 1.3 出來了!!</a></li>
<li><a href='http://beatskate.com/blog/my-utloop/' rel='bookmark' title='Permanent Link: MY UTLOOP'>MY UTLOOP</a></li>
<li><a href='http://beatskate.com/blog/rebranding/' rel='bookmark' title='Permanent Link: Rebranding.'>Rebranding.</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><span class="mediaTag">Xerox rebranding</span><br />
<a href="http://xerox.com" target="_blank"><img src="/blog/images/xerox.jpg" alt="xerox rebrand" /></a><br />
大名鼎鼎的 OA 廠商 &#8211; Xerox, 最近重新設計 CI 了!<br />
我個人是很喜歡這個 Logotype , 但是右邊的那個 Web 2.0 Style 的小球&#8230;&#8230;<br />
現在看雖然蠻符合當下的潮流, 但是不知道這樣的設計過了 5 年/ 10 年旁邊小球是不是還會繼續存在 ?</p>
<p>隨著這次的 Rebranding, Xerox 也重新設計了<a href="http://xerox.com" target="_blank">網站</a>, 設計的相當不錯, IA (information architecture) 很清楚, Navigation 跟主 Banner 的視覺也讓原本極簡的版面看起來有點 Contrast, 不會太過單調</p>
<p>另外, 利用這個機會我想順便提一下, 同樣的選單雖然使用 Flash 開發製作會比較容易, 動態的設計執行上也比較沒有限制,  但是也因為這樣而大大降低了 SEO, 這點我想不管是 WebDesigner/ WebDeveloper 都可以好好思考一下的</p>
<blockquote><p><strong>Recommand Javascript Frameworks:</strong></p>
<ul style="padding-left: 0px">
<li><a href="http://mootools.net/">Mootools</a></li>
<li><a href="http://www.prototypejs.org/">Prototype</a></li>
<li><a href="http://script.aculo.us/">script.aculo.us</a></li>
<li><a href="http://developer.yahoo.com/yui/">YUI</a></li>
</ul>
</blockquote>


<div id="related-post" class="clearit"><p>其他相關文章:<ol><li><a href='http://beatskate.com/blog/jquery-13/' rel='bookmark' title='Permanent Link: jQuery 1.3 出來了!!'>jQuery 1.3 出來了!!</a></li>
<li><a href='http://beatskate.com/blog/my-utloop/' rel='bookmark' title='Permanent Link: MY UTLOOP'>MY UTLOOP</a></li>
<li><a href='http://beatskate.com/blog/rebranding/' rel='bookmark' title='Permanent Link: Rebranding.'>Rebranding.</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://beatskate.com/blog/xerox-new-ci/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My Resume</title>
		<link>http://beatskate.com/blog/my-resume/</link>
		<comments>http://beatskate.com/blog/my-resume/#comments</comments>
		<pubDate>Wed, 16 Jan 2008 11:06:29 +0000</pubDate>
		<dc:creator>Beat!</dc:creator>
				<category><![CDATA[網頁設計 (作品)]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[平面設計]]></category>
		<category><![CDATA[程式]]></category>

		<guid isPermaLink="false">http://beatskate.com/blog/?p=127</guid>
		<description><![CDATA[自我介紹 !? Resume. 最近換了 Server, 所以順便把許久沒更新的首頁給換了, 也 Update 一下資訊讓大家知道我最近在搞什麼. 沒有其他相關文章

<div id="related-post" class="clearit">
沒有其他相關文章</div>]]></description>
			<content:encoded><![CDATA[<p><span class="mediaTag">自我介紹 !?</span><br />
<a href="http://beatskate.com" target="_blank"><img src="/blog/images/portfolios.jpg" alt="Resume - Erik Chen" /></a></p>
<h1><a href="http://beatskate.com/site" target="_blank">Resume.</a></h1>
<p>最近換了 Server, 所以順便把許久沒更新的首頁給換了, 也 Update 一下資訊讓大家知道我最近在搞什麼.</p>


<div id="related-post" class="clearit"><p>沒有其他相關文章</p></div>]]></content:encoded>
			<wfw:commentRss>http://beatskate.com/blog/my-resume/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Group 94 改版!</title>
		<link>http://beatskate.com/blog/group-94-%e6%94%b9%e7%89%88/</link>
		<comments>http://beatskate.com/blog/group-94-%e6%94%b9%e7%89%88/#comments</comments>
		<pubDate>Sat, 12 Jan 2008 05:28:08 +0000</pubDate>
		<dc:creator>Beat!</dc:creator>
				<category><![CDATA[網站設計分享]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://beatskate.com/blog/?p=126</guid>
		<description><![CDATA[Group94 Resite Group94. 從我 3 年前有機會加入洋蔥設計服務並開始接觸 Flash 以來, 這間位於比利時, 只有約 5 人編制的設計公司一直都是我最愛最愛的設計公司 每一次新的作品上線, 它們總是能夠讓你摒住呼吸想慢慢的去使用它並思考它的設計 Concept, 但是卻又總是忍不住心理的激動. 簡單的 Navigation/ 版面設計營造出流暢的網站動線, 總是與整體設計維持良好平衡的動態美感, 讓他們成為攝影師 Portfolio Site 的最佳執行者. Perfect Match! 當然, 除了這些以外, 能夠讓我那麼喜愛她們原因當然不只這些, G94 也使用了很多 Coding 去思考, 並加強了使用者體驗 精簡的 Code G94 上一個版本我印象中才 39K, XML Structure, 加上他們那時候特有的 Flash CMS &#8211; Mike 94 這些在現在聽起來都已經是很簡單的技巧了, 但是這些都是她們早在 3 年前就做到了, 甚至更久 Progressive Loading 這可不是一般的 [...]

<div id="related-post" class="clearit">
其他相關文章:<ol><li><a href='http://beatskate.com/blog/uniqlo-calendar/' rel='bookmark' title='Permanent Link: Uniqlo Calendar'>Uniqlo Calendar</a></li>
<li><a href='http://beatskate.com/blog/konami-the-many-faces-of-master-oolong/' rel='bookmark' title='Permanent Link: Konami: The Many Faces of Master Oolong'>Konami: The Many Faces of Master Oolong</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><span style="padding: 7px; background: #f5f5f5 none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-size: 11px; font-family: Georgia,'Times New Roman',Times,serif; color: #666666">Group94 Resite</span><br />
<a href="http://group94.com" target="_blank"><img src="/blog/images/g94.gif" alt="group94_Newsletter" /></a></p>
<h1>Group94.</h1>
<p>從我 3 年前有機會加入<a href="http://group94.com" target="_blank">洋蔥設計</a>服務並開始接觸 Flash 以來, 這間位於比利時, 只有約 5 人編制的設計公司一直都是我最愛最愛的設計公司<br />
每一次新的作品上線, 它們總是能夠讓你摒住呼吸想慢慢的去使用它並思考它的設計 Concept, 但是卻又總是忍不住心理的激動.<br />
簡單的 Navigation/ 版面設計營造出流暢的網站動線, 總是與整體設計維持良好平衡的動態美感, 讓他們成為攝影師 Portfolio Site 的最佳執行者. Perfect Match!<br />
當然, 除了這些以外, 能夠讓我那麼喜愛她們原因當然不只這些, G94 也使用了很多 Coding 去思考, 並加強了使用者體驗</p>
<ul>
<li>
<h2>精簡的 Code</h2>
<p>G94 上一個版本我印象中才 39K, XML Structure, 加上他們那時候特有的 Flash CMS &#8211; Mike 94<br />
這些在現在聽起來都已經是很簡單的技巧了, 但是這些都是她們早在 3 年前就做到了, 甚至更久</li>
<li>
<h2>Progressive Loading</h2>
<p>這可不是一般的 Flash Streaming 而已, 而是當要處理大量的攝影師高解析度的作品的時候,<br />
你當然不會希望正在瀏覽的網站一直出現 Loading 的畫面, How annoying!<br />
G94 是有 &#8220;技巧&#8221; 的在 Background Preload 你正在瀏覽的 section,</li>
<li>
<h2>Server-Side Scripting</h2>
<p>這個有點冗長 and Stiff, 所以之後有機會吧&#8230;haha<br />
當然啦, 還有很多設計上的巧思, 可以透過瀏覽 G94 舊的作品去體會</li>
</ul>
<p>G94 當然不只是能作 Photographer Site 而已, 還有他們最近替 Nokia 藍芽耳機做的 <a href="http://www.nokia.com/nonstopliving">Web Campaign &#8211; NonStopLiving </a><br />
裡面處裡 Bitmap 的方式也是相當有趣. 千萬不要錯過</p>
<h1>講了那麼多廢話, 重頭戲來了, 就是 Group 94 改版了!!!!</h1>
<p>從去年中, Group94 就已經把舊有的網站替換成建置中的 Video PodCast 的網站, 並預告新網站的到來, 但是每一次的 Newsletter 只能看到 Project Manager &#8211; TAMARA 抱歉新網站的 Delay 影片<br />
Well, 這次終於上線了<br />
這次改版還是一樣維持著 G94 一直以來 Simple and Clean 的風格,<br />
雖然也有不少人覺得 G94 這次的改版不夠讓人驚艷, 畢竟讓大家期待了許久.<br />
但是我還是覺得不錯</p>
<p>這次大概是我 Blog 寫最長的一次, 大概是有感而發吧, 畢竟也已經有快 1 年多沒有好好碰過 Flash 了<br />
以前每天總是會看的 FWA, NetDiver, Computerluv, 現在變成偶爾才瀏覽一次<br />
把一些以前的心得寫出來, 有點囉唆. =)</p>
<blockquote><p>G94 這次有替他們的 Flash CMS 特別製作一個 Sneak preview 的 setcion, 別錯過</p></blockquote>


<div id="related-post" class="clearit"><p>其他相關文章:<ol><li><a href='http://beatskate.com/blog/uniqlo-calendar/' rel='bookmark' title='Permanent Link: Uniqlo Calendar'>Uniqlo Calendar</a></li>
<li><a href='http://beatskate.com/blog/konami-the-many-faces-of-master-oolong/' rel='bookmark' title='Permanent Link: Konami: The Many Faces of Master Oolong'>Konami: The Many Faces of Master Oolong</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://beatskate.com/blog/group-94-%e6%94%b9%e7%89%88/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>慶豐銀行 電子帳單設計/ 程式</title>
		<link>http://beatskate.com/blog/portfolios-chinfon-bank/</link>
		<comments>http://beatskate.com/blog/portfolios-chinfon-bank/#comments</comments>
		<pubDate>Wed, 05 Sep 2007 11:13:09 +0000</pubDate>
		<dc:creator>Beat!</dc:creator>
				<category><![CDATA[網頁設計 (作品)]]></category>
		<category><![CDATA[Portfolios]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebDevelopment]]></category>

		<guid isPermaLink="false">http://beatskate.com/blog/?p=120</guid>
		<description><![CDATA[eBilling Html Develop/ Design CSS/ XHTML 其他相關文章:網站製作 &#8211; Everlight Chemical &#8211; 永光化學 Portfolios &#8211; 復華銀行 電子帳單設計/ 程式

<div id="related-post" class="clearit">
其他相關文章:<ol><li><a href='http://beatskate.com/blog/works-everlight-chemical/' rel='bookmark' title='Permanent Link: 網站製作 &#8211; Everlight Chemical &#8211; 永光化學'>網站製作 &#8211; Everlight Chemical &#8211; 永光化學</a></li>
<li><a href='http://beatskate.com/blog/portfolios-fuhwa-bank/' rel='bookmark' title='Permanent Link: Portfolios &#8211; 復華銀行 電子帳單設計/ 程式'>Portfolios &#8211; 復華銀行 電子帳單設計/ 程式</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><span style="padding: 7px; background: #f5f5f5 none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-size: 11px; font-family: Georgia,'Times New Roman',Times,serif; color: #666666">eBilling Html Develop/ Design</span><br />
<a href="http://beatskate.com/offline/chinfon" target="_blank"><img src="/blog/images/chinfon.jpg" alt="慶豐銀行 電子帳單" /></a></p>
<blockquote><p>CSS/ XHTML</p></blockquote>


<div id="related-post" class="clearit"><p>其他相關文章:<ol><li><a href='http://beatskate.com/blog/works-everlight-chemical/' rel='bookmark' title='Permanent Link: 網站製作 &#8211; Everlight Chemical &#8211; 永光化學'>網站製作 &#8211; Everlight Chemical &#8211; 永光化學</a></li>
<li><a href='http://beatskate.com/blog/portfolios-fuhwa-bank/' rel='bookmark' title='Permanent Link: Portfolios &#8211; 復華銀行 電子帳單設計/ 程式'>Portfolios &#8211; 復華銀行 電子帳單設計/ 程式</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://beatskate.com/blog/portfolios-chinfon-bank/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
