咨询电话:
15628812133
21
2017/01

怎样让网页更有层次感

发布时间:2017-01-21 18:41:05
发布者:dingguangchen123
浏览量:
0

一个好的网页,除了给它设计搭配,层次感也很重要,既能加强网页美感还能更丰富的展现其氛围,增强带入感。在当代设计领域好的设计作品,要看综合表现,下面根据公司(文汇传媒)专业建网站来讲讲怎样让网页更有层次感。

 层次感通俗讲就是通过颜色、大小、明暗、对比、形式等来做关联和区分。

颜色

首先要做的就是颜色的搭配,当前做的也是根据市场需求来定的主色调,或者是流行的色调,然后在加些其它颜色作点缀。颜色是一个很有意思的工具,他可以在组织和个性两方面起到作用。醒目、对比强烈的颜色在特殊的元素中将会引起更大的关注(例如按钮、错误信息或者超链接)。色彩应用在视觉层次设计中可以做到信息分类的效果,就像下面的例子:

 

QQ截图20170121175607.jpg

(主色调定好,再用其他色点缀下,层次感瞬间出来了)

大小

较大的物体具有更大的吸引力。将尺寸的控制作为制造层次的工具是一个高效又直接的方法去引导读者的视线。在设计中将尺寸和重要性结合起来是非常关键的。最大的元素大部分情况都具有最大的重要性,相反,最小的元素应该是最不重要的。

QQ截图20170121180421.jpg

对比

对比相对网页有好多,字体的大小,背景的对比,颜色的对比,都能快熟的表达出层次感,从较亮的背景转换到一个较暗的背景将较快的区分核心内容与页脚内容。

QQ截图20170121181650.jpg

QQ截图20170121181705.jpg

(字体的大小来表述主要和次要内容,颜色的改变来提醒内容重点,背景的运用添加氛围)

形式

形式的表现有很多,也是比较杂的一类,每个网站有固定的形式但有不同的设计表达形式,看着矛盾,其实一点都不矛盾,好的表现形式会更好的让客户一眼看出重点在那,次要在那。这一点就不一 一介绍了,看几张图片来感受下吧

 

QQ截图20170121181820.jpg

QQ截图20170121181519.jpg

QQ截图20170121181910.jpg

(形式感很强的个性网页,当然也有规矩的,表达层次感的手法千奇百怪主要多学习,多积累,让脑洞大开)

关键词:
返回列表