素食公司網(wǎng)站設(shè)計(jì)思路心得發(fā)布者：本站     時間：2022-01-19 14:01:37

會寫這個分享是因?yàn)橛形慌笥押臀矣懻撊绾胃牧寄硞€他做的頁面，因?yàn)楹茈y表達(dá)，所以我干脆自己也試著去做了下，然后把思路分享出來。先看頁面，主題是素食。

詳細(xì)解析素食公司網(wǎng)站<a href=/design/ target=_blank class=infotextkey>設(shè)計(jì)</a>思路心得,PS教程,

一、分析

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

詳細(xì)解析素食公司網(wǎng)站設(shè)計(jì)思路心得,PS教程,

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

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

1、配色

方法一：根據(jù)關(guān)鍵詞做個思維導(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è)展示型的，所以首先想到的就是大圖片，便于展示主體。為了讓整個頁面更加平易近人，我加入了曲線元素，使畫面看起來柔和，親切。

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

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

詳細(xì)解析素食公司網(wǎng)站設(shè)計(jì)思路心得,PS教程,

三、總結(jié)

然后，我想說，做練習(xí)才有那么順利，要真的接單，一般沒這么簡單，特別是遇到坑爹的客戶，想到的表達(dá)不清楚，我們?nèi)绻矝]法抓住他們想要的，那么就是無止境的改稿了。再者還有交互的問題，網(wǎng)頁實(shí)現(xiàn)的問題，考慮的東西就復(fù)雜多了。，做完寫完才發(fā)現(xiàn)，整個頁面好像產(chǎn)品宣傳多點(diǎn)，不像個協(xié)會(開始做的時候定的是某個素食協(xié)會)…當(dāng)時做的時候腦子里只有素食，忘記協(xié)會了。如果真的是接單的話，估計(jì)就得重做了。