編者按：今天要介紹的兩個網(wǎng)站，一個收錄了高達250種日本傳統(tǒng)色，設計師可以用來汲取配色靈感。一個是免費的在線建站平臺，不僅支持響應式設計，而且木有空間流量限制，特別適合想建個人網(wǎng)站的設計師。

本文要介紹的 NIPPON COLORS（日本の伝統(tǒng)色）對日本愛好者來說一定很有吸引力，網(wǎng)站以收錄所謂日本傳統(tǒng)色系為主，前前后后共 250 種顏色，這些顏色具代表性，經(jīng)過歷史文化長時間淬練而來，也是最足以代表日本的色系。

簡單來說，日本傳統(tǒng)色是在日本古典文學里經(jīng)常使用的顏色，而這些顏色也常被用于和服或其他日本傳統(tǒng)藝術和手工藝中。無論有沒有去過日本旅行，當你看到這些色彩時，可能當下就會立刻聯(lián)想到日本（尤其中國臺灣又受日本文化影響甚巨…）。

現(xiàn)在，用戶透過 NIPPON COLORS 即可輕松索引檢視這些日本傳統(tǒng)配色，包括色彩名稱、色碼（CMYK、RGB、HEX），亦能開啟動態(tài)模式，自動隨機切換不同背景色。若你想要在設計上走和風配色，或是日系的素雅風格，請務必到這個網(wǎng)站來找尋靈感。

NIPPON COLORS 日本の伝統(tǒng)色

開啟 NIPPON COLORS 網(wǎng)站后會隨機跳出一種顏色。個人非常喜愛它的網(wǎng)站設計，尤其在字型運用上相當精致細膩，右側(cè)會顯示當前顏色的色彩名稱及色彩值，包括 CMYK 印刷四色分模式和 RGB 三元色光模式色階。

將鼠標光標移動到 RGB 三元色光模式上，右側(cè)會自動跳出 HEX 網(wǎng)頁顏色值。

比較特別的是右側(cè)有一個「Munsell」也就是「曼塞爾色彩體系」選項，將它開啟后會變成動態(tài)模式，利用色彩里的明度、色相和采度三個維度來描述顏色，你可以看到相當酷炫的動畫效果，在固定時間后自動隨機切換至其他顏色，也是一個尋找色彩靈感的方法喔！

Page00

本文要再來介紹一款好用的免費網(wǎng)頁架站平臺 Page00，這項服務主要針對單頁式網(wǎng)頁設計，不用額外下載、安裝軟件，透過瀏覽器就能快速產(chǎn)生支持響應式設計（RWD）的在線網(wǎng)頁！也就是無論計算機、手機或平板計算機都能正確瀏覽。

比較特別的是 Page00 能讓使用者修改程序代碼，包括一般看得到的 HTML、CSS 或 JavaScript，本身在操作上也很直覺，相較于近期一些新上線的架站平臺來說，Page00 外觀顯得陽春許多，但樸實的外表下卻隱藏著非常易用的功能設計。

Page00 內(nèi)建流量統(tǒng)計、追蹤功能，本身空間或流量無限，也不會針對瀏覽人次而有所限制，你可以盡情建立網(wǎng)站，當然也能隨時編輯網(wǎng)站內(nèi)容，或?qū)⒕W(wǎng)站移除等等，Page00 特別適合做為活動臨時網(wǎng)頁或短期宣傳頁面建置使用，不過比較可惜的是 Page00 無法讓使用者自定義域名。

STEP 1

Page00 是一項必須注冊才能使用的網(wǎng)絡服務，話雖如此，它仍提供匿名式網(wǎng)頁產(chǎn)生工具，只要設定密碼就能使用，網(wǎng)頁會保存 28 天。

開啟 Page00 后，使用者可以選擇以 Facebook 或 Google 賬號登入，或者以 Email 注冊賬號。登入后，就能看到 Page00 相關功能，我們點「New Page」來建立第一個網(wǎng)頁。

STEP 2

