网站地图    收藏   

主页 > 设计 > 网页设计 >

素食公司网站设计思路_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:52 作者: 阅读:

[导读] ...

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

素食公司网站设计思路 三联

  一、分析

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

1

  二、设计

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

  1、配色

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

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

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

  2、布局

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

  3、小元素设计

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

580-2

  三、总结

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

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论