感官体验要素之设计风格

Recommand
杭州/平面设计师/3年前/561浏览
感官体验要素之设计风格Recommand

网站拥有别的网站所没有的风格,就会让浏览者多停留些时间,细细品尝站内的内容,甚至会分享到更多人……

前言

        一个人拥有自己独特风格,是一般人没有的,会让人注意到其的特别。若那个人的风格是正面积极向上的,就会引起人们的羡慕与称赞。

        网站也是一样,拥有别的网站所没有的风格,就会让浏览者多停留些时间,细细品尝站内的内容,甚至会分享到更多人关注和浏览。

       网站的风格必须要符合目标客户的审美习惯,并有一定的引导性。设计师需要注意的是,在对网站进行设计前,要明确该网站所针对的目标客户群体,并针对目标客户群体的审美喜好进行分析,从而确定网站的总体设计风格。

        这里可以理解成在正式开始设计之前,需要在草稿上罗列出目标客户群体的各种喜好标签和属性标签,从中筛选最关键的因素作为风格确定的点。(这里是一个用户体验设计的头脑风暴环节,剖析目标群体的行为习惯和目标诉求)


下面看几种常见的网站设计风格:

1、超清晰

        特点:结构明确、思路明了、符合阅览顺序,内容描述清晰。


        超清晰不仅仅代表一种风格,也是设计清晰实用的网页理想方式。

        超清晰风格偏向于极简主义风格,但是两者更关注的是清晰明了,而非越少越好.总而言之,超清晰风格追求的是功能完备且不失优雅的完美目标。


2、极简风格

        一直以来,这种风格都很受欢迎,它不仅能够提供最实用的设计,而且永远都不过时,同意它也便于维护和创建。但是极简风格需要在更多的细节上下功夫。

通过适当的比例将画面进行分割,留出空白空间作为版面的呼吸间隙。以大量的留白来体现画面的呼吸感和高级感。


3、照片风格

        顾名思义,这种风格是利用图片作为信息主要表现形式,照片的运用可以是背景,也可以是元素等。使用照片风格的网站都会让人耳目一新,比起传统网站更加具有条理性和视觉冲击性。但是在使用这一风格的时候一定要牢记一点:越有效果的东西,使用起来越是要谨慎小心

        使用这一风格可以从这几个点着手:①将照片作为背景 ②将照片做一定的弱化(虚化模糊处理) ③通过高清照片体现网站内容细节等


4、插画风格

        对于一位插画师来说,这种风格是很容易的,也是会插画的设计师独有一种表现手法。

这种风格通过插画与具体内容的契合,营造网站所表达的一种气氛和环境,将主体关键元素以插画形式表现出来。

        这种插画风格的运用领域很广泛,近些年在电商领域是最为显著的,包括淘宝店铺首页、电商专题页;其所包揽的行业也是众多,食品、母婴、饮料、服饰等等。


5、三维风格

        一般的网页界面都是一个二维平面的形式存在于各个终端显示器中,在整个互联网的世界中,这个空间可以看作是他们的一个世界,也存在属于他们的立体空间。通过某些元素增加立体效果,就可以让二维的页面走出三维的感觉。

        最常用的技巧手法就是将元素进行堆叠放置,这个效果可以想象是纸雕灯,是多层元素叠放形成完整的主体;另一种方式是通过给元素增加不同程度的阴影,增加元素的立体感效果,以达到一种悬浮的状态,因为只有立体的物体才会产生阴影;最有效的一种是通过透视原理,将网页的画面做出透视透视效果,营造整个网站处于三维空间,而非像前面两种仅仅是元素处于三维空间


6、字体风格

        以字体为主的风格可以归类于极简主义风格中去,这两者之间的差别是字体为主的风格更注重字体的表达方式。以字体为主的网页能够表现出字形的自然美,并让它传达出网站的主要信息。

        这种网站风格通常用以超大号字体作为页面的视觉焦点。


在设计过程中,在主要字体上做特殊处理,可以从这几个方面来考虑:

        ①字体的表现形式:字体的变形,字体的设计等

        ②字体的显示方式:渐变、残缺、粗壮、分割、炫彩等

        ③字体的编排:排列方式、字体间距、字体大小等

        通过这几种方式来安排以文字为主的网页,可以更明确的突出要传达的信息和视觉美感。


7、纯色风格

        这种风格听上去很多人会觉得是一种颜色,其实我们可以将思维拓宽,不要拘泥于形式。同时,使用纯色设计可以大大提高网页加载速度,减少浏览器请求服务器的等待时间。

        以色块的形式进行内容信息的划分,主次分明;通过色彩的分割将版面分成不同区域,版面中同样存在主次辅三种关系,在使用纯色设计的时候,要注意色彩的调和。(关于色彩调和和色彩设计,我将会在后面专门更新一个专栏作为色彩讲解,这里不做多介绍。欢迎后面大家前往专栏阅读学习。)


8、扁平化风格

        设计页面时,去除多余繁琐的效果,只用简单的色块进行布局。使用更少的按钮和选项,是整个页面更加干净整齐。便于用户操作,又可以将表达的内容直接展现出来。



总结

        网站页面的设计风格可以有很多,无论用户采用哪种风格,都要与网站本身内容相契合,这样才能将想要表达的内容迅速传达给浏览者。否则一味的追求花哨炫酷的页面效果,将使网站本身的核心内容给忽略掉。同理,在平面设计中也是一样的。

        确定网站的设计风格不是随心所欲的,网站表现出来的风格是很重要的,设计师应该认真考量,从而使网站风格起到展示网站品牌和传达网站信息的作用。网站的风格是根据内容形式来选择确定的。



5
阅读原文
|
Report
|
5
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
宇宙波 x 七夕新传
Homepage recommendation
相关收藏夹
学习专栏
学习专栏
学习专栏
学习专栏
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in