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

心得技巧
引入外部文件(js/vbs/css)时,避免产生乱码的方法
复制和粘帖是封装的大敌
浅谈 div 与 table 如何取舍结合利用
各种网络图片格式详解 PNG的好处
HTML中的input type="reset"标签失效(不起作用)的可能原因。
优秀的网页前端设计的一些指标
网站产品设计参考的几条原则
首页设计最能反映web设计师的水准
网页设计的专业与非专业
网页设计心得 高效编写网页代码
ie8,chrome中table的宽度固定方法
flash 嵌入网页 与IE, FF,傲游兼容问题
一个优秀的注册流程应该具有的步骤
网页flash动画不显示的解决方法
入门知识 网站地址前的http是什么意思?
网页理论:Don’t make me think 阅读笔记
网页设计经验谈
晕倒:“用web2.0来制作符合标准的页面”
网页文字设计应该像聪明女孩穿衣服
设计理论:界面内容优化的层次

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


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

来由

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

一、前言

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

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

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

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

二、案例分析

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

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

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

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

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

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

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

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

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

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