- 標題
- 網站設計評論#8：CSSPiffle Pitch Deck in HTML5 and CSS3
- 網址
- http://nowills.blogspot.tw/2012/08/8csspiffle-pitch-deck-...
- 摘要
-
初次遇見網站
第一次到CssPiffle就被它的開場loading給嚇到，因為除了白茫茫一片以外只有一個不斷淡入但出的logo，什麼東西都看不到，一直到loading完，出現的畫面居然是這樣的精簡又有創意，整個網站整體來說非常簡單，但是看起來卻非常精美，而且畫面與技術上的搭配可以混合出像CssPiffle這樣的視覺效果，也可以說是非常不容易，不只是技術，還要很清晰的資料脈絡與簡潔設計的能力才能達到這樣的成果，話不多說，就趕快來分析一下CssPiffle這個網站吧！
引用至:http://nowills.blogspot.tw
網站設計評論系列文章的目的，是為了提升自我設計與新網站研究，主要的重點在於吸收新知與吸收設計方法，希望透過一連串網站的評比與討論後，可以提出對於網站設計的常見法或設計法則，提供日後相關設計的參考，歡迎網友留言一起討論該網站的設計，不管是視覺面或技術端，都非常歡迎留言提出，感謝您看完冗長的介紹與文章，如果覺得不錯歡迎與朋友分享。
網站設計評論系列文章的目的，是為了提升自我設計與新網站研究，主要的重點在於吸收新知與吸收設計方法，希望透過一連串網站的評比與討論後，可以提出對於網站設計的常見法或設計法則，提供日後相關設計的參考，歡迎網友留言一起討論該網站的設計，不管是視覺面或技術端，都非常歡迎留言提出，感謝您看完冗長的介紹與文章，如果覺得不錯歡迎與朋友分享。
[ 參與回應 ]
評 價 0
你認為？
- 標題
- 網站設計評論#7：Quarter Rest Studios - HTML5
- 網址
- http://nowills.blogspot.tw/2012/06/7quarter-rest-studios-...
- 摘要
-
初次遇見網站
一直以來都沒有看過這種數位媒體工作室的網站，像這樣的數位工作者通常都可以運用畫面或聲音帶動觀者的情緒與心理，是非常了解如何掌控氛圍的一個工作類別，所以剛看到這個網站的時候覺得還蠻新鮮的，尤其是線上音樂播放的部分還可以看到波型，播放過還會覆蓋一層淡灰色顯示播放過，就跟一些音樂剪輯軟體一樣，感覺真的非常新鮮，也由於他們的專業就是數位影像跟音樂，所以在整體網站上無形中就加分非常多，也因為他們專長與重點是影像與音樂，所以網站走簡潔風更能讓焦點聚集，可以說這個網站看似一般，但是卻隱藏著無限的潛能喔！
評 價 0
你認為？
- 標題
- 網站設計評論#6：Cherry Blossom 蛋糕店 -HTML5網站
- 網址
- http://nowills.blogspot.tw/2012/06/6cherry-blossom-html5....
- 摘要
-
初次遇見網站
Cherry Blossom這個網站看起來非常一般，但是你絕對想不到這是一個HTML5的網站！最近跟很多朋友聊天，大家似乎都以為HTML5的網站就是很絢麗，會有很多動畫飛來飛去，跑來跑去，很多效果都比Flash好，坦白說，真正的HTML5網站，其實很多地方看起來都跟現在的HTML4或XHTML網站並沒有落差太多，所以我覺得Cherry Blossom就是一個很好的例子，它真的是HTML5，只是我如果沒提，我想很多人也不會發現到這點。
評 價 0
你認為？
- 標題
- 網站設計評論#5：大友克洋原畫GENGA展覽
- 網址
- http://nowills.blogspot.tw/2012/05/5genga.html
- 摘要
-
初次遇見網站
剛到大友克洋原畫GENGA展的官方網站，映入眼簾的就是大友克洋的原畫圖稿，那樣的背景很容易會吸引動漫迷注意，所以透過背景的運用就可以抓住目標網友的眼睛，這樣的作法既簡潔又明確，是個很棒的做法，運用原畫把主題很清楚的呈現出來，在那樣黑白灰的畫面加上了代表注意的紅色，就可以把區塊與內容完整呈現出來，所以在整體第一屏的設計是非常優質的，如果在快速的往下捲動，你會發現背景的圖案會有層疊，這與傳統的背景呈現不同，比較不會有圖片突然換圖片的突兀感受，反而增加了一種流動感，而這個流動感又與網站的瀏覽動線是有一致性的，就會讓網友在瀏覽網站的過程更加的順利也更加的順眼！
評 價 0
你認為？
- 標題
- 網站設計評論#4：Home Plus企業官方網站
- 網址
- http://nowills.blogspot.tw/2012/04/4home-plus.html
- 摘要
-
初次遇見Home Plus
對於這樣一間大公司來說，官方網站肯定會出現許多數據化的資訊，比方說何時建立公司每年有什麼大事記、目前公司員工多少人、店面數與全國佈局等等，對於這樣數據的圖像化處理，韓國網站通常都有他們一套的方法，每每看到都會覺得非常驚奇，個人也覺得這是韓國網站的特色，希望透過網站的分析拆解，可以學習到韓國人把數據圖像化的設計功力。在Home Plus的首頁部分，一映入眼簾的就是很大的輪動式Banner設計，在幾張Banner上我就可以看見一些數據圖像化的跡象，比方說我們常用的四象限分析圖表，在Home Plus就以四葉幸運草來設計，讓原本生硬的四象限變得活潑了起來，這樣一個小小的變動，就襯托出設計的價值，真的非常不容易。
評 價 0
你認為？
- 標題
- 網站設計評論#3：人吉旅館
- 網址
- http://nowills.blogspot.tw/2012/03/3.html
- 摘要
-
初次遇見人吉旅館
剛到人吉旅館網站，背景的紙質就讓我想到浮世繪的畫紙，搭上書法風格的Logo，一整個彌漫了濃濃簡樸的日式風情，剛映入眼簾的照片牆也非常吸睛，讓看似純樸的網站充滿了活潑的生命力，由於照片進場的效果，讓人很難不想在多看照片一眼，我只能說人吉旅館用了很直接的方式讓我留了下來。旅館就是旅人休息的地方，勢必也要有點風景，再帶到室內裝潢，真的！不用多想，就會覺得自己來到了一個旅館網站，整體來說首頁的佈局真的十分的成功了得，真的讓我深深愛上這個網站！風格上除了覺得復古，內文排版也有時尚設計雜誌的感覺，讓整體網站復古又時尚，很符合現代設計潮流。
評 價 0
你認為？
- 標題
- 網站設計評論#2：HIGASHIYA和菓子屋
- 網址
- http://nowills.blogspot.tw/2012/03/2higashiya.html
- 摘要
-
初次遇見HIGASHIYA和菓子屋
剛踏進HIGASHIYA和菓子屋就被他那簡潔的風格所吸引，在照片中看到精美的包裝會讓我納悶裡面包的是什麼？可能是因為我不是日本人的緣故，所以我並沒有在第一時間就明白這是一個線上和菓子店，等到我一直陸續往下看那些精美的圖片時，我才漸漸知道這是一間線上和菓子店，對於愛甜食的我當然就很容易吸引我停留在網站上，而且對於首頁照片的不規則排列（說不規則卻又有那麼一點規則），很容易讓我想到雜誌，感覺就很不像我在看網站，反而像在看和菓子雜誌，讓網站的趣味度無形中提高了，而且也因為設計很像雜誌，在產品價值上無形中也把質感拉高了許多，雖然說和菓子在我印象中一直都是很有"價值"的食物，但是想象一下如果要把中式糕餅弄的這麼簡潔有質感，我還真覺得有點棘手呢！
評 價 0
你認為？
- 標題
- 網站設計評論#1：IdentyMe
- 網址
- http://nowills.blogspot.tw/2012/02/1identyme.html
- 摘要
-
初次遇見IdentyMe
第一次進入IdentyMe感覺網站非常單純，背景有漸層但在選單與最下方資訊列部分又採純色，兩種配色方式搭配得宜，而且在佈局上非常特別，一般網站Logo都在左上角，但是IdentyMe卻在中間偏下方的位置，這樣的佈局與一般Logo要一眼就映入眼簾的左上佈局真的非常不一樣，另外中間大圖像的微笑人物增加的網站的親和度，並且透過一個大圖像就把IdentyMe能做的事情顯示出來，就是這樣的簡單又有親和度，所以讓整個網站變的很親切，即使第一次進入IdentyMe，也不會覺得難以接觸，不會因為看不懂是什麼服務而離開，這樣的設計對於留下我來仔細閱讀是非常有用的，無形中就增加了我這個訪客的停留時間了。
評 價 0
你認為？