日本網頁設計怎麼做？營造日式風格的重點不藏私大公開！(下)

色碼有很多種，包含 HEX、HSB、HSL、RGB、CMYK 等等，在這裡不需要學這麼多專業知識，所以我直接以 Figma 預設的 HEX 舉例。 從上圖可以知道，越右上角，顏色的飽和度和亮度就越高；越左下角，顏色的飽和度和亮度就越低。

日本的「和諧」色彩，可以想像成每個顏色都沒有特別出眾，但合在一起就有舒服的感覺，也就是說，整體而言，「不常使用飽和度超高的顏色」。

但如果特意希望某些重點色特別明顯，還是可以使用飽和度高的顏色，但也僅限於重點色，其他顏色都會使用飽和度偏低的顏色來搭配，視覺上才不會覺得處處都被劃重點，結果亂到看不到重點（例如神秘的中華美學）。

另外，如果想營造日本的「空氣感」，除了使用比較細的字體或增加空白，顏色的部分則建議使用「亮度較高的色彩」，看起來比較輕盈，利於營造可愛、清新、有活力的感覺。

以下是從兩個日本主頁中抓取的顏色。 左邊的圖，看得出來兩個重點的綠色飽和度較高、亮度也比較高，但藍色就是使用飽和度低且亮度高的天藍色，底色則是飽和度最低、亮度最高的白色。

右邊的圖，若不看照片，應該看得出來整個網站的主色是黑和白，雖然黑和白是對比色，但兩者的飽和度都是低的，所以不會產生太搶眼的感覺，依然有做到「和諧」的基本要求。 另外，即使實景照片，顏色也需要和網站搭配。照片的主色依然是黑和白，搭上飽和度低但亮度高的咖啡色，以及一點點的綠色。讓整個畫面有足夠的視覺（顏色有四種），但又不會覺得不協調（除了黑白，沒有其他對比色，且其他顏色亮度高，感覺輕盈活潑）。