收錄250種日本傳統色網站+免費線上建站工具推薦

發表於2016-07-14

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

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

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

NIPPON COLORS 日本の伝統色

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

NIPPON COLORSNIPPON COLORSNIPPON COLORSNIPPON COLORSNIPPON COLORS

將滑鼠游標移動到 RGB 三元色光模式上,右側會自動跳出 HEX 網頁顏色值。

NIPPON COLORS

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

NIPPON COLORS

Page00

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

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

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

STEP 1

Page00 是一項必須註冊才能使用的網路服務,話雖如此,它仍提供匿名式網頁產生工具,只要設定密碼就能使用,網頁會儲存 28 天。

開啟 Page00 後,使用者可以選擇以 Facebook 或 Google 賬號登入,或者以 Email 註冊賬號。登入後,就能看到 Page00 相關功能,我們點「New Page」來建立第一個網頁。

Page00

STEP 2

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

Page00

STEP 3

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

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

Page00

STEP 4

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

Page00

STEP 5

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

Page00

STEP 6

最後,點選右上角的「Change Template」,來變更套用到網頁的版型吧!Page00 真的是一個非常老實的網路服務,就連提供的網頁樣式也都中規中矩,沒有太多變化,不過這些樣式很適合套用到各種內容上,也不會有看起來怪怪的違合感!

主要都是版面和顏色的調整而已,因此只要找到符合你網頁使用的樣式,選擇後就能實時套用進去。

Page00

STEP 7

重頭戲就是釋出網頁!是的,最終你必須點選右上角的「Publish」按鈕來發布頁面,這也是類似於儲存網頁的功能。點選後,設定一個頁標題、鏈結,按下下方按鈕完成釋出,其他人就能看到。

Page00

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

值得一試的三個理由:

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

相關文章