⋈⋈⋈: 2011

2011年12月19日星期一

Born with Design 設計工作室

Born with Design，是一個多功能的，有創意，的數字設計工作室。

看到他們的作品真的覺得很驚奇
把連結融合在動畫裡面，又有趣又展現高質感的感覺

首頁的圖片就靠自己大家想像力聯想這是什麼吧

滑鼠移到黑色方塊包裝上面，立即換轉到背面跑出選單，這是第一個方法

這個網站到處都有選單連結，可以連到你想要看的資訊畫面

第二個是滑到畫面上下左右的箭頭也可以連到其它選單喔

第三個是按滑鼠右鍵也會跑出menu，真的太神奇了!

第二個WORK頁面
看到他們其他的案件例子真的非常的厲害

動畫連結做得非常的特殊也很有趣
希望以後可以作出這樣的網站 !!

留言板的立體鍵盤也做得非常互動

ABOUT的動畫就像是一個上班族會帶的東西
護照會跑出簡介等
很吸引人到處點這個網站看看能發現什麼有趣的

留言板聯絡資訊是一個電話簿
旁邊還有IPAD撥放著音樂

通訊錄上寫著全部這個工作室的資訊包括FB、Twitter等

心得:我非常喜歡這個工作室設計的網站
很有質感又很好玩，讓人像在玩遊戲一樣的逛著個網站

就像這個工作室自己介紹自己是個數位創新科技的工作室
所以每個作品都像一幅畫一樣不只視覺上很精采
FLASH動畫也做得很有趣

YA!第10篇OVER~~

♘ Born with Design

2011年12月5日星期一

▲▼英國藝術家Fake Youth▲▼

非常簡單但卻很有設計感
英國藝術家 Fake Youth的個人官網

其實分頁沒有很多，
主要都還是在首頁上以跳出來的半透明框框呈現資訊

我喜歡他的網頁架構的設計加上作者本來的插畫風格!
配色也很搭配清爽

留言頁面的認證碼部分很有巧思
一般都是亂碼的圖片要求你輸入
但他的題目卻是3+1=?

唯一一個會跳離首頁轉到新頁面的作品集

左右橫移的展示各類的作品
點進去一樣會跑出半透明的框框顯示更多作品細節

作品集以長條縮圖聯結我很喜歡
分類得很清楚又很美觀
左邊有左置的文字分類，下方還有可以直接快速切換的next

BTW，整個網站主題好像是以三角型為主▲▲▲
loading的動化雖然很簡單，但是好好看!

心得:哈整個網站就是我喜歡的菜
不過我發現好像沒有地址mail或電話可以聯絡藝術家的
這點有點小可惜
不過整體的設計展示都非常的清楚好看

♘ FakeYouth

2011年12月1日星期四

滑稽的詩，可愛的網

Silly Poems 是一間出版給孩子有趣詩集的網站
整個網站設計也非常的funny可愛
小孩子一看一定會愛不釋手

整個網站內容並沒有很多
所以也是一頁到底的方式

整個插畫是很生動有趣的風格
標題列有著可愛的星星flash動畫

右側有整個網頁資訊的目錄
點上面的選項整個畫面就會自動捲到

最下面的海底也有小魚動畫游來游去
加上留言板的功能

心得: 這個網站好像是剛成立還是其它因素，因為聯絡資訊好像不齊全
我覺得這是針對小孩子書的網站
如果有更多互動性的動畫或遊戲，就可以吸引更多大朋友小朋友前來參觀

♘ Silly Poems

2011年11月28日星期一

Key West Aloe 最天然保養品

Key West Aloe是一間用專門用蘆薈製造護膚產品的天然保養公司
也有推出男性保養品、防曬乳或護髮產品等

整個網站的風格也是簡潔清爽的風格
背景都是風景水彩畫

頁面最下方咖啡色色塊內有所有網站的文字聯結還有資訊

因為商品是打天然蘆薈製作而成的
所以我覺得網頁自然也不能太誇張的華麗

左側的商品分類也非常的乾淨俐落
很容易就可以找到自己想要的商品

商品的照片目錄也非常的簡單明瞭

不過整個網站各個頁面變化不大
都是背景水彩畫加上那個頁面要呈現的資訊

所以大致上畫面都很雷同

心得: 這個網站應該是很基本的排板模式
沒有什麼多餘特殊的設計，但我覺得很適合這個保養品公司
一進入網站就讓人覺得很舒服，資訊也很明瞭清楚

♘ KeyWestAlone

2011年11月14日星期一

英國 Carsonified網頁設計公司

國外的 WEB design公司的網頁都各具特色

又找到一個我很喜歡的英國的網頁設計公司的網頁

網站整體運用簡單單色分隔每頁導航
簡潔的切換圖標加上很有趣的插畫

我超級喜歡這個可愛又很有風格的網站

首頁是深黑色的咖啡色
連結圖標動畫做得很可愛
整個網頁排板也很簡潔

公司工作內容及目標
每頁都是用很鮮明的背景顏色加上另一個顏色

公司員工介紹
點旁邊的名字就又會切換一個顏色背景而且會有每個員工的插畫
好棒喔感覺每個人都是獨一無二

