2010年9月26日 星期日

02 影片製作公司-Salt Films

發文者:郭雅婷


Salt Films是一個新加坡的設計公司,主要業務是製做音樂錄影帶、商業動畫以及公司影
片等項目。


這個網站用鮮明的純色背景,配上用幾何圖形與簡影式的插圖,表現了非常年輕又輕快
的風格,跳脫新加坡這個嚴謹又充滿壓力的國家形象,給人童趣又幽默的風格,讓人玩
心大增,也顛覆了一般公司傳統的網頁模式。

網頁中,一隻大手把無趣的滑鼠給擬人化的互動設計,清楚、親切而且有趣。整個網頁
搭配"胡椒"的意象,也呼應了Sat Films公司的名稱 - 調味影片,傳達著這間公司能作出
最有"味道"的影片!

以灑胡椒的動作帶出公司的作品,更代表著每支影片都是公司的一粒胡椒,看似微小,
卻是為客戶們及觀眾們調味生活調味料!有幽默、有趣的廣告影片,有發人深省的短片,
以及創意十足的音樂錄影帶,保證支支精彩!














^ 網頁開啟中,用胡椒排列成數字,觀者可以使用大手撥動胡椒粒,解除loading時,只
能由觀者癡痴望著螢幕等待的無聊。















^ 進入網頁中,觀者可以選擇要倒出哪一罐胡椒。















^ 點選其中一罐,大手一把拿起胡椒罐,這時候畫面會暗示觀者上下移動鼠標,模擬灑
胡椒的動作,灑出的胡椒就會排列成粗細不一的圓型。















^ 每個圓形都代表著一支影片,可以用大手隨意點選觀看。















^ 影片有的溫馨感人,有的發人深省,但每一支都是好片!















^ 點選另一罐胡椒,會出現六角形的排列,以區別出不同系列。















^ NEWS的閱讀模式也很特別,搭配著用餐的音效,擺在桌上的紙張寫著資訊,想要翻
頁可以用大手一點,便能把最上面的紙張移至最後一張。




結論:

這個可愛的網站,非常用心的觀察生活中的細節及人們的動作,並以鼠標擬人的方式把僵
硬的鼠標化為親切的大手,只用造型簡單的配件就成功的傳達了公司形象,也讓人對此
公司留下深刻的印象,在畫面轉換或接到不同頁面時,也充分利用了觀者的角色,觀者
成為啟動連結的媒介。即使在等待的時間,也有貼心的互動小遊戲陪伴,使觀者充分體
驗到設計者的用心。



salt films

2010年9月22日 星期三

01《第十四道門(coraline)》




發文者:郭雅婷
*為了這篇分析從新整理又發佈大約好幾十次了....發佈後的結果永遠跟編輯和預覽時看到的不一樣!!!!!永遠排不好,所有方法都試過了....所以請將就一下看有點混亂的排版吧....






《 第十四道門(coraline) 》是一部非常流暢、精緻且成功的停格動畫stop motion),描述少女柯洛蘭一家搬到神祕的別墅「粉紅宮」中,父母忙於工作,沒空照顧柯洛蘭,柯洛蘭在探險中意外的發現家中神祕的第十四道門!門的對面是另一個一模一樣的家,所有父母親對她的疏忽與遺忘,在她們的身上全都能得到,差別在於她們的眼睛全由鈕扣縫成,她們的善意款待只是想誘引柯洛蘭離家,投靠她們,自願獻上眼珠,成為鈕扣家族的成員。柯洛蘭嚇到了,明白了,也拒絕了,卻也發現對方一旦計謀不得逞,就會牽累柯洛蘭的父母。柯洛蘭最終救回了父母,並回到真正的家中,把通往第十四道門的鑰匙丟進深不見底的井中,結束了這神祕又驚險的旅程。
















劇中,柯洛蘭與父母搬進的新家-粉紅宮















第十四道門後的人物,全是擁有扭扣眼睛的人偶














在原本的家中,父母總是疏於照顧柯洛蘭,晚餐也總是吃著難吃的冷凍食物














柯洛蘭在第十四道門後的世界,人偶父母卻為他準備的精緻又豐盛的晚餐,令柯洛蘭非常欣喜















沒想到扭扣世界的美好一切,都只是扭扣媽媽的可怕陰謀,為了誘騙柯洛蘭成為扭扣家族的一員

----------------------------------------

網頁內容









首頁以神祕的探照燈效果,介紹電影DVD,移動鼠標,探照燈便會一起移動增添了許多神秘感,並讓把DVD販賣廣告成功融入劇情與網頁中,並讓觀者產生興趣,也間接拉長了觀者停留於此頁的時間

























進入網頁後,出現的畫面也可以隨鼠標移動而左右移動,主要分成三部分,皆是以電影中出現場景為範例,畫面中隱藏非常多可點入的連結,可以連到不同房間,非常有趣





































房間1



點入連結,可以進入房間,房間內部暗藏很多互動式小機關,幾乎每房間牆上的畫都有連結,且房間中的景物都是有加入些微3D效果,移動鼠標便可以感覺到視角變化的效果










點選圖中鋼琴,畫面便會出現鋼琴特寫,用鼠標在琴鍵上點選,便可彈奏鋼琴





























房間2







點入圖中馬戲團帳篷,會出現老鼠表演排列英文的遊戲,可在畫面中輸入任何英

文字,馬戲班即會排列出所輸入的英文




















房間3





點選壁爐可以連結到女主角卡洛蘭的房間




















房間內也很多小機關可以探索,甚至連廣告都用很可愛的置入性行銷方式融入在房間內








房間4


可以選擇左或右邊簾子進入




 


右邊是播放電影預告片的小型電影院







左邊是幕後花序照片





房間5


是一個走廊,點選樓梯下的門,可以連到一個好玩的互動小遊戲,製作人偶



























須先上傳照片,然後便可以開始製作自己的人偶,鈕扣與相框都有很多種類可選擇,也可以調整大小,製作完成後還可以存檔並轉寄給朋友




























----------------------------------------



另外,許多房間內的小東西都有連結,可以找到許多小遊戲





劇中人物出現,幫你占卜的遊戲






自己製作花朵的遊戲






壁紙下載區


 


裡面提供的壁紙





結論:
其官方網以劇中場景為背景,加入許多電影中出現的場景及配樂,並設計成互動式小遊戲,讓觀者在瀏覽網頁時,身歷其境,如同隨著柯洛蘭一起探險般有趣。網頁以大量的黑色營造神祕感,並使用頗具特色的配樂,誘使觀者停留在網頁中享受探險的樂趣,且大大拉長了觀者停留於此網頁的時間,甚至會不斷重啟網頁來探險,網頁中所有的配件跟裝飾非常有一致性,處處可見用心,可謂非常成功的一個電影官方網站!