cosy 愛生活 http://blog.yam.com/cosy simple style, simple life var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); try { var pageTracker = _gat._getTracker("UA-11873201-1"); pageTracker._trackPageview(); } catch(err) {} zh-tw blog.yam.com All Rights Reserved 日本百服寧 event site <div style="text-align: center"><img alt="" style="border-width: 0; margin: 0.7em 0;" src="http://pics1.blog.yam.com/17/userfile/c/cosy/blog/14a448ef2517ba.png" /></div><div style="text-align: center"><img alt="" style="border-width: 0; margin: 0.7em 0;" src="http://pics1.blog.yam.com/17/userfile/c/cosy/blog/14a448efbdd28d.png" /></div><div style="text-align: center"><img alt="" style="border-width: 0; margin: 0.7em 0;" src="http://pics1.blog.yam.com/17/userfile/c/cosy/blog/14a448f07a87ac.png" /></div><div style="text-align: center"><img alt="" style="border-width: 0; margin: 0.7em 0;" src="http://pics1.blog.yam.com/17/userfile/c/cosy/blog/14a448f1017621.png" /></div><div style="text-align: center"><img alt="" style="border-width: 0; margin: 0.7em 0;" src="http://pics1.blog.yam.com/17/userfile/c/cosy/blog/14a448f1868aea.png" /></div><br />&nbsp;<a href="http://www.bufferin.net/special/">http://www.bufferin.net/special/</a> <div>&nbsp;</div> <div><font size="2" face="Arial">日本藥廠真對知名的百服寧做的event site.</font></div> <div><font size="2" face="Arial">整個網站非常的輕鬆活潑,</font></div> <div><font size="2" face="Arial">主軸是隻&quot;要吃光全世界令人頭痛的種子&quot;的松鼠.</font></div> <div><font size="2" face="Arial">你只要輸入你的年齡.職業與相關背景資訊,</font></div> <div><font size="2" face="Arial">他會幫你分析你頭痛的主因.然後會把你的頭痛變成種子吃掉.........</font></div> <div><font size="2" face="Arial">真的很有趣.</font></div> <a href="http://blog.yam.com/cosy/article/22046311">(觀看全文...)</a>

 http://www.bufferin.net/special/
 
日本藥廠真對知名的百服寧做的event site.
整個網站非常的輕鬆活潑,
主軸是隻"要吃光全世界令人頭痛的種子"的松鼠.
你只要輸入你的年齡.職業與相關背景資訊,
他會幫你分析你頭痛的主因.然後會把你的頭痛變成種子吃掉.........
真的很有趣.
(觀看全文...) ]]> http://blog.yam.com/cosy/article/22046311 網站-設計參考 Sat, 20 Jun 2009 17:02:38 +0800 iPhone Interface Design Gallery <div style="text-align: center"><img alt="" style="border-width: 0; margin: 0.7em 0;" src="http://pics1.blog.yam.com/11/userfile/c/cosy/blog/149928c0724830.jpg" /></div>&nbsp;<a href="http://cssiphone.com/">http://cssiphone.com/</a> <a href="http://blog.yam.com/cosy/article/19505701">(觀看全文...)</a>  http://cssiphone.com/ (觀看全文...) ]]> http://blog.yam.com/cosy/article/19505701 網站-設計參考 Wed, 11 Feb 2009 16:28:00 +0800 很有趣的螢幕保護程式!! <div style="text-align: center"><img alt="" style="border-right-width: 0px; margin: 0.7em 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" src="http://pics1.blog.yam.com/2/userfile/c/cosy/blog/1493748c6e69ef.jpg" /></div><br />From：<a target="_blank" href="http://ideas.veer.com/post/2680">http://ideas.veer.com/post/2680</a><br />Download：Mac&nbsp;(<a href="http://www.veer.com/download/screensavers/vssaver_mac.zip">http://www.veer.com/download/screensavers/vssaver_mac.zip</a>)&nbsp;&nbsp; Windows (<a href="http://www.veer.com/download/screensavers/vssaver_win.zip">http://www.veer.com/download/screensavers/vssaver_win.zip</a>)<br />
From：http://ideas.veer.com/post/2680
Download：Mac (http://www.veer.com/download/screensavers/vssaver_mac.zip)   Windows (http://www.veer.com/download/screensavers/vssaver_win.zip)
]]> http://blog.yam.com/cosy/article/18570226 網站-設計參考 Thu, 04 Dec 2008 11:04:47 +0800 SHSK'H 優秀flash介面 <p>&nbsp;</p><div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/14/userfile/c/cosy/blog/149250b9512ed9.jpg" /></div><p>&nbsp;</p><div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/13/userfile/c/cosy/blog/149250ba065ccc.jpg" /></div><p><br />真的很不錯！<br />Site：<a target="_blank" href="http://www.shskh.com/www/">http://www.shskh.com/www/</a></p>  

 


