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

心得技巧
设计心得:拙劣的设计常见原因
视觉设计色彩分析:膨胀色与收缩色
图形设计实例分析:概念视觉设计
交互设计指南:突出重点让用户一目了然
用户体验:网站需要不需要在线客服
搜狐白社会交互设计:SNS中设计任务的目的
网站用户体验:网站在线客服的作用
电子商务网站设计误区全面分析
互联网产品策划:邮件回执功能
网站分析行业目前的现状
简洁易用的用户UI界面设计的9个基本原则
设计之处:谷歌的赞助商链接竞价排名设计
用户提亚设计实例:节日LOGO互动设计讨论
Web设计中的多按钮共存设计
设计思想:体验如何设计
网站设计参考:简洁的白色风格网站设计实例
视觉设计:视觉设计师遇上开发工程师
网页中的保存和取消按钮设计方法探讨
设计观点:设计顾问是干什么的?
yui3在框架设计中的牺牲和让步

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


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

来由

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

一、前言

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

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

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

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

二、案例分析

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

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

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

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

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

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

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

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

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

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