当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页设计理论:服装网站的简约设计

心得技巧
设计理论:设计师要有自学能力
54个新鲜的友好的在线商城网站设计实例
顶级设计师的第一准则:限制你的字体
顶级设计师的第二准则:限制你的色彩
顶级设计师的第三准则:对比,对比,对比
ALIBABA(中文站)用户体验设计指南
2009年电视剧网站和电影网站设计趋势
设计理论:实例展示设计海报全攻略(2)
设计参考:B2C网站的价格菜单页面设计
设计参考:设计有季节性特点的网站设计实例
网页中Read More(查看全文)的设计趋势
从10个方面来提高网站可用性设计
简单实用的用户界面设计10个原则
优秀的交互设计师《瞬间之美》简要总结
设计理论:视觉等级中的色彩认知
taobao cdn性能优化
网页设计参考:出色的30个网页按钮设计实例
设计思想:看好你的作品集
Webjx收集35个歌剧魅影酒吧网站设计实例
化妆品网站Skinstore.com首页改版评价

心得技巧 中的 网页设计理论:服装网站的简约设计


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 172 ::
收藏到网摘: n/a

来由

最近的工作一直是学校设计教程的开发,都是自己根据理论知识加一些实际工作经验相结合写的教程,所以不会咬文嚼字,文笔也不一定非常专业和流畅,甚至写的有些过于通俗;虽然积累了大量的这类教程,但是觉得有些拿不出手,喜欢的朋友支持一下,不喜欢的略过。里面大部分设计案例均由本人设计,只是为了实现效果,不一定有实际企业,只为教学使用,均不作为商业用途。

一、前言

简约是什么?通过最精简的表现手段(最少的元素)达到最好的效果,这就是简约的设计!

通过最简约的表达手段达到最好的表达效果一直是各个不同领域的创造者的目的;是设计的一个较高境界。

简约是一种设计追求,把所有凌乱的或者未知的元素组合起来,清除任何多余的元素,达到最好的效果,这个过程让人感到震惊,因为你完成了一项美妙的设计;

组合或者清除元素并非要你简单化,设计是否简约并不是以内容多少来判断,而是表现在设计的元素使用上,是否有显得多余的元素,是否是极至的简洁了;

二、案例分析

首先我们必须确定项目主题是否适合使用简约时尚风格来表达,因为服装网站,素材大都是企业通过模特拍摄的图片,图片风格在一定程度上影响着版面效果,比如以下服装风格,给人休闲、运动的感觉,如果非要使用简约时尚的设计风格来表达只会显得不伦不类:

1)简约的设计---精简准确的色彩

表达简约时尚的感觉,需要高度提炼色彩搭配,过多多杂的色彩是很难表现这种感觉的;饱和度高色彩丰富,适合儿童类网站(如下图);

以下GUGIRL服装风格简洁时尚,大方高贵,这类网站设计插图素材一般会由企业提供,经过专业模特和摄影,都能很多的表达服装的特征,页面色彩根据服装特点搭配,褐色传达高贵的感觉,不同层次的明度变化让色彩丰富起来,简洁的色彩搭配突出插图的气氛,让插图清晰大方的作为主题展示。

对于简约时尚风格而言,造型与色彩的结合更为重要,合适的图形,没有合适的色彩,无法表现简约时尚感;合适的色彩,没有合适的图形,同样无法表现简约时尚感;

下图,我们使用丰富的色彩搭配页面,同样的版式,给人的感觉是完全不一样的,画面色彩活跃,饱和度高,给人年轻,靓丽的感觉,与插图传递出来的感觉是不一样的,插图给人成熟、时尚、高贵、大方的感觉;用这些色彩没有很好的为主题服务;

色彩风格不变,把产品的风格做调整,我们看看以下页面,感觉是不是更加统一些呢,产品插图和色彩都给人青春,活泼靓丽的感觉,这样的搭配就是比较合理的了!

2)简约的设计---简洁大方的版式

精简设计中版式有什么原则?如何做到版式的精简设计?
首先,要记住什么才是简约的设计:通过最精简的表现手段达到最好的效果,这就是简约的设计!版式设计是通过点线面组成的,点线面的精简运用,是版式设计达到简约效果的前提;组成元素复杂了,页面当然也就复杂了;线元素,直线是最简洁的,曲线显得复杂;点本身是最简洁的元素;面元素,方形是最简洁的,多边形和不规则图形最为复杂;
下面的版式元素只有直线和面,都是最为简洁的元素,画面没有多余的元素,显得简洁大方,搭配插图,共同达到时尚的效果。

如果使用过多使用曲线或者使用曲线风格,就完全没有了简洁时尚的感觉,反而显得复杂累赘。