2010年11月21日 星期日

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

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


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


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

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



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


結論:

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











沒有留言:

張貼留言