主要通過分析日式網站的設計 色彩 文字 圖片 元素 這四個方面去解析。
本文章適合所有愿意提升網頁設計的小伙伴看。
本文章是樓主我根據原創分析得出。
希望大家看了這篇文章 會有所幫助和提升。

色彩

當我們看到小清新的網站的時候首先一定會想到日式網站！主要為年輕化的用戶群網站居多！

01:sarara   一家純凈水的網站！主要突出網站的  靜  純  自然

所以它的網站主題色系為藍色系，主要由高飽藍色到低飽藍色的過度，加上明暗對比的強烈！直接了當的突出宣傳的產品！足夠吸引用戶的購買欲望。

02 : 該網站的主要面向目標人群是大學生！所以選人物上面 比較有清純 活力的女生作為主角 讓她在炎熱的夏季能夠體驗到一瓶飲料給他們帶來涼爽的感覺是多么的喜悅。同樣是的采取了 藍色系作為背景  采用紫色作為點綴色！ 畫面的女主角傳遞出了 清純 可愛 運動 年輕的氣氛！所以一樣給用戶傳遞出了清新的感受。所以產品吸引大量的大學生購買！

03 : 這也是一家日本礦泉水的官網

同樣它也是運用了大量的藍色系作為背景：畫面中主要以亮藍色和亮黃色以及白色的對比再加上強烈對比的人物！一種 天然 陽光  愉悅的心情   不知不覺就吸引了用戶！自然突出了人物和產品！最后加上亮黃色的點綴吸引購買！成功增加了產品的購買率！

還有很多例子！我在這里只舉例了幾項！

在我們需要清楚的是在我們設計小清新的網頁的時候可可以吸取日式網站中的優秀元素！

01: 大部分采用藍色系進行過渡

02: 增加色彩的對比 例如：亮藍色和亮黃色等

03: 選擇帶有清純 年輕化 清新 愉悅的人物 來傳達氣氛

等等！

掌握了這些要領 相信各位設計一個接地氣的日式小清新的網站。

圖片

日式網站在處理頁面中的圖片的時候，會哪些規律呢？ 那么下面我們看看一些案例。

01:AIM info  網站團隊欄目中運用的圖片具有統一的調性，主要體現在：

她們的色調，人物視角， 及人物占有畫面的比例，通過男女對相別比的先后順序緩解視覺的疲勞！因此這樣的處理方式會給用戶一種專業 嚴謹  信任的感覺。

02:下網站是一個傳統服飾的網站：網站中的圖片運用了孩子的 攝影角度 一個正面和一個反面作為對比，通過性別對比，女孩和男孩錯列順序，通過色彩的 暖色和冷色進行一個對比，通過板塊大小的對比 網站中 小圖片和大圖片進行對比！通過幾何圖形來對比，正方形和長方形的對比！這樣的好處就是讓用戶即使閱讀這么多圖片的時候 變的清晰條理還不亂還能保持很大的新鮮感！減少用戶的視覺疲勞！

03:網站中的圖片使用 近景遠景的對比處理手法：如下網站：

中的圖片處理方式：第一張圖片使用近景來表現食物的細節！

第二張采用 遠景來表現飯店的外觀，

第三張第四張：同樣通過近景的手法來表現食物的加工過程

第五張：使用遠景表現整個全景照片

第六張：使用近景來表現食物細節誘惑的感覺

第七張：使用遠景體現整個參觀的內部感覺

04：下網站也是通過近景和遠景的方式來搭配圖片

根據上面幾個案例分析得來我們在網站運用圖片可借鑒的幾種方式！

01: 具有統一性［主要體現在 色調 人物占有畫面的比例 人物的造型 人物表情狀態 等］

02: 通過對比來｛主要體現在 近景和遠景的對比   冷暖色彩的對比   人物性別的對比 人物的造型姿勢的對比   形狀大小比例的對比  利用圖形來做對比 等｝等等方式！都是可以值得我們在網站中運用的時候需要注意的.

03: 突出主體！弱化背景！

文字

01：使用幾何圖圖形的形狀比例來進行文字排版

使用三角形比例進行文字文字排版

使用豎長方形比例來排版

使用橫長方形比例來排版

使用六邊形比例進行排版

使用正方形比例進行排版

使用圓形的比例進行文字排版

下面食品網站：文字進行豎排有效的將主視覺和介紹性的文字結合起來。又不失美感

同樣使用豎排的文字方式進行排版的案例，下圖文字采用豎排的方式！使得整個畫面更加有貼切感。

未完待續…