第一次使用 Page00 你可能會搞不太清楚如何操作，我簡單說明你就會理解，Page00 左邊主要是內(nèi)容的編輯調(diào)整功能，包括網(wǎng)站標題、副標題、內(nèi)文、鏈結、首頁圖片等等，右邊是實時預覽畫面，一邊做它就會慢慢更新、展示目前的網(wǎng)頁樣式讓你參考。

STEP 3

在 Page00 內(nèi)容編輯器部分，不意外的是使用所見即所得編輯器，也就是使用者能直接在編輯器內(nèi)加入文字樣式、插入圖片鏈結或是分隔線等等，修改網(wǎng)頁就跟在使用 Word 編輯器一樣簡單，將你要的排版格式陸續(xù)加進來后，Page00 就能把它轉(zhuǎn)為網(wǎng)頁呈現(xiàn)。

別忘了一邊改，一邊看看右邊實時預覽有沒有符合你要的效果。

STEP 4

Page00 有個「Hero Image」設定，這通常被稱為「首圖」或主圖片，會呈現(xiàn)在文章的最頂端，假如你有在瀏覽一些新聞網(wǎng)站的話應該對于類似設計不陌生。Page00 讓使用者也可自定義網(wǎng)頁首圖。

STEP 5

前面有提到：Page00 另一個特色是開放讓使用者編輯原始碼，包括 HTML、CSS 和 JavaScript！雖然跟一般網(wǎng)頁可能多少有些差異，但如果要做一些小調(diào)整，Page00 這項編輯功能就顯得很實用了！要如何打開程序代碼編輯呢？點選右上角的「程序代碼」圖示就能看到。

STEP 6

最后，點選右上角的「Change Template」，來變更套用到網(wǎng)頁的版型吧！Page00 真的是一個非常老實的網(wǎng)絡服務，就連提供的網(wǎng)頁樣式也都中規(guī)中矩，沒有太多變化，不過這些樣式很適合套用到各種內(nèi)容上，也不會有看起來怪怪的違合感！

主要都是版面和顏色的調(diào)整而已，因此只要找到符合你網(wǎng)頁使用的樣式，選擇后就能實時套用進去。

STEP 7

重頭戲就是發(fā)布網(wǎng)頁！是的，最終你必須點選右上角的「Publish」按鈕來發(fā)布頁面，這也是類似于儲存網(wǎng)頁的功能。點選后，設定一個頁標題、鏈結，按下下方按鈕完成發(fā)布，其他人就能看到。

跟一般服務不同的是 Page00 并未提供付費方案，因此也沒有更多自定義功能可以使用，這是美中不足的部分（但同時也帶來優(yōu)點就是不會有限制），如果你想在手機或平板計算機上用 Page00 來建立網(wǎng)頁的話，它也提供免費的應用程序下載，可在官方網(wǎng)站首頁找到。

值得一試的三個理由：

1. 透過瀏覽器就能建置網(wǎng)站，內(nèi)建統(tǒng)計功能、響應式設計
2. 無空間或流量限制，也沒有訪客點閱次數(shù)限制
3. 開放讓使用者編輯原始碼，包括 HTML、CSS 和 JavaScript

【優(yōu)設酷站22連發(fā)！】

1. 免費圖庫+導航收集站：《酷站兩連發(fā)！高品質(zhì)免費圖庫站+專注WEB/APP導航收集站》
2. 音樂站+字體搜索：《酷站兩連發(fā)！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發(fā)！漸變色方案全聚合網(wǎng)站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發(fā)！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發(fā)！可商用的矢量LOGO下載+平面最愛的27款免費字體》
6. 壓縮圖片+在線配色：《酷站兩連發(fā)！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動畫+寵物小精靈配色：《酷站兩連發(fā)！寵物小精靈專屬配色網(wǎng)站+CSS HOVER動畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發(fā)！游戲配色網(wǎng)站+免費美女素材特供網(wǎng)站》
9. 在線配色+字體推薦：《酷站兩連發(fā)！在線配色神器+英文字體推薦網(wǎng)站》
10. 追波作品變代碼+16進制顏色：《酷站兩連發(fā)！用代碼呈現(xiàn)DRIBBBLE作品+16進制顏色網(wǎng)站》
11. 無縫紋理+多邊形背景：《酷站兩連發(fā)！專注無縫紋理素材站+多邊形背景生成器》