NIPPON COLOR日本傳統色彩色票

 NIPPON COLOR日本傳統色彩色票

一個超酷的配色網站，之前有在誠品書店看到同類型的書，日本傳統色彩色票當時超想買下來的，可是看了價錢還是默默的坐在地方欣賞就好。現在卻給我找到了這個同類型，網站裡面自己可以調節色彩的，操作簡單，設計典雅，又好玩。你可以在裡面選你喜歡的顏色然後旁邊就會裡面有CMYK和RGB的調色數字，以及最重要的是每一個都有自己的名稱，當你做設計的時候只需要跟著他給的數字就可以得到你要的顏色。而且你每一次點進去首頁的顏色都會是不同的，如果你想要看比較特別的炫酷效果，就去開啟右邊的MUNSELL，就會跑出來一個超炫酷效果。

http://nipponcolors.com/

首頁是一個以隨機的方式呈現顏色，每一個開啟都會發現一個特別的顏色。中間是CMYK和RGB調色數字，讓你不管是做印刷或網站都可以用到。接著可以往下滑找你想要的顏色，然後點他一下畫面就會改變成你要的顏色。

比如你了117號菜種油，你就點他一下，然後就會看到整個底色就會變成菜種油的顏色了。

這個就是把MUNSELL點開啟跑出來的超炫酷效果，它會是以3D式隨著顏色變化你就可以看到全部顏色。

終結是非常有用的網站，至少讓我知道了很多彩色的名稱，當要選顏色的時候也不會隨性的選色票，直接利用這個網站的優勢來決定我的設計作品色彩。

字型設計 - Type is Beautiful

http://www.typeisbeautiful.com/

一個十分專業的中文字型部落格，名為Type is Beautiful。

網站架構很簡潔，極具外國網站的風格。Type is Beautiful的文章字裡行間都透露著筆者們的專業性，令我深刻體會到網絡世界高手如雲的真理。他是可以選繁體或簡體版本閱讀。

網站歷史
Type is Beautiful，成立於2007年。由一群熱血字型迷集體創辦，他們分布在英國，德國以及中國的各個角落。部落格大部分文章是原創，由諸多位筆者們同心協力搜集咨詢，編輯而成，是他們每個人的心血結晶。

主要內容
- 字型歷史
每個字型的背後都有位偉人，每位偉人的背後都有無數個故事。Type is Beautiful將這些故事串聯起來，編輯成文章。讓讀者了解到羅馬不是一天造成，字型設計的歷史值得人們去追尋。

- 從作品來探討字型設計
筆者們以已公開的設計作品為例，深入評論字型設計。

- 印刷學
許多設計師對於印刷學了解不深。Type is Beautiful的印刷學文章非常棒，是平面設計師們的必讀文。

首頁是介紹每一個公開的設計作品為例，以及深入評論字型設計，讀者還可以留言評語。

點了進去就會看到裡面詳細資料內容

這個網站真的很非常有用，可以看到全世界設計師現在的想法，裡面有我們會關注的話題包括字體、排版、平面設計、公共設計、技術和視覺文化。而且這個blog是由很多各方面專業設計師，程序員、設計愛好者及一些大學設計系學生一起努力維持的好網站。

 網站：Abduzeedo

是我最近幾乎每天晚上都會造訪一次的網站... 它是個以圖為主的設計網站。Abduzeedo於2006年12月建站， 巴西設計師Fabio Sasso當年只是想將他的設計靈感來源以及各種設計資源做個記錄，方便自己游覽。誰知無心插柳柳成陰，當時的那本網絡“記錄冊”如今已成了世界各地設計師的最愛網站之一。

主要內容
- 每日設計靈感來源（Daily Inspiration）
作者從網絡以及書籍搜集各類作品（建築，攝影，插畫，平面設計作品等）。所有搜集來的作品都屬大師級，盡管有些是學生作品，但都有一定的水準。

- 設計軟體教學（Tutorials）
這個部分是我的最愛！！我是個Photoshop控，好難想象沒有Photoshop的日子！軟體教學包括：Photoshop，Illustrator，Fireworks，Pixelmator。

