會寫這(zhè)個分享是因爲有位朋友和先誠科技小編讨論如何改良某個他做的頁面(miàn)，因爲很難表達，所以先誠科技小編幹脆自己也試著(zhe)去做了下，然後(hòu)把思路分享出來。

一、分析

因爲這(zhè)次并無任何客戶要求，純粹自己練習，那麼(me)按照自己定的主題——素食，有了主題就有了方向(xiàng)，就可以開(kāi)始分析了。首先先誠科技小編做個了簡單的思維發(fā)散，由主題聯想出相關的關鍵詞，從關鍵詞到從抽象到具象。

二、設計

通過(guò)思維導圖很好(hǎo)的整理了信息，再將(jiāng)信息提取，選取需要部分，將(jiāng)其融入設計。

1、配色

方法一：根據關鍵詞做個思維導圖來尋找跟主題相關的圖片，通過(guò)獲得的圖片，在上面(miàn)進(jìn)行取色分析，最終确定五谷的顔色比較符合主題，則采用該顔色;

方法二：在配色網站，例如 Kuler 或者 COLOURlovers，輸入關鍵詞，例如 health，food 等符合主題的關鍵詞。

從搜索結果中挑選适合自己的主題的配色方案，然後(hòu)導入PS直接使用。需要注意的是，要注意配色方案運用在網頁裡(lǐ)面(miàn)的比例，确定主色、協調色等。

2、布局

網站屬于企業展示型的，所以首先想到的就是大圖片，便于展示主體。

爲了讓整個頁面(miàn)更加平易近人，先誠科技小編加入了曲線元素，使畫面(miàn)看起(qǐ)來柔和，親切。

3、小元素設計

标題處的斑駁，還(hái)有邊框都(dōu)是從“自然和樸素”這(zhè)兩(liǎng)個關鍵詞衍生出來的，添加有趣的元素，使畫面(miàn)更加豐富，不單調。

三、這(zhè)裡(lǐ)是需要個标題的

然後(hòu)，先誠科技小編想說，做練習才有那麼(me)順利，要真的接單，一般沒(méi)這(zhè)麼(me)簡單，特别是遇到坑爹的客戶，想到的表達不清楚，先誠科技小編們如果也沒(méi)法抓住他們想要的，那麼(me)就是無止境的改稿了。再者還(hái)有交互的問題，網頁實現的問題，考慮的東西就複雜多了。