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

2016-02-17 00:42 3 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐详细解析素食公司网站设计思路心得,无聊中的都看过来。

【 tulaoshi.com - 平面设计 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

一、分析

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

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

二、设计

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

1、配色

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

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

2、布局

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

3、小元素设计

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

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

三、总结

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

来源:http://www.tulaoshi.com/n/20160217/1576939.html

延伸阅读
对于许多组织来说,留下各种不同的活动或展览,包括节日或会议,来的时候,简单的传单,论坛和传统的横幅广告停止有效工作。无论事件变得广为流行,它提供更多的信息,不仅仅是一个简单的简要说明,还是组织者要使其更加现代化,利用当代各种手段,例如允许使用网上登记或销售数字门票。 最终会出现扩大的必要性。在这种情况下,创始人往往诉...
标签: PS PS基础
首先声明,这个教程会比较多的讲到思路,而不是特定的一个方法,不适合初学者。另外写的教程是很个人主义的,也许有些地方写的不对,希望多多理解。一直都想写一个关于色彩的总结,为此也麻烦了不少人,向他们讨教各自的secret weapon,然后在这里总结起来。 首先特此感谢大家对我不厌其烦的讨教给予的支持,还有一些大师po的到极致的片子让我...
工具型网站的特点剖析 工具型网站万变而不离其宗地围绕两个关键词在展开属于它们各自的情节,那便是:功能与数据。所以谈至"体验",其实设计目标也就更加清晰和明确 1.在保证功能流程顺利走完的基础上,让用户的感觉更加舒适; 2.在面对大量数据时,让用户轻松找到自己所需要的而不被满屏幕的字符折腾地焦躁不安。 工具型产品普遍...
尽管这篇文章针对的是新闻类的网站风格设计,但文中提到的12点原则,适用于每一个博客和个站,对想要做大网站的设计师站长来说,尤其实用。对新手设计师而言,这些设计原则更是必须掌握的。 正文: 这篇文章我们要来深度围观并学习一下某种风格的网站设计,没错!就是报刊风格的网站!在后面的文字里,你会理解这个风格的一些基本特征,如果能...
正确使用栅格给设计师带来的是灵活性,而不是一成不变。正确的栅格还有助于内容的组织,让观众/读者更容易理解内容。 栅格本身是没有对错的,其实简单的栅格更适合于不同的内容和设计目的。当然,如果你只是盯着一张白纸和标题发呆,那栅格也帮不了你。下面几点可以作为思考的起点,帮助你筹划你的栅格和设计。 ...

经验教程

71

收藏

72
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部