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

心得技巧
网页设计教程(5):网页视觉设计
网页设计风格是不是越简单越好?
设计理论:一种洞悉人心的方法
大型网站网页栅格化将是潮流和趋势
帮助开发者提高网页速度的15个工具
页面设计(web设计)5个小技巧
网站改版页面关键点分析网页可用性
用户体验与以盈利目的的市场经济
如何使你的窗口变成一种模式
如何设计黑板样式网页横幅向学生宣传
WEBJX收集110个捕捉设计灵感的LOGO设计案例
网页设计细节:扩大用户可操作区域
用网页表单按钮建立对点击结果的期望
设计理论:合唱团标志设计过程和思路
编辑对网页排版设计感到不满意的8种情况
设计理论:扑克牌图案设计
LOGO设计实例理论:出色的LOGO和商业名片
网易首页改版:提高用户体验的简约大气包容设计
设计三要素:清晰、独创、幽默
网页设计师:设计源于灵感,灵感源于借鉴

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


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

来由

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

一、前言

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

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

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

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

二、案例分析

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

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

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

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

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

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

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

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

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

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