這個網站是我這找尋網頁設計的期中作業時發現的。還蠻酷的。分享給大家。
這張是首頁。整個網站以flash的動畫方式呈現,而網站的整體概念是以一關一關的方式進行。
跟著上面的英文說明就可以完成囉。
總共有8關,上三張圖是其中的某幾關。作後一張則是你最後作品的呈現方式,以及其他人的作品觀賞ㄛ如果你喜歡,右下角的中間那的選項就可以下載囉。整體而言我還蠻喜歡它的風格及呈現的方式,配樂也很符合動畫的風格。分析完十次的網站,我真的覺得DW和flash真的是絕搭!!而一個網頁的形成真的需要很多的技巧也要會很多的軟體.......。
網址:http://www.devilyogurt.com/
2010年11月21日 星期日
2010年11月14日 星期日
網頁設計(九)
這篇網站是我在搜尋網設的期中作業時發現的,我還蠻喜歡它整體的設計風格!!
以咖啡杯為它的設計開頭,旁邊可愛的小圖的選項分別是網頁內容、電子郵件和作者介紹。
整個的網頁設計以flash的方式呈現,我最喜歡的部分是他的咖啡杯溢出的咖啡可以隨著網頁而向下移動,而且圖中還有其他的插畫與它相呼應,真的是太酷了~~~
2010年11月7日 星期日
網頁設計(八)
Dior是來自法國巴黎的品牌,其產品內容包括皮件、珠寶、手錶、眼鏡、鞋子、香水、化妝品等等。由法國時裝設計師克里斯汀迪奧(Christian Dior)建立。Christian Dior,是將傳統服裝帶入現代功能主義革新過程中,極為重要的設計師之一。1947年二次世界大戰後,Christian Dior舉辦了第一次的服裝秀,因為所設計的服裝,大膽地凸顯女性身段的婀娜多姿;不但運用精巧的肩線,凸顯豐潤的胸型,也因為緊縮腰部線條、並在臀部加墊,使得充滿女性魅力的身體線條,毫無保留地在世人面前展現出優雅華貴的風貌。
第一張是Dior的首頁,以單純圖片的方式呈現。而如果想要有一些變化,移動滑鼠點選項單,它就會在左欄的部分變換圖片(如第二張和第三張圖)。整體感覺,它的首頁設計很像DM設計。
在Dior的次首頁得右欄中,旁邊的箭頭為往右移動,或者是等了一段時間之後他也會移動。左欄則為選項單,消費者可以決定想要觀看的產品。整體而言,跟首頁的設計很像,也是給人感覺像DM,不過我個人覺得,如果他選單上的字如果可以更大一點的話,看起來比較舒服。
除了可以直接從左欄的選單上選擇之外,也可以從右欄中的圖直接點選項。
網址:http://www.dior.com/file/prehome_new/index.html
第一張是Dior的首頁,以單純圖片的方式呈現。而如果想要有一些變化,移動滑鼠點選項單,它就會在左欄的部分變換圖片(如第二張和第三張圖)。整體感覺,它的首頁設計很像DM設計。
在Dior的次首頁得右欄中,旁邊的箭頭為往右移動,或者是等了一段時間之後他也會移動。左欄則為選項單,消費者可以決定想要觀看的產品。整體而言,跟首頁的設計很像,也是給人感覺像DM,不過我個人覺得,如果他選單上的字如果可以更大一點的話,看起來比較舒服。
除了可以直接從左欄的選單上選擇之外,也可以從右欄中的圖直接點選項。
網址:http://www.dior.com/file/prehome_new/index.html
2010年10月31日 星期日
網頁設計(七)
樂天小熊餅乾是許多人小時候的回味餅乾,包括我自己也是。其中這產品較出名的口味是巧克力,不過我自己是比較喜歡草莓口味啦~哈哈~~
第一張圖是Lotte的首頁。而在右上角的部分是影片區,你可以直接看影片也可以選擇要看哪一個影片~不過我要介紹的不是他的首頁啦~P.S.如果它的網頁可以置中就更好啦~
它裡面有一些相關於小熊產品的廣告、壁貼等等。一個小熊餅乾能發展出周遭產品也實在是太強了~我覺它整個網頁經營得很統一,而且跟產品的設計風格也很相像。不過,一點點我覺得可以在更好的地方是幾乎每一個點進去的網頁,都蠻長的,可能有些沒啥耐心的消費者會因為太長而不想看。
小熊餅乾首頁網址:http://www.lotte.co.jp/products/brand/koala/index.html
Lotte網址:http://www.lotte.co.jp/top.html
第一張圖是Lotte的首頁。而在右上角的部分是影片區,你可以直接看影片也可以選擇要看哪一個影片~不過我要介紹的不是他的首頁啦~P.S.如果它的網頁可以置中就更好啦~
我要介紹的是它的產品--小熊餅乾。主畫面的部分,是以動畫的方式出面,同時還配合萬聖節呢!!而選項的部分,不但可以向上延伸,旁邊還會出現文字的說明喔~(雖然它是日文.........)
它裡面有一些相關於小熊產品的廣告、壁貼等等。一個小熊餅乾能發展出周遭產品也實在是太強了~我覺它整個網頁經營得很統一,而且跟產品的設計風格也很相像。不過,一點點我覺得可以在更好的地方是幾乎每一個點進去的網頁,都蠻長的,可能有些沒啥耐心的消費者會因為太長而不想看。
小熊餅乾首頁網址:http://www.lotte.co.jp/products/brand/koala/index.html
Lotte網址:http://www.lotte.co.jp/top.html
2010年10月24日 星期日
網頁設計(六)
我曾經看過一篇報導,上面列了100件事你一定要做得事,其中看「太陽馬戲團」就是必做之事。那時候,我很好奇,覺得為什麼百大事情中,它竟然會列入其中,剛好那時在機緣下觀賞到「太陽馬戲團」的影片,頓時覺得,天阿,這是在是太讚了,怎麼會有這麼棒的表演!!!!那時,我就決定一定要去現場好好地親身體驗一次。令人興奮的是,它將在明年的春假來台表演!!
這是在首頁的右下角的VIEW TRAILER。其實就是用影片來介紹這個戲團。
為在首頁上的選項,會依不同的選項而有所變換喔!!
這兩張是次首頁。給消費者很明確地延續了首頁風格的印象喔。
網址:http://www.cirquedusoleil.tw/index.html
本來想直接到他們的官網,但後來還是想說介紹與我們生活更貼切的網站。這個網站是預定明年要觀賞「太陽馬戲團」的售票路口網站。我覺得與一般的售票路口網站不太一樣的是,它先吸引消費者的目光和提高購買慾望的動機。像一般的售票路口網站很多就直接就在首頁的地方把所有的詳細資料全部展示出來,不是不好,只是覺得在首頁的設計上應該更有讓人包裝過後(或是強烈主題的視覺刺激)的感覺。它的首頁是可以微幅地左右移動喔,而且當滑鼠移動到主畫面上,還有落葉掉下來!!!與一般的售票路口網站相比,它還蠻用心的。
這是在首頁的右下角的VIEW TRAILER。其實就是用影片來介紹這個戲團。
為在首頁上的選項,會依不同的選項而有所變換喔!!
這兩張是次首頁。給消費者很明確地延續了首頁風格的印象喔。
網址:http://www.cirquedusoleil.tw/index.html
2010年10月17日 星期日
網頁設計(五)
這是偶然中逛到的網站,是一家以奧地利傳統咖啡文化所開的咖啡店,連店名都是奧地利著名的音樂家「莫札特」的名字呢 !!
點進去此網站時,一開始出現的不是這家店的首頁,而是充滿異國風情的圖片,以似投影片播放的感覺,不斷的重複,所以要進入首頁要按左下角的「skip」。
第一張圖片是首頁,可是很好玩的是當滑鼠移動到選單上時,會自動變成中文喔 !!
點選單之後,它是出現在右邊欗框中,而不是彈跳視窗,好處是可以不用一直按回上一頁,但我覺得可惜的部分是字有點小..........
P.S.它在台灣有實體店面喔~不過是在台北.....
網址:http://www.kaffeeamadeus.com/home.htm
點進去此網站時,一開始出現的不是這家店的首頁,而是充滿異國風情的圖片,以似投影片播放的感覺,不斷的重複,所以要進入首頁要按左下角的「skip」。
第一張圖片是首頁,可是很好玩的是當滑鼠移動到選單上時,會自動變成中文喔 !!
點選單之後,它是出現在右邊欗框中,而不是彈跳視窗,好處是可以不用一直按回上一頁,但我覺得可惜的部分是字有點小..........
P.S.它在台灣有實體店面喔~不過是在台北.....
網址:http://www.kaffeeamadeus.com/home.htm
分享..........
這是我最近很常聽的一首歌
分享給大家
歌名:說了再見
作曲:周杰倫
填詞:方文山
填詞:方文山
天涼了 雨下了 妳走了
清楚了 我愛的 遺失了
落葉飄在湖面上睡著了
想要放 放不掉 淚在飄
妳看看 妳看看不到
我假裝過去不重要
卻發現自己辦不到
說了再見 才發現再也見不到
我不能 就這樣 失去妳 的微笑
口紅待在桌角 而妳我找不到
若角色對調 妳說好不好
說了再見 才發現再也見不到
能不能 就這樣 忍著痛 淚不掉
說好陪我到老 永恆往那裡找
再次擁抱 一分一秒 都好
天涼了 雨下了 妳走了
清楚了 我愛的 遺失了
落葉飄在湖面上睡著了
想要放 放不掉 淚在飄
妳看看 妳看看不到
我假裝過去不重要
卻發現自己辦不到
說了再見 才發現再也見不到
我不能 就這樣 失去妳 的微笑
口紅待在桌角 而妳我找不到
若角色對調 妳說好不好
妳的笑 妳的好 腦海裡 一直在繞
我的手 忘不了 妳手的溫度
心 碎了一地 撿不回從前的心跳
身陷過去我無力逃跑
說再見 才發現再也見不到
能不能 就這樣 忍著痛 淚不掉
說好陪我到老 永恆往那裡找
再次擁抱 一分一秒 都好
清楚了 我愛的 遺失了
落葉飄在湖面上睡著了
想要放 放不掉 淚在飄
妳看看 妳看看不到
我假裝過去不重要
卻發現自己辦不到
說了再見 才發現再也見不到
我不能 就這樣 失去妳 的微笑
口紅待在桌角 而妳我找不到
若角色對調 妳說好不好
說了再見 才發現再也見不到
能不能 就這樣 忍著痛 淚不掉
說好陪我到老 永恆往那裡找
再次擁抱 一分一秒 都好
天涼了 雨下了 妳走了
清楚了 我愛的 遺失了
落葉飄在湖面上睡著了
想要放 放不掉 淚在飄
妳看看 妳看看不到
我假裝過去不重要
卻發現自己辦不到
說了再見 才發現再也見不到
我不能 就這樣 失去妳 的微笑
口紅待在桌角 而妳我找不到
若角色對調 妳說好不好
妳的笑 妳的好 腦海裡 一直在繞
我的手 忘不了 妳手的溫度
心 碎了一地 撿不回從前的心跳
身陷過去我無力逃跑
說再見 才發現再也見不到
能不能 就這樣 忍著痛 淚不掉
說好陪我到老 永恆往那裡找
再次擁抱 一分一秒 都好
2010年10月10日 星期日
網頁設計(四)
我原本是想要找dada品牌的鞋子(此品牌是以板鞋著稱),但卻碰巧找到這個網站,原以為它是製作dada的介紹網站,結果發現其實它倆一點關係都沒有.......不過這網站也蠻有趣的,介紹給大家。
在進入首頁之前,會讓瀏覽者先選擇何種語言。而進入首頁時,採取的是彈跳性視窗。
你可以點桌上的物件進到下一個畫面,而且桌上的物件在進入下一個畫面時,物件會移動,好讓瀏覽的視覺可以一點都不會突兀的移動,不過他沒有用文字來輔助瀏覽者知道該物件點進去是可以觀看到甚麼樣的資訊,是我覺得還蠻可惜的部分。
這是其他點物件進去的圖片。
在進入首頁之前,會讓瀏覽者先選擇何種語言。而進入首頁時,採取的是彈跳性視窗。
你可以點桌上的物件進到下一個畫面,而且桌上的物件在進入下一個畫面時,物件會移動,好讓瀏覽的視覺可以一點都不會突兀的移動,不過他沒有用文字來輔助瀏覽者知道該物件點進去是可以觀看到甚麼樣的資訊,是我覺得還蠻可惜的部分。
這是其他點物件進去的圖片。
這是點物件進去的畫面,很有他們自己的風格,但有一個地方很特別,那就是如果瀏覽者想回到主畫面,一定、肯定要點為在下方的選項,不能直接按回上一頁,他會回不去......(我第一次碰到像這樣的網站.....)
第一個是我介紹的;第二個是dada專賣店~~~
訂閱:
意見 (Atom)


















































