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

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

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

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

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

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

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

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

  Page00

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

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

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

  STEP 1

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

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

  STEP 2

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

  STEP 3

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

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

  STEP 4

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

  STEP 5

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

  STEP 6

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

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

  STEP 7

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

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