網頁分析第7彈---UVERworld Official Website

樂團介紹又來啦！這次介紹的是日本也很資深的樂團UVERworld，出道至今已經10年，幫許多日本人氣動漫寫過片頭/尾曲，是非常踏實認真工作熱愛音樂愛護荷包（詳情請自己爬網路文哈哈）的一團。雖然因為日本樂壇在台灣的接觸通路與可見度都不像歐美音樂那麼廣泛，導致他們（還有許多其他日本歌手團體）在台灣的知名度並不是很高，但個人真的非常喜歡他們的音樂，在日本其實也有為數不少且年齡層廣泛的粉絲！音樂曲風除了搖滾，近年常常加入薩克斯風及電子混音的效果，內容非常豐富。總是有很高能量而且能感受到他們的用心的樂團，就來介紹他們的官方網站吧！

UVERworld的官網採取選單選項蓋板顯示的模式，一開始的頁面下方會有購買樂曲及Menu的按鈕，中間是樂團近期活動宣傳的KeyVisual，過幾秒會自動向左更換圖片，也可以自己點選控制。沒有要買專輯的話點選下面右方的Menu，網頁右邊就會跑出選單，下方有一個小小的影片可以看，點選任一選項後會以蓋住左邊（選單列表外）的區塊的方式來顯示，底色是半透明的因此還是可以看到後方的KeyVisual和背景。

選單中的Information、Live、Biography都是採上面所說的蓋板方式。

而選單中第一項的10th Omedeto是因應今年成立10週年所架設的頁面，點選後會新開視窗至連結頁面，有關於10週年的恭賀募集活動。

選單中的Discography則會新開頁面至專輯等影音週邊的列表。

而選單最下方的For U點開則有一系列的粉絲管道，包括fan club、BBS、信箱、留言板等等，其中LIFEsize似乎還在籌備中，裡面看起來是申請會員後可以取得一些樂團成員的日記啦、圖片桌布啦、電影等等資源訊息，而Staff Diary則是算幕後日記部落格？不過其實上面都是一些公開的影像和資訊啦，目前沒有發現什麼像幕後人員撰寫或特別的東西。

嗯反正日本的歌手樂團都很有他們自己的一套體制，海外歌迷都比較辛苦就對惹。不過這團比起傑x斯等等偶像，真的公開提供很多資源，有youtube頻道可以看，專輯也不會給你出很多不同的版本讓你窮到被鬼抓走，佛心來著佛心來著。他們的Facebook粉絲專頁蠻活躍的，常常po一些片段影片和近期訊息，follow他們的動態著實比起很多日本藝人歌手樂團來的容易許多，有興趣的人不妨去看看！附上官網http://www.uverworld.com和粉專https://www.facebook.com/uwuw.for.oversea/?fref=ts連結，感謝閱讀～～～

網頁分析第6彈---MEN'S NON-NO WEB

MEN'S NON-NO是日本的一本男性潮流時尚雜誌，在日本似乎是聖經級的男性穿搭指南！旗下模特每個都是型男，也有不少開始進軍演藝圈，是個有一定水準的公司。基於我最最最喜愛的男模成田凌隸屬於Men's Non-No，就來介紹他們的官方網站吧～～～❤️❤️❤️


首頁左上方是Logo，下方有選單，接著是近期的活動主視覺，左邊比較長的那塊會向右變換圖片。之後下面左右分成兩大區塊，左方首先是待會會介紹的365style、News以及Blog，而右方則是這一期的雜誌資訊、各活動的消息和官方社群網站等等。最下方是有選單列的Footer。

News是最新的消息，只要是跟自家模特或雜誌有關或合作的任何活動或宣傳都會在這裡更新，Blog則是比較深入的一些模特的採訪介紹、計畫或活動資訊等等。這兩項在選單列中都可以選擇，點擊進入後可以看到文章的列表。



選單列中的Instagram就是官方的Instagram而已，Movie裡不是真的都是電影，相關的影片例如最近哪個模特主演什麼電影/電視劇、雜誌拍攝的幕後花絮等等都有。

再來就是重點旗下模特的介紹啦～點擊模特的圖片後可以看到個人的基本資料、Q&A、有關他的網誌和他在365style中的照片。

私心放一下成田的介紹❤️（雖然這張照片沒有很好看...ㄏㄏㄏ）

接著是Men's Non-No特有的365style!這是他們幾乎每天（或兩三天）會拍的穿搭照，每次都是不一定的人，可能是旗下模特或是街拍素人，在他們官方的Instagram有時也會放，是個很適合年輕人參考的流行小指標，有時候還會看到前陣子拍過的素人成了他們旗下的新人呢（笑）。

選單後面的Collection則是可能出現在雜誌中或合作的關係品牌，真的有很～多。Present則是提供給會員的一些好康活動之類的。

