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

用户头像
广州/学生/13年前/16921浏览
网页练习,分享个人的设计思路
用户头像
carrotr

分享前端时间一个网页练习的大概设计思路。

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

先看页面,主题是素食


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



二、设计
通过思维导图很好的整理了信息,再将信息提取,选取需要部分,将其融入设计。
具体如下:
1、配色
方法一:根据关键词做个思维导图来寻找跟主题相关的图片,通过获得的图片,在上面进行取色分析,最终确定五谷的颜色比较符合主题,则采用该颜色;

方法二:在配色网站,例如 Kuler 或者 COLOURlovers,输入关键词,例如 health,food 等符合主题的关键词。
从搜索结果中挑选适合自己的主题的配色方案,然后导入PS直接使用。需要注意的是,要注意配色方案运用在网页里面的比例,确定主色、协调色等。

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

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



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


27
举报
|
244
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
卡通风格网页页面3D渲染
卡通女孩与网页表格3D渲染
一个男生和两个女生站在网页前面打招呼矢量
卡通风格网页页面3D渲染
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
B19【星空诗意&网页幽灵按钮】公司产品服务简介汇报
商务网页
女生坐在网页面前办公矢量插画
三位美女围着网页看信息矢量插画
卡通女孩与网页表格3D渲染
卡通风格网页页面3D渲染
户外旅行飞机情侣假日出行
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
网页页面矢量插画
三个青年站在网页周边矢量插画
新年快乐送福网页矢量图banner
运营数据
男生和女生站在网页面前矢量扁平插画
网页设计——纸杯蛋糕
网页电商背景矢量插画
男生坐在网页面前办公矢量插画
网页图标
三个青年正在装修网页矢量插画
一个人拿着优惠券准备支付购物电商矢量插画
 网页背景
你可能喜欢
相关收藏夹
大家都在看
登录注册