网页练习之分享个人的设计思路

2016-02-17 00:59 9 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐网页练习之分享个人的设计思路,无聊中的都看过来。

【 tulaoshi.com - 平面设计 】

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

先看页面,主题是素食

网页练习之分享个人的设计思路,PS教程,图老师教程网

一、分析

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

网页练习之分享个人的设计思路,PS教程,图老师教程网

二、设计

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

具体如下:

1、配色

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

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

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

2、布局

网站属于企业展示型的,所以首先想到的就是大图片,便于展示主体。

为了让整个页面更加平易近人,我加入了曲线元素,使画面看起来柔和,亲切。

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

3、小元素设计

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

网页练习之分享个人的设计思路,PS教程,图老师教程网

三、这里是需要个标题的

然后,我想说,做练习才有那么顺利,要真的接单,一般没这么简单,特别是遇到坑爹的客户,想到的表达不清楚,我们如果也没法抓住他们想要的,那么就是无止境的改稿了。

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

再者还有交互的问题,网页实现的问题,考虑的东西就复杂多了。

囧囧囧,做完写完才发现,整个页面好像产品宣传多点,不像个协会(开始做的时候定的是某个素食协会)...当时做的时候脑子里只有素食,忘记协会了。如果真的是接单的话,估计就得重做了。 最后最后,感谢你花时间看我这篇渣渣的分享。

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

延伸阅读
标签: PS PS基础
在本教程中我们将使用Photoshop CS6设计一个简单、干净、三列的作品集时间轴。在这个过程中,我们将着眼于自定义网格,排版样式,并利用不同的颜色和对比度实现我们想要的美感。 先下载教程需要的素材: 大气简洁的个人网站设计PS教程素材 同学们可以从这个教程学习如何在一个页面平衡不同的元素,使整个设计富有韵律感与呼吸感。快毕业的...
正确使用栅格给设计师带来的是灵活性,而不是一成不变。正确的栅格还有助于内容的组织,让观众/读者更容易理解内容。 栅格本身是没有对错的,其实简单的栅格更适合于不同的内容和设计目的。当然,如果你只是盯着一张白纸和标题发呆,那栅格也帮不了你。下面几点可以作为思考的起点,帮助你筹划你的栅格和设计。 ...
标签: 网络游戏
《斗战神》研发团队分享牛魔设计思路 针对以“西游”为背景的世界观,我们将《 斗战神 》理解为一个英雄群起的世界,不过在“反抗”的主题下,我们首先想到的不是以孙悟空为 原型 的灵猴,而是在原着中力战东西两派的牛魔王。《西游记》原着中,在孙悟空还占花果山为王的时候就与牛魔王结拜为兄弟,牛魔为兄、悟空为弟,足以见牛魔的修为...
在本教程中我们将使用Photoshop CS6设计一个简单、干净、三列的作品集时间轴。在这个过程中,我们将着眼于自定义网格,排版样式,并利用不同的颜色和对比度实现我们想要的美感。   同学们可以从这个教程学习如何在一个页面平衡不同的元素,使整个设计富有韵律感与呼吸感。快毕业的童鞋们可以尝试这样展示你的作品集哟。 先上效果图: ...

经验教程

878

收藏

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