整個網頁的架構是這樣。因為我本身非常喜歡日本模特的氣質，所以這篇完全是私心，推薦給不管是想看穿搭的男生或想看帥哥的女生哈哈哈哈。連結http://www.mensnonno.jp

網頁分析第5彈---Koszine

今天要介紹的koszine是一個涵蓋時尚潮流與音樂電影的線上雜誌，以韓國與歐美的資訊為主。撰寫文章的人文筆真的蠻幽默的哈哈哈，不過如果喜歡韓國跟歐美的潮流資訊的話，這個網站蠻有內容的，文章裡都會有非常詳盡的介紹或說明，之前找幾部電影的解析發現這裡，覺得是很不錯的網站。

因為是網誌的類型，首頁就像Blogger，是各種類型的文章以日期混合排列。上方黑色的選單會一直浮動在螢幕上方，方便瀏覽者不用回到頂端就可以點選。選單右方不免俗的有各社群網站的連結及搜尋欄。

文章的右手邊有廣告、Koszine簡單的介紹、粉絲專頁連結、人氣文章、Editor精選、音樂專欄還有分類等等

上方選單就是文章的分類而已，其中只有FEATURES有子分類，點選後就可以看到該分類的文章了

這個網誌的視覺真的很乾淨俐落，圖片都很漂亮，文章內容又很豐富（都會幫你找好網路上各種散落的東西），可以讓你短時間內吸收很多資訊，有特定目標或需求的人可以收進書籤，蠻好用的！

但是我一定要詬病的是沒有文章總覽這件事。也就是沒有辦法看到所有文章的列表，所以如果要找某一篇文章，除了直接用搜尋的就只能在他的分類裡一篇篇往下滑慢慢找，我認為是這個網誌急需改進的部分！

目前因為還沒創立很久資訊還不會太多，但以後應該會蠻困擾的。除此之外蠻期待他未來的發展，整體內容很符合、適合年輕人的胃口，而且蠻有深度的。推薦給有符合愛好的人（？）

第五篇網頁分析到此 連結http://www.koszine.com

網頁分析第4彈---Blue Man Group

Blue Man Group藍人樂團是美國的一個戲劇藝術團體，表演中有精彩的聲光效果以及節奏打擊表演、歌曲和互動等等，最大的特色就是Blue man藍人們是不講話的！我在多年前看過他們的表演，真的非常好看，推薦大家如果他們來公演時一定要去看！

今天就介紹他們的官方網站。首頁採下拉式，資訊很簡單但裡面蠻詳細的。選單只分為購票/關於演出/演出地點資訊，主視覺是一個Autism-friendly perfomance的日期連結，似乎是有跟特殊機構合作，類似公益演出的性質。下面則是一般演出的購票連結，以美國地區為主。最下方有社群網站的連結和Footer。

選單在mouse over時會展開，選擇演出地點時則會陷下去

點選進入演出場地後就會有日期可以選擇

點選選單的關於演出部分，也會依照所選擇的表演場地有不同的介紹資訊與影片

選擇秀場選單的話，則會有表演場地的說明及購票連結、路線資訊、座位圖、觀眾對演出的迴響與special offer等等

秀場選單中也有商店街可以購買演出或團體的週邊

選單中也都有關於團體的介紹和一些合作活動等等

簡單來說這個網站完全是針對給要購票或查詢相關演出或活動的觀眾，裡面有清楚的資訊，沒什麼廢話。不過我覺得選單裡的內容蠻雷同的，點一點會不知道自己在哪是一個待改善的部分，也許可以分得更有脈絡一點。

連結http://www.blueman.com

網頁分析第3彈---Mr.Children Official Website

本篇介紹的網站是日本搖滾天團Mr.Children的官方網站 連結http://www.mrchildren.jp

Mr.Children成立至今已經26年，是目前居日本史上唱片銷售量第二名的資深樂團，在日本及國際上佔有非常重要的地位。樂團風格清爽動人，幫許多電視劇或大大小小活動創作過歌曲，音樂及歌詞內容有別於許多著重情愛內容的流行歌曲，也抒發各種對社會、家庭、親情等的描寫，是相當有深度及能量的樂團。


進入首頁，上方左邊是樂團名稱Logo，接著是選單列。下方依序有今日消息的跑馬燈、主視覺、活動或訊息連結、最新的幾支影片及Fan Club連結，最下方則是團員們的概念照與footer。
跑馬燈還有主視覺跟影片的部分都有左右切換鍵，也可以從左上方縮圖選擇要瀏覽的目標。

我個人覺得在單頁下拉式的首頁背景顏色沒有統一，會導致頁面看起來一截一截的這點不是很好，但也不是很大的問題。

主視覺在固定時間間隔會自動向右切換，內容大概是近期樂團的相關活動訊息。