- 獨家設計師采訪（Interview）
每位成功的設計師，背後都有著種種心酸和困難。想知道他們的心路歷程嗎？想知道是什麼支撐著他們走到今天的嗎？

- 圖片分享（Wallpaper）
還找不到靈感嗎？不如先下載這些漂亮的圖片。

- 免費字型分享（Friday Fresh Free Fonts）
Abduzeedo會和大家分享幾個優質免費字型，相當好用！

- 好站分享（Sites of the Week）
Abduzeedo每個星期固定會和大家分享近日以來發現的優質好站

首頁是很簡約的風格，最新的分享作品都會在這裡，讓大家方便點進去欣賞。

這個是作品分類選表，有建築、繪圖、攝影及logo等等的

點進去其中之一的繪圖分享，可以看到全部這位設計師的作品。

這個我的最愛學習教程分類選表，有PS，AI及FW等等的

教學過程都是以一步一步的很清楚的寫出了，超好用的。

配色的重要性

開始設計時，選擇一種顏色不容易，確定整體的配色更是一件難上加難的事情，常常讓設計新手手足無措。好不容易確定了網站的主色，還要花大把時間去調適點綴色。而那些新潮、流行的設計總是能夠使用戶為其出眾的色彩搭配而眼前一亮。

Hyundai Veloster網站的配色以及華麗設計手法吸引了我的眼睛

http://www.hyundai-veloster.eu/

這三張就是其中之一的深入資料處理方式。

這4張圖是一整張連著的設計，從上面開始滑著下去，肯定不會看漏上面資料。

整個網站的配色就是以上面這個5種顏色為主，覺得用色很大膽又視覺感也被滿足了

Matt Johnston設計師使用AI繪出的特色手錶繪圖

這次我想介紹一個非常簡單的網站，我是喜歡他的繪圖畫風以及出色配色功力。
這個網站的配色有特色，看起來又很舒服，我覺得他在配色以及畫工方面都非常出色。
其實這個出名的設計師的重點是在賣他的手錶繪圖以及延生出來的產品。

http://www.wrist.im/#

首頁是八張手錶繪圖，一進到裡面它就會自動查詢我們的ip，

然後他的手錶是自動設定上本地準確時間。右上角有四個icon是不同國家地區，

選擇哪一個地區手錶就會自動換成那個國家的時間。

當點進BUY PRINT 就會進到上面的網站，

讓我們直接買這張繪圖的設計產品。

點入AVI-8就會pop up另一個窗口是跟那個手錶有關係的購物網站。 

這次我要介紹網站是Kick My Habits，一個非常精緻又有互動性的網站，
這個網站主要是讓你看看你一個星期的花費都花在什麼地方，勸你把有些不好的習慣踢掉。
http://www.leedsbuildingsociety.co.uk/resources/kick-my-habits/

喜歡就去點進去玩一玩，裡面的手繪也很可愛

首頁是說明這個網站的目的，然後就可以點GET STARTED開始。

click了進來就會看飲食類，左邊點 I EAT 設定花費，之後click右邊繼續。

填完全部步驟，就會看到一隻腳讓你踢掉全部東西。

最後就會看到你一年和一個禮拜的花費計算。

使用單頁面網站設計手法可以作為一個產品、專題的宣傳頁，也可以作為一整個網站。單頁的好處很多，比如能快速的讓訪客直觀明了的查看你想表達的內容，其次製作成本減少，效率提高，特別是做專題頁，時間是很寶貴的。

从酿酒术汲取灵感的NAORA限量咖啡

