素食公司网站设计思路心得发布者：本站     时间：2022-01-19 14:01:37

会写这个分享是因为有位朋友和我讨论如何改良某个他做的页面，因为很难表达，所以我干脆自己也试着去做了下，然后把思路分享出来。先看页面，主题是素食。

详细解析素食公司网站<a href=/design/ target=_blank class=infotextkey>设计</a>思路心得,PS教程,

一、分析

因为这次并无任何客户要求，纯粹自己练习，那么按照自己定的主题——素食，有了主题就有了方向，就可以开始分析了。首先我做个了简单的思维发散，由主题联想出相关的关键词，从关键词到从抽象到具象。

详细解析素食公司网站设计思路心得,PS教程,

二、设计

通过思维导图很好的整理了信息，再将信息提取，选取需要部分，将其融入设计。具体如下：

1、配色

方法一：根据关键词做个思维导图来寻找跟主题相关的图片，通过获得的图片，在上面进行取色分析，最终确定五谷的颜色比较符合主题，则采用该颜色;

方法二：在配色网站，例如 Kuler 或者 COLOURlovers，输入关键词，例如 health，food 等符合主题的关键词。

从搜索结果中挑选适合自己的主题的配色方案，然后导入PS直接使用。需要注意的是，要注意配色方案运用在网页里面的比例，确定主色、协调色等。

2、布局

网站属于企业展示型的，所以首先想到的就是大图片，便于展示主体。为了让整个页面更加平易近人，我加入了曲线元素，使画面看起来柔和，亲切。

3、小元素设计

标题处的斑驳，还有边框都是从“自然和朴素”这两个关键词衍生出来的，添加有趣的元素，使画面更加丰富，不单调。

详细解析素食公司网站设计思路心得,PS教程,

三、总结

然后，我想说，做练习才有那么顺利，要真的接单，一般没这么简单，特别是遇到坑爹的客户，想到的表达不清楚，我们如果也没法抓住他们想要的，那么就是无止境的改稿了。再者还有交互的问题，网页实现的问题，考虑的东西就复杂多了。，做完写完才发现，整个页面好像产品宣传多点，不像个协会(开始做的时候定的是某个素食协会)…当时做的时候脑子里只有素食，忘记协会了。如果真的是接单的话，估计就得重做了。