會(huì)寫這個(gè)分享是因?yàn)橛形慌笥押拖日\科技小編討論如何改良某個(gè)他做的頁面，因?yàn)楹茈y表達(dá)，所以先誠科技小編干脆自己也試著去做了下，然后把思路分享出來。

一、分析

因?yàn)檫@次并無任何客戶要求，純粹自己練習(xí)，那么按照自己定的主題——素食，有了主題就有了方向，就可以開始分析了。首先先誠科技小編做個(gè)了簡單的思維發(fā)散，由主題聯(lián)想出相關(guān)的關(guān)鍵詞，從關(guān)鍵詞到從抽象到具象。

二、設(shè)計(jì)

通過思維導(dǎo)圖很好的整理了信息，再將信息提取，選取需要部分，將其融入設(shè)計(jì)。

1、配色

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

方法二：在配色網(wǎng)站，例如 Kuler 或者 COLOURlovers，輸入關(guān)鍵詞，例如 health，food 等符合主題的關(guān)鍵詞。

從搜索結(jié)果中挑選適合自己的主題的配色方案，然后導(dǎo)入PS直接使用。需要注意的是，要注意配色方案運(yùn)用在網(wǎng)頁里面的比例，確定主色、協(xié)調(diào)色等。

2、布局

網(wǎng)站屬于企業(yè)展示型的，所以首先想到的就是大圖片，便于展示主體。

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

3、小元素設(shè)計(jì)

標(biāo)題處的斑駁，還有邊框都是從“自然和樸素”這兩個(gè)關(guān)鍵詞衍生出來的，添加有趣的元素，使畫面更加豐富，不單調(diào)。

三、這里是需要個(gè)標(biāo)題的

然后，先誠科技小編想說，做練習(xí)才有那么順利，要真的接單，一般沒這么簡單，特別是遇到坑爹的客戶，想到的表達(dá)不清楚，先誠科技小編們?nèi)绻矝]法抓住他們想要的，那么就是無止境的改稿了。再者還有交互的問題，網(wǎng)頁實(shí)現(xiàn)的問題，考慮的東西就復(fù)雜多了。