BTW，看到他們公司員工的福利待遇真的好好喔
每個禮拜修3天，公司也會幫你解決住的問題等

這間公司設計的其他網站風格我覺得也非常的相似

最後一個就是家家戶戶必有的留言

心得:沒有什麼特殊的FLASH動畫或是特效等等
但整體很有設計感，簡潔又大方清楚
一些細節的切換連結都有精心設計
特別是插畫風格很有趣

是個會讓人印象深刻的網站

♘ Carsonified

2011年10月30日星期日

一頁到底，UNFOLD設計公司

UNFOLD是一家位在挪威的設計公司

官網有別於其他傳統式一頁一頁分別連結的網頁格式
它的網頁就只有only one page，可以一捲到底
所有的資訊都在頁面上

很像一張平面宣傳介紹海報

右上角有快速捲到你所需要的資訊畫面
整個畫面顏色簡潔，沒有太多的圖片或裝飾

而地址顯示的畫面也非常特別，這應該有連結使用到google的地圖
可以放大縮小地圖

全部網頁畫面

是不是很像一張平面的介紹文宣呢

心得: 這個畫面有點像今年商設的簡介文宣
利用斜色塊作為資訊的分頁，簡單又明瞭
沒有用複雜的FLASH動畫卻呈現高質感高設計的感覺

?不知道怎麼設定為網頁是像圓一樣
捲到最底還可以自動從上面瀏覽起

♘ UNFOLD

2011年10月17日星期一

Online Portfolio von Jan Ploch

今天要介紹一個非常非常非常特別的網頁結構
這還是我第一次看到網頁可以這麼有趣

這是一個德國網頁設計公司的網站Jan Ploch Web
全部網頁其實就只有一頁，首頁

所以從頭到尾你只要滾滾滾 滾你的捲輪就好

網頁一開始打開是有著公司的名字的瓶蓋
跟一個白色細細長長的東西
瓶蓋下面有泡泡，泡泡裡面就是這家公司的連絡方式
FB連結或是信箱還有曾經網頁的設計範例

繼續往下拉
原來這根是一根吸管

和一瓶發氣泡的飲料

在一直繼續往下拉

滾
滾
滾

不知道你發現了沒

瓶中的飲料高度跟著畫面一起降低

整個畫面也非常精緻

到了瓶子的標籤地方

是這間公司曾經作過的案件類型

再來用自己網站背景做為插圖
介紹自己的網站製作步驟是如何產生的

這也是為了給客戶能夠更了解
這家公司網頁設計的製作流程

接近瓶底的底端有EMAIL聯絡連結
飲料也喝完了!

嗝!

心得:第一次看到那麼特別的網頁排版設計
不知道這是用FLASH編輯的還是HTML

網頁設計公司自己的官網當然要做得比別人更不一樣
才會吸引別人請他們作網站設計

很簡單的排板但卻又很特殊

♘ Jan Ploch

2011年10月10日星期一

ahcahcum muchacha

今天介紹的是一個日本服飾的官網あちゃちゅむ

其實這個網頁的架構很簡單

但我很喜歡網頁的拼貼插畫風格

整個網頁架構我想應該都是FLASH動畫加連結
因為連結到其它選單時網址好像都沒有變

ENTER頁面非常的簡潔
白色的底加上灰階的插畫

下面有一排是該品牌曾經出現在哪些雜誌的連結跟最新消息

點進ENTER後假如你還沒選旁邊的連結前

這時波浪狀的海就會出現一些可愛的小動物

再來第一個COLLECTION

這個像紙娃娃一樣的小互動遊戲
可以幫娃娃穿上該品牌的服飾配件
很有趣而且也可以讓顧客先嘗試搭配一下自己喜歡的風格
再決定是否購買這件衣服

假如可以點選旁邊的衣服就可以連結到賣場
或是知道衣服的其它尺寸細節
應該會更實用!

PRESS選單

連結歷年來曾出現在雜誌上的擷取
還有像是專輯CD封面曾經出現的衣服

第三個就是BLOG選項
就直接連到部落格(沒什麼好說明的)

而且這個官網還會定期提供桌布月曆DOWNLOAD

插畫的風格就跟這個網站的風格一樣
也是拼貼的方式，色彩很鮮豔
喜歡的人可以下載來收藏喔

雖然選單叫DAILY但好像也沒有每天更新
不過我很喜歡前後照片切換的那隻手

其他LINK連結

就像一面牆壁上有很多畫框，而畫框裡面就是一個連結
很可愛

最後

最重要也是必備的ABOUT，關於該品牌的資訊地址
小兔子的身體是資訊的框框
頭跟手腳會一直擺動，超級可愛

心得: 個人對網頁設計還蠻有高度的興趣
這個網站結構好像是只是單一用HTML建構的
所以FLASH動畫這方面的技術也是必須學習
才能有更多方式可以讓網頁有更多的精采度

真的很喜歡這個網頁的插畫風格
其實會讓人喜歡的網頁，不單單只是架構很厲害繞來繞去的
像這種有強烈設計風格的也很不賴

♘ ahcahcum muchacha