真的很不錯！
Site：http://www.shskh.com/www/

]]> http://blog.yam.com/cosy/article/18357237 網站-設計參考 Thu, 20 Nov 2008 15:03:36 +0800 香港McDonalds新產品-和風芥末魚柳堡 <div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/14/userfile/c/cosy/blog/1492281e91c405.jpg" /></div><div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/13/userfile/c/cosy/blog/1492281f2efa14.jpg" /></div><div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/13/userfile/c/cosy/blog/1492281fc96851.jpg" /></div><div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/13/userfile/c/cosy/blog/14922820833361.jpg" /></div><br />香港McDonalds new campaign site<br />Site：<a target="_blank" href="http://www.mcdonalds.com.hk/chinese/campaign/wasabiFOF/index.htm">http://www.mcdonalds.com.hk/chinese/campaign/wasabiFOF/index.htm</a>

香港McDonalds new campaign site
Site：http://www.mcdonalds.com.hk/chinese/campaign/wasabiFOF/index.htm ]]> http://blog.yam.com/cosy/article/18316331 網站-設計參考 Tue, 18 Nov 2008 16:51:23 +0800 Panasonic (National) 企業發展網站 <div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/14/userfile/c/cosy/blog/1492277a5aa998.jpg" /></div><div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/13/userfile/c/cosy/blog/1492277afb8dbb.jpg" /></div><div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/13/userfile/c/cosy/blog/1492277b99d246.jpg" /></div><br />Panasonic (National) 企業發展網站，非常完美的一個範例，附有當時各年代上市的代表產品與當時的重要社會發展事件，企業網站不可不參考！<br />Site：<a target="_blank" href="http://panasonic.jp/history_n/">http://panasonic.jp/history_n/</a>

Panasonic (National) 企業發展網站，非常完美的一個範例，附有當時各年代上市的代表產品與當時的重要社會發展事件，企業網站不可不參考！
Site：http://panasonic.jp/history_n/ ]]> http://blog.yam.com/cosy/article/18315791 網站-設計參考 Tue, 18 Nov 2008 16:07:25 +0800 Sony 舊產品回收計畫 <div style="text-align: center"><img alt="" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 0.7em 0px; border-right-width: 0px" src="http://pics1.blog.yam.com/14/userfile/c/cosy/blog/149226e77d6b2f.jpg" /></div><br />美國Sony在America Recycles Day推行的一檔舊產品回收計畫(但僅止於&quot;回收&quot;，不包含任何好處.....)<br />Event Site：<a target="_blank" href="http://www.sony.com/recycle">http://www.sony.com/recycle</a>
美國Sony在America Recycles Day推行的一檔舊產品回收計畫(但僅止於"回收"，不包含任何好處.....)
Event Site：http://www.sony.com/recycle ]]> http://blog.yam.com/cosy/article/18315393 網站-設計參考 Tue, 18 Nov 2008 15:28:48 +0800 日本 Smart 汽車Event <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/9/userfile/c/cosy/blog/14864b2917de92.jpg" /></div> <br />　　日本Smart最近有個實體活動，把車裝進販賣機，是的！就是販賣機，但是不是直接賣，而是放在特定地點展覽的性質；那又為何要放在販賣機裡呢？日本Smart把與車子相關的DM作成個圓筒，然後你只要按下販賣機，DM就會出來了(我到現在找不到實際圓桶內裝的東西到底是什麼，原廠說是DM，如果裡面有台小車那該多好～)<br /><br />　　活動網站做的非常生動可愛，提供了兩個主要功能－Design與Drive，Design是讓你自行設計配色、花色、圖案、飾版、輪框，設計完之後，可以產生一組Widget可放至於blog內(就是下方的Widget)，更可以點選Drive來玩遊戲，還可以點選列印，可以印出紙模型！拿起剪刀與膠水就可以組合出你剛剛設計的Smart。在設計你自己的Smart時，你會發現有許多圖案與配色是無法選擇的，那是因為...............那些配色需要玩過遊戲，而且level要夠高才可選擇...................<br /><br />　　整個活動，不管是實體還是虛擬，都非常的讚！<br /><br /><br /> <div align="center"><iframe style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px" src="http://www.playsmart.jp/blog.html?59908535bbfe98d94f83cce2c12aafea" frameborder="0" width="150" scrolling="no" height="210" allowtransparency="allowtransparency"></iframe><br /><br /> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/10/userfile/c/cosy/blog/14864b4cfb10db.jpg" /></div> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/10/userfile/c/cosy/blog/14864b4dd06571.jpg" /></div> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/9/userfile/c/cosy/blog/14864b4e686200.jpg" /></div> </div> <br /><br />&nbsp; 活動網站：<a href="http://www.playsmart.jp" target="_blank">http://www.playsmart.jp</a><br /><br />　　近日內有要去日本的朋友請注意，這活動還來的及！巡迴日程表如下：<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;東京都 / 東京タワー特設スペース<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6月6日（金）～8日（日） 9：00～22：00<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;東京都 / ranKing ranQueen渋谷店<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;渋谷駅構内東急百貨店東横店西館2階コンコース<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6月13日（金）～15日（日） 10：00～20：00<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;神奈川県 / 海老名サービスエリア（下り）<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6月19日（木）～22日（日） 10：00～20：00<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;愛知県 / ラシック イベントスペース<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6月26日（木）～29日（日） 11：00～21：00<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大阪府梅田 / 梅田阪急ビッグマン広場<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7月3日（木）～6日（日）10：00～20：00<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(7月6日のみ 10：00～18：00)<br /><br />　　對！我知道你很想罵髒話，因為剩下的行程只會到大阪.......哈哈哈哈........ <div align="center">&nbsp;</div>
　　日本Smart最近有個實體活動，把車裝進販賣機，是的！就是販賣機，但是不是直接賣，而是放在特定地點展覽的性質；那又為何要放在販賣機裡呢？日本Smart把與車子相關的DM作成個圓筒，然後你只要按下販賣機，DM就會出來了(我到現在找不到實際圓桶內裝的東西到底是什麼，原廠說是DM，如果裡面有台小車那該多好～)

