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

心得技巧
固定、流动、弹性网页布局的利弊分析
网页设计中的tab应用的两种类型
50个漂亮的FLASH网站设计实例
好的网站文案 良好的用户体验
设计欣赏:张扬个性的名片网站设计实例
网页设计教程:网页模式窗口要适时使用
设计参考:23个精美的橙黄色调网站设计实例
优秀网站UI设计简单的和通用的可用性策略
设计参考:11个合理排版结构的新杂志网站设计
如何设计兼顾美观与可用性的网站购物车
网页设计理论:IE6必须下地狱
网站地图放到网页底部的好处和实例
WEB安全工具大收集
密码保护设置影响用户体验的几点因素
简单分析新闻网站二级新闻列表的表现形式
网页图片的点击区域设计的用户体验
WEB设计师需要什么样的网页字体?
HTML中的input type="reset"标签失效(不起作用)的可能原因。
修改网页中的FlashSWF文件的方法
网页设计制作试题及参考答案

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


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

来由

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

一、前言

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

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

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

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

二、案例分析

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

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

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

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

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

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

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

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

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

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