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

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

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

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

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

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

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

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

  Page00

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

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

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

  STEP 1

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

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

  STEP 2

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

  STEP 3

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

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

  STEP 4

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

  STEP 5

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

  STEP 6

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

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

  STEP 7

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

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