CAFÉ CUBA

http://cafecuba.in/

"Hola Conmrade XXX.XXX.XX.XX(瀏覽者的IP)......"

一點進這個網站，第一段文字就是在和你打招呼，彷彿在號召你一同參加某個十分偉大的革命活動。

是的，CAFÉ CUBA將他們的產品認定為一場 Coffee Revolution。

不過，這場革命是怎麼開始的?CAFÉ CUBA設計了這個互動式網站，來告訴大家他們的品牌理念和由來。

如程式般的文字，在和你打招呼的同時，也向你下達下一步的指令:R+Enter
讀者必須跟著指令做，故事才會接著進行。

在這又向你下了下一道指示。

在說故事前，先介紹一下人員...當然，以非常迅速的動畫結束。

接著，開始說故事。
整個網站是以動畫的方式進行，由符號來拼湊出的畫面帶點復古感。

雖然是由符號來完成動畫，卻不馬虎。搭配著文字敘述，人物仍有生動的表情變化。

為了構成一個完整的畫面，需要用到大量的符號來排列。不過單一的色彩，避免了大量符號可能帶給視覺上的不舒適，僅在一些重點上配上紅、藍、咖啡已作區別。

故事說完了，為了確認讀者有沒有認真看，CAFÉ CUBA設置了password；

當然，如果你覺得前面的動畫有點冗長，你也可以按下Esc跳過，不過最後一樣要輸入password!

如果跟我一樣解不開，可以到他們的Twitter去詢問。

像這樣敘述品牌故事的方式十分有趣。在不得不按照指令做，才能繼續往後看的情況下，就像玩遊戲一樣，必須達到條件才能繼續破關。在最後還必須輸入password，使的讀者必須要仔細看內容才會知道答案。CAFÉ CUBA並不是只做出精美的動畫來介紹自己的品牌故事，而是打造出一個能和讀者互動的"遊戲"，在眾多網站中，讓我留下深刻印象。

Verena Michelitsch

http://www.verenamichelitsch.com/

這次介紹的網頁是一位奧地利設計師--Verena Michelitsch的個人網站。
這個網頁就如同是她的作品集。
網站的首頁十分簡潔，沒有什麼文字敘述，而是作品的照片搭配上與其顏色相配的色塊。這樣的排版方式，讓讀者有在閱讀雜誌的感覺。

整體視覺上，雖然色塊顏色用的很多，但彩度不高，不會搶走作品的焦點，反而增加整體的統一感。閱讀起來十分清新淡雅，讓人感到舒適。

在作品介紹上，也是簡單的文字敘述。主要還是透過幾乎滿版的照片，向讀者傳達自己的作品。

有趣的地方是在下方的小icon!
當讀者想看其他作品時，不必再一次回到首頁，可以藉由下列相對應的icon點選其他作品。
(icon在首頁是沒有的)

這些icon設計都與相對的作品有關，彷彿是設計師別出心裁，特地為自己的每個作品量身打造新的logo!

 ↓

 ↓

搭上智慧型手機、平板電腦的趨勢，Verena Michelitsch的個人網頁做的是響應是網站。減少文字的敘述，讓自己的網站在小螢幕上也不顯得繁雜；藉由照片和大面積的色塊，在第一時間抓住讀者的目光。這樣的設計，讓習慣使用手機、平板的族群，也能很輕鬆的閱讀，也能更加有效的"推銷"設計師。