2010年11月21日 星期日

09 可愛的日本網頁設計管理公司-fragmentinc

這是一個插畫風格的日本網頁設計公司,以一棵高高的大樹來連貫,只要不斷下拉就可以瀏覽完整個網頁。大樹頂端是結冰的白色宮殿,上面有一尊佛像,點選可以占卜今日運勢,旁邊還有可愛的北極熊出沒。往下是藍天白雲與綠意盎然的葉子,還有可愛的無尾熊在爬樹,經過櫻花、甲蟲、啄木鳥,地面上還有長頸鹿。穿過地底下的海底世界,海豚、魚群、章魚、海馬,到達最底端的土壤層,有土撥鼠及化石。每層選用的物種及色系,可愛又讓人一目了然的區隔出每層的分界線,卻又保有連貫性,讓人忍不住來回瀏覽好幾回。


網站把重要的資訊都集中在中央,讓關者欣賞頁面插畫的同時也能清楚的瀏覽資訊,最右邊的menu會隨滾輪移動至目前正在瀏覽的頁面,不用擔心找不到menu。fragmentinc除了網頁設計,也提供架設部落格、出版品設計,連角色設計、傳單、海報,多媒體方面的觸控式軟體、電子書、DVD選單等都是服務項目。日本人喜歡為品牌創造角色,並應用在網頁中做互動,一個網站如果能有其專屬角色並推出許多周邊商品,效益也非常可觀,更是一種多方面的行銷手法。


fragmentinc網站中,works、service跟flow因為資訊較多、且需搭配表格或條列式的整理以清楚大方呈現給觀者,因此選擇另外設置獨立頁面擺放資訊,觀者可以點選ENTER進入觀看,以鮮明色彩搭配可愛插畫風格,帶給觀者清新又無壓力的閱讀空間。

◎點選進入flow後,清楚又可愛的呈現網頁製作流程。



◎連公司的地圖都搭配整體網頁風格繪製插圖,貫徹網頁風格。


結論:

完全置中的網頁編排模式能讓資訊清楚的再第一時間呈現在觀者眼前,觀者不用多花時間尋找資訊,且整個網頁只需要下拉畫面便可輕鬆瀏覽完畢,盡量將資訊簡單明瞭呈現,而將小動畫及插圖盡量配置在頁框兩側,讓觀者欣賞小動畫的同時不會影響閱讀,滿佈豐富插圖又同時能將訊整理的整齊明瞭,值得我們學習與效法!











2010年11月7日 星期日

08 科技感極佳的多媒體設計團隊-bcaa

bcaa是由三位設計師所組成,一個非常有個性的多媒體設計團隊,剛開始點開bcaa的網頁,映入眼簾的是隨性散落在畫面中的神祕按鈕,色系以橘紅搭配黑白色系為主,簡單大方的將logo置於右下角。當滑鼠一點到按鈕,一條條的線出現,連結著每一個次選單,頗有科技感的呈現方式令人驚豔,且按下按鈕的瞬間,會突然響起機械式的配樂,增添了閱讀的張力,輕快但帶點神祕詭譎電子音效讓觀者彷彿進入科幻空間般的神祕卻又充滿魅力。分佈在畫面中的按鈕用鼠標拖拉便可以在畫面中互相撞擊,是一個像撞球遊戲般的互動小遊戲。

↑一點開首頁,畫面中散佈著簡潔有設計感的按鈕,引起觀者的好奇心。


↑按鈕們可以互相拖拉碰撞,點開按扭的同時,按鈕也會互相碰撞移動,次選單使用簡單明瞭的圖示呈現,彼此又互相使用線條連結,豐富卻不失條理。


↑點開作品的按鈕,因為是多媒體網設計團隊,因此作品多以影片方式呈現,其中包含遊戲、3D動畫、小短片等,網頁充滿科技感的氣氛與配色更為其作品加分。




↑如同老師所說,互動網頁的缺點通常是無法快速精準的找到想看的資訊,如果不想浪費時間在摸索與等待互動式小遊戲上,一份簡單明瞭的選單還是必要的。bcaa也有考慮到這個需求,右下角的白色logo點開,按鈕們馬上模糊化且靜止於背景中,讓資訊簡潔明瞭的呈現於前景,一目了然。


結論:
bacc讓按鈕及內文不斷相互碰撞或跳動營造動感,搭配俏皮詭譎的音樂,充分展現bacc的活力,也向觀者訴說著,多媒體充滿變化且有無限發展的可能。