島．論<META name="y_key" content="65ab4720ecfa59b2">-．網站 http://blog.roodo.com/509/archives/cat_465721.html 說著說著，看著生活藉由文字留下痕跡 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-3286684-8"); pageTracker._trackPageview(); } catch(err) {} zh-tw Roodo Blog System All Rights Reserved ．瑞典ikea網站
  • http://www.kominigarderoben.se/
  • 評語：視覺與聽覺巧妙結合

    • 雖然是瑞典的網站，但這場景卻讓我想起日本




    精彩的網站
    音樂與動畫配合的天衣無縫
    不知是否因為光纖的寬頻
    一整個動作流暢
    ，
    共四個場景、四段動畫與播個不停的音樂
    畫面中的人物隨節奏擺動
    動作被剪接、被顛倒
    不合理的動作讓視覺很有趣
    強烈的節奏吸引著眼球
    置入性的廣告若都這般水準
    多來幾個也不嫌煩！ ]]>     http://blog.roodo.com/509/archives/7458563.html http://blog.roodo.com/509/archives/7458563.html ．網站 Tue, 28 Oct 2008 23:52:28 +0800     ．Roxik
    flash技術在3D的應用越來越流暢
    讀入時間很短動作卻一樣精緻流暢
    作者是日本人Masayuki kido
    作品集網站內還有其他精彩創意
    ]]>     http://blog.roodo.com/509/archives/6180637.html http://blog.roodo.com/509/archives/6180637.html ．網站 Sun, 15 Jun 2008 23:48:47 +0800     ．關於設苦手 ① (繼續閱讀...) ]]> 設苦手
    www.notkoo.com
    寫介紹文章前，我通常會google一下，看看有沒有相同的介紹？或者是相關的介紹，讓文章能夠更完整或甚至達到客觀。
    本來對「設苦手」只是單純想介紹一下這個蒐集不少好料設計的網站，不過因為網站本身只提供服務，並沒有著墨太多在自己本身，基於好奇也就google了一下，這一下可不得了了… (繼續閱讀...) ]]>     http://blog.roodo.com/509/archives/4745947.html http://blog.roodo.com/509/archives/4745947.html ．網站 Mon, 31 Dec 2007 11:12:08 +0800     ．設苦手與notcot之間 ② enter
    notcot.org

    我相信看完之後大家已經對「設苦手」這個網站的設計概念與執行方法都有個粗淺的認識，甚至您會覺得概念不錯想立刻去參觀使用！不過問題來了，由於網路的無遠弗屆，尤其是網頁設計這個領域，是不是有抄襲的成份立刻就能被比較出來。因此就有眼尖的網友shock提出設苦手notkoo與國外notcot的相似之處（原始文章請按我），為了提高閱讀效率我稍為重新整理了一下：

    1. 網域名稱相似：notkoo與notcot
    2. 網頁介面雷同：一樣都是圖像一張張填滿版面
    3. 內容性質相近：都是介紹設計性新聞文章
    這是我覺得比較相近的地方，我相信比較有爭議的，是介面呈現上的雷同。而在網友shock文章最後，notcot的設計師Jean Aw提出回應：

    『NotKoo is a copy of NOTCOT.org, and i have spoken to the designer of NotKoo who has copied much of our design, user experience, and content, and he has admitted to us that he was greatly influenced (quite the understatement) by NOTCOT.』

    由於我沒找到設苦手本身站長的回應，所以到底誰抄誰也不能因此就下定論。不過就平心而論，當然抄襲本身當然不是件值得鼓勵的事，但我相信設苦手成立的出發點或許如同Mr.6所言，也只是寫個「量身訂做個人專用的『我的最愛』書籤收集網站」！？因為目前並沒有看到任何營利的廣告、模式出現，甚至連個會員資料都不用，這樣的網站就算賺到流量也只是做功德罷了（之後若有廣告加入當然就不是這麼一回事）？而且網站介面這種東西我是不清楚有沒有受到法律保護（長得像yahoo的入口網站有多少？），與其說抄襲倒不如是延續使用者經驗，畢竟網路的蓬勃也是近幾年的事，各設計師對網頁的操作介面、編排其實都還在尋求一種模式，也不斷有創新出現讓網頁瀏覽更符合人性，所以我想在非商業營利的基礎下，這種模仿應該沒那麼嚴重，而且多一個中文化的notcot，對廣到喜好設計的中文族群不也是好事一樁？

    MORE …
    ．原始文章：Notcot 與 Notkoo by shock
    ．上一篇：關於設苦手 ①

    ]]>     http://blog.roodo.com/509/archives/4747281.html http://blog.roodo.com/509/archives/4747281.html ．網站 Sun, 30 Dec 2007 10:34:26 +0800     ．超屌聖誕電子賀卡
    growAXmasTree
    聖誕節又快到了，寄聖誕卡似乎已經變成古董的行為，現在能收到一張手寫的書信已經很難得，何況是一張「聖誕卡」？言歸正傳，這篇文章當然不是為了請大家寄聖誕卡給我（能這樣誤會我也非常樂意接受，記得回應我告訴你地址呀XP），而是要介紹這個挺炫的電子賀卡。開頭就很有創意，loading是一到十二月的英文，進入後介面很單純，直接key英文字母就從天而降，按住左鍵拖曳滑鼠可以360度旋轉、拉近瀏覽卡片。雖然能選的底色跟字體顏色很少，不過重點在於動畫的呈現，所以這些其實也不用太計較，完成後直接就可以寄給朋友囉（不過他收到的只是一條link倒是）～try ]]>     http://blog.roodo.com/509/archives/4679267.html http://blog.roodo.com/509/archives/4679267.html ．網站 Wed, 19 Dec 2007 02:23:13 +0800     ．被蒐集就夠屌的fwa
    Favourite website awards
    就字面意思應該很容易理解這個網站的性質。或許fwa的盛名早已傳遍千里，畢竟不論資料的更新與品質，都是數一數二的好！自己常常一逛就是幾個小時過去，先是疑惑為什麼有這麼多這麼屌的網站，之後漸漸開始產生否定自己的情緒，因為實在太多太屌的網站了！而且絕對不是只有視覺漂亮就能入選（全球比較之下這條件實在太容易），還要有創新的技術或畫面才能獲得收錄。靠我偶爾幫大家介紹屌網站，實在速度太慢（重點是發文的速度XP），那倒不如分享給大家知道。不過若您是從事網頁設計這行，或許得心理建設一下，不然看完可能會產生「靠！那我算啥屌呀！」的莫名憤怒… ]]>     http://blog.roodo.com/509/archives/4679097.html http://blog.roodo.com/509/archives/4679097.html ．網站 Wed, 19 Dec 2007 01:45:51 +0800     ．這樣瀏覽也不錯
    filippasmedhagensund.com
    Fashion的照片，不過重點是覺得瀏覽的方式挺有趣
    從首頁的教學動畫，大概能意會出使用方法，也就是用滑鼠拖曳去控制頁面上下左右瀏覽，基本上因為是個純圖片內容的網站，因此開始需要點時間去loading，不過由於是用像串流的方式去下載，所以也不會讓人等太久，只是別一進去就心急的不停上下左右就是...

    MORE …
    ．之前介紹過的dontclick，也是另一種介面

    ]]>     http://blog.roodo.com/509/archives/4636693.html http://blog.roodo.com/509/archives/4636693.html ．網站 Thu, 13 Dec 2007 16:11:41 +0800     ．翻譯也可以是種效果
    kockumcommunication.se
    在台灣，通常很多商業網站都充滿著「吸引」與「效果」，而這些原則卻也往往是破壞設計美感的最大「幫手」。不過今天不是要討論這個「原則」的好壞？而是一個經過設計的商務網站絕對能更令人印象深刻！如同這個從事翻譯業務的網站kockumcommunication.se，雖然簡單的排版沒有花俏的圖片或特效，但清楚讓訪客知道要找的資訊在哪（商務網站本質不就是要傳達這些）？而最棒的是網站的語言切換效果。或許這個效果不是第一次看到，但這特效的使用上不僅只是炫目或吸引人，也直覺的將「翻譯公司」屬性緊密結合，不僅畫面變得吸引人，也間接說明了本身的專業，不然炫目的網站這麼多，看過大多就忘了。總之，特效的使用上若能更加切合主題，而非盲目的追求，造成瀏覽者資源的消耗，不是更令人印象深刻？ ]]>     http://blog.roodo.com/509/archives/4611113.html http://blog.roodo.com/509/archives/4611113.html ．網站 Tue, 11 Dec 2007 01:17:35 +0800     ．maxhaus.com
    maxhaus.com，
    這是個「室內設計」的網站。這是我看完之後唯一能跟各位介紹的。
    因為網站本身不是英文，當然更不是中文。讓我無從了解這個網站究竟賣的是什麼「碗糕」（個人猜想或許是個可以免費線上虛擬室內設計的互動網站）？不過光憑屌到「嘆氣」（之所以強調這個嘆氣純粹是為了呼應網頁的捲動音效 XD）的動態介面，快要破千的室內設計作品，就讓我趕緊給他弄上來備份一下，而且能夠受到fwa的青睞，相信畫面的狠勁已經超乎語言… ]]>     http://blog.roodo.com/509/archives/4610985.html http://blog.roodo.com/509/archives/4610985.html ．網站 Tue, 11 Dec 2007 00:56:49 +0800     ．Jen Stark創意剪紙
    對於視覺的設計我們總是想太多，希望豐富些？複雜些？誇張些？
    藝術家Jen Stark 利用簡單的重複原理，將一疊色紙依據設計、計算切割、外翻，變化出如萬花筒般的繽紛畫面！設計或許可以是簡單
    一個純粹概念、一次單純執行
    架構一段精彩創意。

    MORE …
    ．不只是單純的畫面，也可以是一段動畫（.mov）

    ]]>     http://blog.roodo.com/509/archives/4593931.html http://blog.roodo.com/509/archives/4593931.html ．網站 Sat, 08 Dec 2007 02:07:43 +0800     ．OECSPACE教學網站
    OECSPACE是一個蒐集語法、教學性的網站。
    昨晚到處查詢語法時，意外發現的這個好地方，雖然談不上資料多到逛不完，但蒐集的語法都很必須，而且版面乾淨、色調柔和，瀏覽起來就很舒服。從網站的設計編排看得出來站長應該是個嚴謹的人，雖然不是炫目的flash網站，但若您對css有所研究（本人基於職業病心態很自然的看了一下css XD），應該可以看到css運用得宜留下的細節線索，或許有人還是覺得flash製作的網站比較吸引人，但若從呈現資訊的角度來看，結合css的html網頁還是比較適合呈現這種以資訊為主的網站，不僅方便資料庫語法的結合，也方便進行SEO。
    簡單來說今天若這網站用flash呈現，相信就不太可能會透過google被我搜尋到哩～所以針對不同的目的，網站設計時應該要有所選擇，而非一昧的選擇使用某個平台，結果反而失去網站設立最初的目的。
    ╢enter！瀏覽OECSPACE！╟
    ]]>     http://blog.roodo.com/509/archives/4568069.html http://blog.roodo.com/509/archives/4568069.html ．網站 Sun, 02 Dec 2007 01:22:09 +0800     ．Nexus 一樣屌的團隊 enter
    這是個專門製作2D、3D甚至flash動畫的影視團隊
    風格都很不同，也都十分有趣充滿創意，雖然沒有提供下載
    但也並非沒有可能（如果您真的這麼想要的話，還是有軟體可以幫您）
    總之，說再多都比不上親眼去瞧瞧！
    ╢enter！瀏覽Nexus！╟
    ]]>     http://blog.roodo.com/509/archives/4559181.html http://blog.roodo.com/509/archives/4559181.html ．網站 Thu, 29 Nov 2007 18:21:29 +0800     ．stardust 影片很屌
    別誤會～這不是賣車的網站，而是一個超強做影視的設計團隊。
    這是其中一個BMW的廣告，就是以多重畫面強調BMW休旅車各種性能，重點是中間那條不停運動的X，呈現出很不一樣的視覺效果。
    可以從「Library」裡面去慢慢欣賞所有的作品，幾乎每個都很屌！而且最棒的是每段影片的左上角，都有個download link，也就是說所有作品都可以抓下來，一次看個夠，不用被不足的頻寬打壞觀賞的興致。
    ╢enter！瀏覽stardust！╟
    ]]>     http://blog.roodo.com/509/archives/4550273.html http://blog.roodo.com/509/archives/4550273.html ．網站 Tue, 27 Nov 2007 23:17:13 +0800     ．braingiants enter！進入網站
    ▌braingiants.com

    這網站雖然內容不多，瀏覽介面也很直覺，幾乎第一時間出現的畫面都是圖片，文字部份僅是對各個作品範例作簡短的說明。
    值得推薦的一點就是這些flash的作品範例都有提供fla原始檔下載，我相信這對喜歡研究flash的朋友是一大樂事，畢竟「看得到又吃得到」的大方網站能有幾個XD

    當然，他們所執行的網站也很有水準，值得一看！

    ]]>     http://blog.roodo.com/509/archives/1894071.html http://blog.roodo.com/509/archives/1894071.html ．網站 Sun, 16 Jul 2006 19:17:20 +0800     ．060403│HONDA│ enter！進入網站
    ▌HONDA
    不知道您是否跟我一樣看膩了高來高去的科技風格，HONDA這個網站讓我們重回手繪動畫的溫暖筆觸。這或許可以算是一個入口網站，也可以是一個形象網站，訴說著「The Power of Dreams」的精神。精緻的細節當然是這種國際企業網站基本水準（當然有些公司不太在意），我想介紹的是「介面」部份。
    整個網站分成A、B、C三層導覽介面，最外層的A讓您挑選不同的類別，click之後就來到B層的分頁，至於C則依據此頁內容提供link到更詳細的資料網頁。重點不是在於這樣的分層多高明，而是設計師很細心的幫AB兩層都「買了保險」，可以看到AB兩層為了配合創意，按鈕絕對不是長得就是一副「傳統」模樣，為了兼顧創意與瀏覽者的便利，就會擺上兩組功能相同長相不同的按鈕。雖然這聽起來似乎「理所當然」、「舉手之勞」，但細心留意…發現其實不少設計師喜歡讓觀眾在網頁上玩起「尋寶遊戲」…（可是我只是要找個按鈕呀>"<） ]]>     http://blog.roodo.com/509/archives/1362055.html http://blog.roodo.com/509/archives/1362055.html ．網站 Mon, 03 Apr 2006 22:08:17 +0800     ．060330│CYON│ enter！進入網站
    ▌CYON idea
    韓國手機網站，一個字「屌」。把視窗拿來當創意元件，利用類似分割畫面的視覺效果，讓網頁瀏覽呈現前所未有的面貌。不過要注意的是，如果您的瀏覽器有外掛廣告過濾之類的軟體，要先關閉，不然可能就無法看到此畫面，因為它本身確實就是pop window，不過當然跑出來的絕對不是廣告！ ]]>     http://blog.roodo.com/509/archives/1346391.html http://blog.roodo.com/509/archives/1346391.html ．網站 Fri, 31 Mar 2006 22:19:35 +0800     ．060330│Xtreme│ enter！進入網站

    ▌NEC e616 Xtreme
    如果有印象之前有個減肥廣告，使用兩個女人大打出手之類的劇情，去誇大商品本身的價值。而這手機網頁就是使用類似手法。一樣兩個漂亮女人（只是換成外國model），一樣撒狗血的在開頭就打成一團，一樣都是為了莫名其妙的理由。或許CF的呈現難度會比網頁少些（畢竟沒有先天頻寬問題），因此雖然我已經見過類似概念，但轉換成網頁呈現的技術本身，我還是不得不介紹她一下，畢竟製作上還有互動、串流…等等的問題要考慮（雖然拍CF也沒容易到哪）。另外有點瑕疵的就是整個flash檔沒有加入置中語法，以致瀏覽時會縮在一角。

    ]]>     http://blog.roodo.com/509/archives/1345329.html http://blog.roodo.com/509/archives/1345329.html ．網站 Fri, 31 Mar 2006 18:06:36 +0800     ．060324│SEKISUI│ (繼續閱讀...) ]]> enter！進入網站
    ▌SEKISUI DESIO
    一直很喜歡這個網站！可以透過滑鼠去控制上圖那隻手的移動，讓小人偶「身歷其境」般地參觀這棟三層樓的房子，整個網站介面很直覺，載入前也貼心的告訴瀏覽者如何操作，而且網站loading技術了得，點選zoom之後才開始載入圖片，分段載入讓瀏覽更加順暢！ (繼續閱讀...) ]]>     http://blog.roodo.com/509/archives/1306685.html http://blog.roodo.com/509/archives/1306685.html ．網站 Fri, 24 Mar 2006 00:17:22 +0800     ．060316│Agent│ 進入網站
    ▌Agent Provocateur
    這幾天在閃吧閒逛時看到這個高推薦的網頁，雖然當下覺得應該是美女效應，但還是好奇的點了連結（鬼才相信只是好奇XD）
    乍看之下似乎是個平實的購物網站（PHP），甚至flash效果少的讓我有點意外，畢竟網頁在平面設計下了番功夫，照理應該不會只願意讓美美的圖「靜靜」 擺著，但事實卻的確如此。整個網站是以魔術概念去作貫穿，每張model圖片從光影到裝飾都恰到好處，不至於給人太過華麗而顯得累贅。才剛納悶flash 應用少的可憐，沒想到在「new_ranges」這頁不同系列裡（不是統統有獎喔！要看到有「View Trick」字樣才有，例如：bunny）藏有一小段魔術動畫，雖然只是幾秒的漸變動畫，但看著本來不動的美女變起魔術倒也ok啦～
    如果您還是覺得這網站沒啥了不起，充其量只是賣賣內衣？或許您可以先到台灣EASYSHOP去逛逛，這樣大概你就知道質感差在哪兒了！

    MORE …
    ．老牌子「黛安芬」連網站都沒="=|||

    ]]>     http://blog.roodo.com/509/archives/1262364.html http://blog.roodo.com/509/archives/1262364.html ．網站 Thu, 16 Mar 2006 23:21:08 +0800     ．060316│Aardman│ 進入aardman網站
    ▌Aardman Animation
    還記得「酷狗寶貝」這部風格特殊的英國偶動畫嗎？
    這網站就是催生這部動畫的工作室。

    這網站有點像之前介紹過的「Kinetic Website」，同樣都是搞手繪質感、都注重細節、都在小地方搞笑。例如網站的Loading就是把別人的鬍子變成另一人的頭髮，而且在首頁載入後，畫面下方開始走入些莫名其妙的傢伙，可別以為他們只是裝飾，按按滑鼠左鍵，他們可是會一一死在你眼前哩～
    另外在「showreel」這頁可以線上觀賞到不同故事的偶動畫（當然前提你得有Quicktime這玩意），喜歡偶動畫的人千萬別錯過這頁！整體而言是個風格一致、不賣弄「嚇死人」的莫名特效，值得細細品味、慢慢逛，偶動畫迷應該會很喜歡！

    MORE …
    ．什麼是酷狗寶貝？

    ]]>     http://blog.roodo.com/509/archives/1262280.html http://blog.roodo.com/509/archives/1262280.html ．網站 Thu, 16 Mar 2006 01:16:24 +0800     ．060314│SAbsorber│ 進入Shock Absorber網站
    ▌Shock Absorber
    這是個賣運動內衣的網站。別怪我沒打馬賽克，上圖只是網站的3D人體模擬圖，或許方式有點「撒狗血」，但說老實話，還有什麼方法能夠把運動內衣的好處，透過一個網站去作「完整」又「吸引人」的呈現？賣這項商品最需要的觸覺無法透過網站行銷，於是乎腦袋靈光的設計師，很成功的把3D技術應用在Flash網站中，讓人即使不懂英文也可清楚明瞭：「為什麼要穿運動內衣！？」

     

    一次永遠只說一件事
    ]]>     http://blog.roodo.com/509/archives/1252127.html http://blog.roodo.com/509/archives/1252127.html ．網站 Tue, 14 Mar 2006 00:00:20 +0800     ．060220│dontclick│ (繼續閱讀...) ]]> 立刻體驗
    ▌dont click
    如題，這是一個要顛覆使用者介面的網站 (繼續閱讀...) ]]>     http://blog.roodo.com/509/archives/1146776.html http://blog.roodo.com/509/archives/1146776.html ．網站 Mon, 20 Feb 2006 01:54:47 +0800     ．060212│Kinetic│ (繼續閱讀...) ]]> 進入首頁！
    ▌Kinetic Website
    這種風格的網站或許並非第一次見到
    但常見並不代表就容易達到。資訊的發達讓我們太容易把美好的設計視為理所當然，甚至低估了造就這樣的畫面需要下多大的功夫。
    這個設計工作室的網站裡，我們可以留意到設計者對畫面處理的細心，你不會看到解析度太低的圖片、雜七雜八的配色 (繼續閱讀...) ]]>     http://blog.roodo.com/509/archives/1113955.html http://blog.roodo.com/509/archives/1113955.html ．網站 Sun, 12 Feb 2006 17:48:29 +0800