今天我要介紹一個出名的NAORA限量咖啡網站 ( http://www.nespresso.com/naora/#/front )
首先我是被他的首頁的flash動畫設計手法吸引住了，之後看下去覺得他的網站很有趣，雖然簡單但是動畫方面增加了視覺感受效果。

精选哥伦比亚Arabicas咖啡是制造Naora的原料, 因为它是唯一可以在树上持续成熟的品种。在这个成熟过程中，Arabicas咖啡的果实密度增高颗粒变大，同时它们最大程度的吸收营养成份，使得Naora最终的芳香达到极致。設計概念應該是以高原山上的風景為主，讓我們容易投入近畫面裡面和了解Naora的原料由來。

首頁是用flash做成的，現在上面這4張圖是連著一整大張的圖片加上小小的動畫，當滑鼠往右邊移動你就可以看到新的場景，而且他們還配上了森林的自然鳥鳴的聲音。在圖片裡面紫色的格子是按鈕，當你一點它下面的紫色按鈕也會同時顯示你現在的位置。當然訂購按鈕是不可以缺乏的東西，就設計了明顯的顏色放在右下角。最下面一列就是分享按鈕區以及音響鈕，如果你想分享或不想聽到聲音就可以點它們。

點進了THE LATE HARVEST，裡面是一段短片介紹。

點進了THE AROMATIC PROFILE，出現的畫面是整頁的咖啡豆短片介紹

點進去THE COFFEE，就可以看到了新品Naora采用紫粉色胶囊包装，寓意其呈现出紫红色的野生浆果和晚采收樱桃天然风味，還有另一個產品Naora咖啡弥漫野生黑加仑和蓝莓香调。

點進去THE CHALLENGE，也是一個短片講解他們遇到的難度以及挑戰。

這個網站雖然框架不多，可是我覺得完成度已經達到了，視覺效果也表現的很精彩，讓人印象深刻以及高貴時尚。

HTML5 動態網站

網站設計目前已走向移動終端平台，估計未來的網站建設都會以HTML5為主要設計方向因為HTML5不僅是動態網站，而且又能完美結合IPAD 、 IPHONE與所有移動終端，不僅像移動終端那樣的觸摸屏的流覽方式，而且檔案小又具有動態效果，正好彌補了FLASH網站的足。

————————————————————————————————————————
什麼是 HTML5 ？
HTML5 是 HTML (HYPERTEXT MARKUP LANGUAGE 超文件標示語言) 的下一波重大改革，它新增了許多重要的功能，最主要目的是要減少網頁設計中外掛程式 (PLUG-IN-BASED) 的使用，像是 ADOBE FLASH、MICROSOFT SILVERLIGHT、APACHE PIVOT 和 SUN JAVAFX 等。
————————————————————————————————————————



我覺得這個smokey bones餐廳動態網站做的很好，簡單又完美結合了所有移動終端。
http://smokeybones.com

這是電腦版，首頁以整面大圖來吸引顧客眼光，排版是分兩欄，左邊是選單然後右邊就是餐廳資料設計。右邊做了一個SEE THE FULL MENU的格子主打Late Night Menu，讓我們可以直接點進去看。右上角是網上訂購的小按鈕，很明顯又直接想訂購就直接click進去。這個整個網站給我的感覺是走簡潔易明的路線。

平板版的時候，選單會自動縮小成簡易版，全部資料以及圖案也
會配合銀幕大小而改變。

手機版

平板以及手機的簡易選單

（電腦版）click一下menu，就可以看到餐廳裡面在賣的西式料理以及其他分類，想了解哪一個西式料理就直接click進去看就可以了。

平板版和手機版的menu就會自動變成1欄，
圖片也會自動縮小以及掩蓋來配合銀幕尺寸。

（電腦版）click進去隨便一種料理就會直接看到料理的介紹以及詳細資料。

（平板版和手機版）裡面的料理的介紹以及詳細資料排版也會自動改變來遷就銀幕尺寸。

smokey bones餐廳網站運用了這樣的手法，可見他們的消費者範圍是很廣大，消費者可以不管在任何時候都可以上網訂購或看到他們的網站，而且不會因銀幕尺寸的問題讓消費者有所困擾。

HTML5創造出了新潮流以及新技術，有一些網站讓我對他們的創意十分驚喜。

這裡還有一個網站( http://www.annasafroncik.it/ )，他也是讓我深深被HTML5的魅力征服了的原因之一。