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

會(huì )寫(xiě)這個(gè)分享是因為有位朋友和我討論如何改良某個(gè)他做的頁(yè)面，因為很難表達，所以我干脆自己也試著(zhù)去做了下，然后把思路分享出來(lái)。先看頁(yè)面，主題是素食。

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

一、分析

因為這次并無(wú)任何客戶(hù)要求，純粹自己練習，那么按照自己定的主題——素食，有了主題就有了方向，就可以開(kāi)始分析了。首先我做個(gè)了簡(jiǎn)單的思維發(fā)散，由主題聯(lián)想出相關(guān)的關(guān)鍵詞，從關(guān)鍵詞到從抽象到具象。

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

二、設計

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

1、配色

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

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

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

2、布局

網(wǎng)站屬于企業(yè)展示型的，所以首先想到的就是大圖片，便于展示主體。為了讓整個(gè)頁(yè)面更加平易近人，我加入了曲線(xiàn)元素，使畫(huà)面看起來(lái)柔和，親切。

3、小元素設計

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

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

三、總結

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