跳到主要內容

發表文章

目前顯示的是 1月, 2019的文章

卡士達蘋果派丨網頁分析(10)

卡士達蘋果派(Kinotoya Ringo) 網頁一開始的加載畫面就是一個蘋果再變成是一個紅底加品牌名,讓人馬上就知道他們是做關於蘋果的產品。 右上的選單展開是佔全頁很多空間的,與平常多數佔右方三分一的設計不同,然後點進去也沒有分頁,因為首頁就已經有全部的資訊了,所以只會跳過去目前頁面的屬於的那部分。背景的圖片都會自動轉換,往下滑,下一部分的字都會以動態的形式滑出來,這個網頁就是靠著這些簡單的動態活潑起來。 RWD方面,整個排版都沒什麼問題,但是我個人覺得字好像有點太多?略顯侷促。 個人感想:一開始加載畫面的蘋果和那屬於蘋果的紅色起了很大的作用,因為我不懂日文,憑那個畫面就知道它是賣關於蘋果的產品,然後照片都拍得很好看,配合簡單的動態畫面,令瀏覽的時候沒那麼沈悶。 website : https://www.kinotoya.com/shop/kinotoyaringo/

鈴乃屋丨網頁分析(9)

着物の鈴乃屋(Suzunoya) 首頁就展示著特別選過的和服,它會自動換,用戶也可手動去看右方不同的和服。 在和服一覽的頁面我覺得也排得蠻不錯的,十分清楚,遠中近的照片都有放。 點進去還有影片看,可以很清楚知道那件和服到底具體是長什麼樣。 RWD方面,原本的首頁就顯得有些侷促了,裡面介紹的頁面更有些字看不到了。 個人感想:一開始是被那個漂亮的姐姐吸引才點進去的,但網頁的排版和設計都蠻好看的,和其他的和服網站相比,它更全面,可以360度知道那套長什麼樣。 website :  https://www.suzunoya.com/furisode/

保能痔丨網頁分析(8)

保能痔(Borraginol) 網頁十分可愛,是以一個小鎮的形式去代替選單,可以點擊小鎮裡不同的建築物前往不同的頁面。 而令我驚喜的是縱使點進一個建築物裡,也不是文字或圖片!而是那個建築物的內部,點擊建築物內部的人或物件就可看到相關的資訊。 不過在RWD方面因為界面的限制,就不能看到小鎮的全貌,不過只要向左/右滑便可,還蠻順的,所以還好,不是什麼大問題。 個人感想:因為曾經畫過像這樣子的建築物,所以很能夠理解這得花多少功夫,雖然是痔瘡產品,但網頁以十分可愛的方式呈現,消費者看著也沒那麼害 羞。 website : https://www.borraginol.com/town/

simply chocolate丨網頁分析(7)

Simply Chocolate 畫面是以一頁一項的模式,不是下滑有連貫、動線之類的,每一頁都是不同口味的巧克力。 用戶可以按照包裝上箭頭方向下滑打開巧克力的包裝,然後畫面便自動跳轉到該產品資訊的頁面,具有互動性,十分有趣。 在RWD方面,打開包裝的巧思依舊存在,而選單則變為漢堡式選單。 個人感想:顏色十分明亮好看,打開包裝即可自動跳轉頁面這個巧思也很棒! website: https://simplychocolate.dk/

universal love丨網頁分析(6)

一個十分可愛的網站,因為近年來多元成家是一個非常火的話題," Love is universal. Shouldn’t love songs be too?  "所以這個網站想讓大家在婚禮上也有更「多元」的音樂可以選擇。 ---------- 一按進網站就會先看到該網站的口號 " Love is universal. Shouldn’t love songs be too?  " 接著首頁便是一對好像是在接吻的戀人,該網站用色十分活潑、奪目和豐富,因為就是以彩虹的七種顏色去配的。 網站內也用了很多動畫,像是轉換畫面會有很多愛心飛出。內文也會跟著鼠標的滑動而上下浮動。 歌曲方面其實也只有七首歌,也是配合彩虹作出排版。 ------------------------------------------------------------------------------------ --------- RWD方面,除了多了右則選單,並沒有什麼改動。 -- ------------------------------------------------------------------------------------ --------- 個人感想:很喜歡這個網站,顏色豐富,動畫和插畫都很可愛。 website :  https://www.universal-love.com/

Gucci Décor丨網頁分析(5)

網頁整體:整體在瀏尾起來就像是在閱讀一本繪本一樣,Gucci Décor顧名思意就是Gucci出品的一些裝飾品,所以畫面看到的茶具、 蠟燭都可以點進去,十分有趣。 RWD:配合畫面把整體縮窄了,但由於本就沒有選單,所以沒有什麼大影響。 個人感想:本來就很喜歡GUCCI採用插畫的風格,這個網站也十分有趣,沒有設置選單,產品就在主頁面中,簡單又不乏味。 website :  http://decor.gucci.com/

rawww丨網頁分析(4)

網站整體 一開始便介紹該公司是在做什麼,然後簡單的配色十分舒服,紅色又巧妙的吸引用戶,插畫配合簡單的動態效果也十分可愛,整體讓人覺的年輕有活力。 利用了插畫去介紹團隊人員,十分可愛,整體排版也有配合視覺動線。 RWD 在RWD上則處理得比較不好,插畫都擋住了。另外增加了漢堡式選單在底部。 個人感想 我覺得這個網站十分可愛、活潑,很年輕化的一個網站,也充分的表現了該公司創意的一面。 website :  https://rawww.com

seaharvest丨網頁分析(3)

1・Logo Logo採用簡約幾何風的風格,利用兩條魚去配合,也讓人輕易可以聯想到該公司是與魚或海鮮有關。 2・網站整體 該網站十分有趣,並沒有像選單一樣的東西存在,整體就像是一份報紙一樣,令人瀏覽網站時十分有新鮮感。 當鼠標指向選單時會出現像用筆圈住的動態效果,點進去後該「筆跡」也不會消失,讓用戶知道自己現在在哪一個頁面。 另外在產品的頁面點進不同產品更有報紙常有的拼字遊戲供用戶玩,十分有趣。 3.RWD 篇幅變小變窄,無太大改變。 由於介面變窄,拼字遊戲也沒了。 4・個人感想 一開始是被網站利用了報紙的形式去呈現所 吸引 ,讓人覺得十分有趣, 雖是一個海鮮市場,但也十分有設計感。 website :  https://www.seaharvest.net.au/