切換選單會連結到對應資訊的頁面，如live行程、影片一覽、媒體資訊、樂團紀事、專輯一覽與會員相關資訊連結等。

個人一開始進入這個網站首頁時乍看會覺得有點繁複（不知道是不是先前提到背景色沒有統一的關係），不過實際操作起來簡單的嚇人，就是非常中規中矩的網站，但樂團視覺做得很好這樣。

後面可能還會再介紹一兩個樂團（覺得不介紹不行），抱歉我真的很愛聽音樂呵呵呵。基本上樂團或歌手等音樂相關的網站可能大同小異，資訊不外乎就是一些live行程、專輯啊影音啊等等的，主要就看視覺及版面的編排，和有沒有一些別出心裁的設計。不過我會介紹的樂團都是整體視覺概念相當漂亮、有設計感的，在瀏覽網頁時總是覺得賞心悅目的那種。望大家笑納。

網站分析第三篇到這結束，感恩。

網站分析第2彈---Years & Years Official Website

Years & Years是我最近發現並且很喜歡的一個英國靈魂電子樂團。每年BBC都會從眾多新秀中選出極具潛力的新人，也就是BBC Sound Of .....，例如2008的Adele、2014的Sam Smith，前途一片看好，是非常具指標性，也會快速帶動知名度的頭銜。而BBC sound 2015就是本篇介紹的Years & Years。

來到Years & Years的官方網站，因為最近發了專輯，首先會有一層購買專輯、試聽及分享到社交或音樂網站的連結。瀏覽者可以依自己需求點選不同的通路按鍵。

如果是想要快速查詢他們的live行程或進入官網首頁，點選下方白色的按鈕就可以了。


進入首頁後，網頁整體採單頁下拉式，最上方中間是樂團的Logo，左右兩方則有社群網站的連結。下方的選單按鈕除了Store外，可以快速跳到對應的內容，還是在同一頁。

網站內容包括社群網站上大家對live演出的迴響、live演出的行程以及MV，資訊蠻簡單的。

live date跟video的部分，mouse over會變成桃紅色的。最下方的歌曲試聽連結會固定在視窗的下方。

另外，點選store的選單則會另開視窗進入購物商店，可以在裡面買到樂團的周邊商品。商店裡的選單能幫瀏覽者分類商品，方便快速尋找。左上方有返回官網的連結鈕。

官網與商店都有sign up可以登錄，似乎是能夠成為會員？但我不知道有什麼差別就是了。

這是第二篇的網頁分析，網站蠻簡單的所以內容也蠻簡單的哈哈。將來還會介紹許多我喜歡的樂團的官方網站，分析網站實為私心推薦這樣。

感謝大家 附上連結http://yearsandyearsofficial.com

網站分析第1彈---Type Center

Type Center是日本一個專為字型研究與相關議題、設計師等所架設的網站。除了分享與字型有關的文章消息外，有時也有提供免費或付費的字型可下載，以及字型相關設計師的個人介紹與資訊等等。

網頁整體採單頁下拉式的設計，用補色藍與橘做呈現。個人覺得非常非常好看，也很鮮明活潑 視覺卻不會感到刺眼，恰到好處。
最上方橘色條狀部分是跑馬燈，有日期及今明的活動消息連結。
網站Logo下方有四個選單，分別為：新聞/連載一覽/人物一覽/今日訊息
中間直線部分是時間軸，圓圈內會顯示時間，最上方的藍色圓圈則是推薦的文章。隨著時間久遠的程度，圓圈也會變小，按下最下方的圓圈能回到頂端 。
網頁底端則有搜尋欄及語言切換的功能，目前提供日韓及台灣（繁體中文）可以選擇。

值得一提的是右下方，上面寫著“字”的藍色圓圈

這個按鈕會隨捲軸上下浮動，可以讓瀏覽者依喜好切換整個網站的字型，相當有字型網站的專業感。

目前在字型的選擇上當然還是以日文字型最多樣化。

而整個網站都有做mouse over的差別設計。除了照片外，在游標移動到所有的連結上時，顏色都會切換成補色

網站的選單點擊後都與首頁是同樣的模式，只是沒有跑馬燈，今日訊息的快速連結移到左上方，選單則移到右上方 。

比較特別的人物一覽，是用設計師的代表字母或圖案，以圓圈的形式整齊地排列，視覺上非常簡單清爽

Type Center是我在找字體時無意間發現的網站，一點進去就被整個網站的顏色及視覺設計吸引，非常推薦給設計領域的人，是個很棒能吸收很多東西，也能發現好字體的網站。

現在Type Center也有繁體中文可以給台灣人閱覽，非常貼心。雖然資訊相較日文版來得少 但還是很受用

附上連結http://type.center 推薦給大家 第一篇網頁分析到這邊 謝謝。