　　活動網站做的非常生動可愛，提供了兩個主要功能－Design與Drive，Design是讓你自行設計配色、花色、圖案、飾版、輪框，設計完之後，可以產生一組Widget可放至於blog內(就是下方的Widget)，更可以點選Drive來玩遊戲，還可以點選列印，可以印出紙模型！拿起剪刀與膠水就可以組合出你剛剛設計的Smart。在設計你自己的Smart時，你會發現有許多圖案與配色是無法選擇的，那是因為...............那些配色需要玩過遊戲，而且level要夠高才可選擇...................

　　整個活動，不管是實體還是虛擬，都非常的讚！






  活動網站：http://www.playsmart.jp

　　近日內有要去日本的朋友請注意，這活動還來的及！巡迴日程表如下：
                東京都 / 東京タワー特設スペース
                6月6日（金）～8日（日） 9：00～22：00
                東京都 / ranKing ranQueen渋谷店
                渋谷駅構内東急百貨店東横店西館2階コンコース
                6月13日（金）～15日（日） 10：00～20：00
                神奈川県 / 海老名サービスエリア（下り）
                6月19日（木）～22日（日） 10：00～20：00
                愛知県 / ラシック イベントスペース
                6月26日（木）～29日（日） 11：00～21：00
                大阪府梅田 / 梅田阪急ビッグマン広場
                7月3日（木）～6日（日）10：00～20：00
                (7月6日のみ 10：00～18：00)

　　對！我知道你很想罵髒話，因為剩下的行程只會到大阪.......哈哈哈哈........
 
]]> http://blog.yam.com/cosy/article/15776719 網站-設計參考 Fri, 27 Jun 2008 17:21:16 +0800 bbc網站改版(beta) 　　英國bbc在近日悄悄的release了beta的改版(<a href="http://www.bbc.co.uk/home/beta/" target="_blank">http://www.bbc.co.uk/home/beta/</a>)，整個頁面風格完全不同，但是將整個首頁完整融合WEB 2.0的概念，將各分類以Widgets提供使用者自行組合首頁樣式。<br /> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/7/userfile/c/cosy/blog/147746a3d02826.png" /></div> 　　另外較特別的是，每項新聞分類下有放三個新聞標，從上到下採用[深藍blod-深藍-淺藍]錯開視覺焦點，好還是不好或許要再觀察看看(但我覺得這樣看起來很花)。<br /> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/7/userfile/c/cosy/blog/147746a49d16de.png" /></div> 　　還有很妙的是，氣象的圖示，竟然不是採用一般常見的icon，而是直接用較真實的實際圖像，這點也蠻有趣的～<br /> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/7/userfile/c/cosy/blog/147746a5799084.png" /></div> http://www.bbc.co.uk/home/beta/)，整個頁面風格完全不同，但是將整個首頁完整融合WEB 2.0的概念，將各分類以Widgets提供使用者自行組合首頁樣式。
　　另外較特別的是，每項新聞分類下有放三個新聞標，從上到下採用[深藍blod-深藍-淺藍]錯開視覺焦點，好還是不好或許要再觀察看看(但我覺得這樣看起來很花)。
　　還有很妙的是，氣象的圖示，竟然不是採用一般常見的icon，而是直接用較真實的實際圖像，這點也蠻有趣的～
]]> http://blog.yam.com/cosy/article/13196510 網站-設計參考 Fri, 28 Dec 2007 11:04:47 +0800 Adobe Flash On 　　Adobe Flash 強調視訊串流的promote site - Flash On，介面很清爽而且流暢，但是強調完自己很棒之後，卻少了些什麼．．．．．<br /> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/7/userfile/c/cosy/blog/14753d791977a2.png" /></div> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/7/userfile/c/cosy/blog/14753d79818f12.png" /></div> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/7/userfile/c/cosy/blog/14753d7a35aec7.png" /> <div style="TEXT-ALIGN: center"><img style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0.7em 0px; BORDER-RIGHT-WIDTH: 0px" alt="" src="http://pics1.blog.yam.com/7/userfile/c/cosy/blog/14753d7ab3871b.png" /></div> </div>
]]> http://blog.yam.com/cosy/article/12848494 網站-設計參考 Mon, 03 Dec 2007 18:14:25 +0800