金沙澳门官网下载app > 摄影 > 网页设计总结之让设计作品更上档次,要的就是

原标题:网页设计总结之让设计作品更上档次,要的就是

浏览次数:193 时间:2019-09-25

大家都知道细节决定成败这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理。需求的眼睛和感觉总是非常敏锐的,对于一个页面没有得到需求方的认可,但是他们又说不出什么理由,这个时候就是细节问题了。一个页面的细节到位才能充分体现出页面的品质。一个优秀的作品与卓越的作品相比差距就在于细节的把控。

说到排版,这是个大学问。网站上每一个元素都能影响浏览,排版设计的好坏绝对能考验一个设计师的基本功底,而短短的一篇文章并不能将排版介绍清楚,本文就先主要分享网站主题部分文字的排版,后期我们还会在不同系列文章中根据重点地穿插介绍排版技巧。

说到排版,这是个大学问。网站上每一个元素都能影响浏览,排版设计的好坏绝对能考验一个设计师的基本功底,而短短的一篇文章并不能将排版介绍清楚,本文就先主要分享网站主题部分文字的排版,后期我们还会在不同系列文章中根据重点地穿插介绍排版技巧。

说到排版,这是个大学问。网站上每一个元素都能影响浏览,排版设计的好坏绝对能考验一个设计师的基本功底,而短短的一篇文章并不能将排版介绍清楚,本文就先主要分享网站主题部分文字的排版,后期我们还会在不同系列文章中根据重点地穿插介绍排版技巧。

那我们具体该如果做好细节呢? 下面简单介绍一下。

文字的排版需要考虑文字辨识度和页面易读性,本文就从最佳易读性规范和CRAP设计四原则的角度与大家分享怎样在网页中做出精彩的文字排版。

文字的排版需要考虑文字辨识度和页面易读性,本文就从最佳易读性规范和CRAP设计四原则的角度与大家分享怎样在网页中做出精彩的文字排版。

文字的排版需要考虑文字辨识度和页面易读性,本文就从最佳易读性规范和CRAP设计四原则的角度与大家分享怎样在网页中做出精彩的文字排版。

金沙澳门官网下载app 1

先想想,你觉得好的文字排版是什么样的?

先想想,你觉得好的文字排版是什么样的?

先想想,你觉得好的文字排版是什么样的?

字符

金沙澳门官网下载app 2

在我们看来,好排版一定有着比较棒的阅读性,文字内容在视觉上是平衡和连贯的,并且有整体的空间感。

在我们看来,好排版一定有着比较棒的阅读性,文字内容在视觉上是平衡和连贯的,并且有整体的空间感。

字符是页面中不可缺少的部分,页面上最重要的部分。所以这部分细节是最基础的,也是最不可忽视的。网页上80%的信息是以文字形式传达的,任何网页元素都无法替代文字的作用。网页中文字设计的好坏会直接影响到整个页面的视觉传达效果。

在我们看来,好排版一定有着比较棒的阅读性,文字内容在视觉上是平衡和连贯的,并且有整体的空间感。

布局、内容摆放和栏目设计都会影响文字的阅读性。从易读性来看,需要设计师考虑字体、字号、行距、间距、背景色与文字颜色对比等。

布局、内容摆放和栏目设计都会影响文字的阅读性。从易读性来看,需要设计师考虑字体、字号、行距、间距、背景色与文字颜色对比等。

字号

布局、内容摆放和栏目设计都会影响文字的阅读性。从易读性来看,需要设计师考虑字体、字号、行距、间距、背景色与文字颜色对比等。

我们在前面文章中已经重点介绍了字体和字号,以下最佳易读性规范则介绍行距和间距,分享适宜的行宽和行高,帮助浏览者保持阅读节奏,让读者拥有更好的阅读体验。

我们在前面文章中已经重点介绍了字体和字号,以下最佳易读性规范则介绍行距和间距,分享适宜的行宽和行高,帮助浏览者保持阅读节奏,让读者拥有更好的阅读体验。

字号的选择是根据功能需要而定的,字越大给浏览者的视觉冲击力越强,一般用于标题或其他需要强调的地方。小字整体性强,页面易产生多个中心,缺乏美感,时间略长,浏览者易产生视觉疲劳。最适合网页的字体大小为12磅,如果在一个页面内容较多,通常可以用9磅的字号,随着互联网飞速的发展,在内容较多的情况下10.5磅字号逐渐替代了9磅字号。游戏行业本身侧重于视觉传达,在官网及专题里文字都不会像门户类页面那么多,所以常规情况下最小保持10.5磅以上字号。

我们在前面文章中已经重点介绍了字体和字号,以下最佳易读性规范则介绍行距和间距,分享适宜的行宽和行高,帮助浏览者保持阅读节奏,让读者拥有更好的阅读体验。

一、最佳易读性规范

一、最佳易读性规范

金沙澳门官网下载app 3

一、最佳易读性规范

1.行宽

1.行宽

标题文字的运用

1.行宽

我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。

我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。

金沙澳门官网下载app 4

我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。

因此我们可以让内容区的每一行承载合适的字数,来提高易读性。

因此我们可以让内容区的每一行承载合适的字数,来提高易读性。

内容字体的运用

因此我们可以让内容区的每一行承载合适的字数,来提高易读性。

传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。

传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。

字体

传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。

比如下图:

比如下图:

金沙澳门官网下载app,不同的字体有不同的性格表现,严肃、幽默、力量、柔软等等。网页中比较常用的中文字体有宋体、黑体、楷体、隶书等。根据不同的页面主题可以选择不同性格的字体搭配。

比如下图:

2.间距

2.间距

标题字体的选用对整个页面的编排起着重要的作用。字体选择、字体特效到位,不仅会突出页面主题,而且还会烘托整个页面的气氛。

金沙澳门官网下载app 5

行距是影响易读性非常重要的因素,过宽的行距会会让文字失去延续性,影响阅读;而行距过窄,则容易出现跳行。

行距是影响易读性非常重要的因素,过宽的行距会会让文字失去延续性,影响阅读;而行距过窄,则容易出现跳行。

金沙澳门官网下载app 6

2.间距

网页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距。

网页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距。

主标题用毛笔字体,副标题选择用了方正楷体简体与主标题进行搭配,突显游戏武侠风格特点,导航文字选用了与副标题相同字体,内容用微软雅黑字体。整个页面一共选用了三种字体。

行距是影响易读性非常重要的因素,过宽的行距会会让文字失去延续性,影响阅读;而行距过窄,则容易出现跳行。

比如12号字体,行间距是12px—18px,段落间距则是18px—24px。

比如12号字体,行间距是12px—18px,段落间距则是18px—24px。

金沙澳门官网下载app 7

金沙澳门官网下载app 8

另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

主标题字体微变型,副标题选用了微软雅黑细体。

网页设计中,文字间距一般根据字体大小选1—1.5倍作为行间距,1.5—2倍作为段间距。

比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照1—1.5倍的比例设置,不过行间距和段间距的比例符合75%,看起来很不错,这样的视觉效果让人在阅读时保持一种节奏感,这就是在实际情况中将规范的灵活应用。

比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照1—1.5倍的比例设置,不过行间距和段间距的比例符合75%,看起来很不错,这样的视觉效果让人在阅读时保持一种节奏感,这就是在实际情况中将规范的灵活应用。

样式

比如12号字体,行间距是12px—18px,段落间距则是18px—24px。

3.行对齐

3.行对齐

文字的样式主要包括常规、粗体、斜体等。正文中的文字宜采用常规样式,标题宜采用加粗或斜体样式。合理的运用文字样式,将更有利于文字的视觉传达,更有利于浏览者的阅读。

另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。

排版中很重要的一个规范就是把应该对其的地方对齐,比如每个段落行的位置对齐。

排版中很重要的一个规范就是把应该对其的地方对齐,比如每个段落行的位置对齐。

金沙澳门官网下载app 9

比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照1—1.5倍的比例设置,不过行间距和段间距的比例符合75%,看起来很不错,这样的视觉效果让人在阅读时保持一种节奏感,这就是在实际情况中将规范的灵活应用。

不论哪种视觉效果,精美的、正式的、有趣的还是严肃的,一般都可以应用一种明确的对齐来达到目的。

不论哪种视觉效果,精美的、正式的、有趣的还是严肃的,一般都可以应用一种明确的对齐来达到目的。

间距

金沙澳门官网下载app 10

通常情况下,建议在页面上只使用一种文本对齐,尽量避免两端对齐。

通常情况下,建议在页面上只使用一种文本对齐,尽量避免两端对齐。

文字的间距分为横向间距和纵向间距即字距"行距。正文与标题的字距应该通篇保持一致,字距太大或太小都会导致可读性受到影响。行距的常规比例为10:12即用字10点,则行距12点。除了对于可读性的影响,行距本身也是具有很强表现力的设计语言,有意识地加宽或缩窄行距,能够体现独特的审美意趣。

3.行对齐

4.文字留白

4.文字留白

金沙澳门官网下载app 11

排版中很重要的一个规范就是把应该对其的地方对齐,比如每个段落行的位置对齐。

在排版文字时,在版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。此外,在排版内容区之前,需要根据页面实际情况给页面四周留出余白。

在排版文字时,在版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。此外,在排版内容区之前,需要根据页面实际情况给页面四周留出余白。

颜色

不论哪种视觉效果,精美的、正式的、有趣的还是严肃的,一般都可以应用一种明确的对齐来达到目的。

二、CRAP设计四原则在文字排版中的应用

二、CRAP设计四原则在文字排版中的应用

颜色的运用对于整个文案的表达会产生很大的影响。使用不同颜色的文字可以使想要强调的部分更加引人注目。色彩可以使得文本不受位置的局限,加强或者减弱文本的表现强度,使页面文本的浏览产生视觉导向。

通常情况下,建议在页面上只使用一种文本对齐,尽量避免两端对齐。

CRAP是四项基本设计原理,包括对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity), 已经被设计师广泛应用。这四个基本原则在网页设计中对文字的排版也非常适用。

CRAP是四项基本设计原理,包括对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity),已经被设计师广泛应用。这四个基本原则在网页设计中对文字的排版也非常适用。

金沙澳门官网下载app 12

4.文字留白

1.对比

1.对比

排版

在排版文字时,在版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。此外,在排版内容区之前,需要根据页面实际情况给页面四周留出余白。

我们将对比分为三类,主要是标题与正文的字体与字号对比、文字颜色对比,以及文字颜色与背景颜色的对比。

我们将对比分为三类,主要是标题与正文的字体与字号对比、文字颜色对比,以及文字颜色与背景颜色的对比。

文字的对齐方式一般分为四种:左对齐、右对齐、居中对齐和两端对齐,其中左对齐和两端对齐最为常用,因为这两种对齐方式比较符合人们的阅读方式。

金沙澳门官网下载app 13

>  标题与正文对比

>标题与正文对比

文字的排布方向主要有三种:横排、竖排和斜排,其中以横排为主,横排文字群体比较适合人们的阅读习惯。

二、CRAP设计四原则在文字排版中的应用

在AnyForWeb网站案例页面中,标题使用18号的微软雅黑,正文使用12号的宋体,两种字体字号的对比让文字内容富有层次,很容易吸引读者眼球。

在AnyForWeb网站案例页面中,标题使用18号的微软雅黑,正文使用12号的宋体,两种字体字号的对比让文字内容富有层次,很容易吸引读者眼球。

金沙澳门官网下载app 14

CRAP是四项基本设计原理,包括对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity), 已经被设计师广泛应用。这四个基本原则在网页设计中对文字的排版也非常适用。

>  文字颜色对比

>文字颜色对比

金沙澳门官网下载app 15

1.对比

在伽然官网中,一部分文字采用了与主要文字不同的另一种颜色,这种对比是增加视觉效果的有效途径之一,突出展示了段落的重点。

在伽然官网中,一部分文字采用了与主要文字不同的另一种颜色,这种对比是增加视觉效果的有效途径之一,突出展示了段落的重点。

留白

我们将对比分为三类,主要是标题与正文的字体与字号对比、文字颜色对比,以及文字颜色与背景颜色的对比。

>  文字颜色与背景颜色对比

>文字颜色与背景颜色对比

留白可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏。元素之间的留白不能太大这是基本的原则,留白过多,页面会变得零碎。

> 标题与正文对比

这是非常常用的一种排版设计方式,正文文本与背景合适的对比可以提高文字的清晰度,产生强烈的视觉效果。

这是非常常用的一种排版设计方式,正文文本与背景合适的对比可以提高文字的清晰度,产生强烈的视觉效果。

网页设计是以传达页面信息为主要目的的,留白更多的是服务和服从于网页的可用性。无数的可用性研究证实了一个事实:在Web中,用户对网页信息是进行浏览,而不是阅读。简洁明快、富于美感的页面更具有可浏览性,可使用户获得更加良好的浏览体验。

在AnyForWeb网站案例页面中,标题使用18号的微软雅黑,正文使用12号的宋体,两种字体字号的对比让文字内容富有层次,很容易吸引读者眼球。

比如在埃森哲官网中,白色背景、红色标题、黑色正文的对比,以及红色背景与白色文字对比的应用,将文字内容清晰衬托出来,既有丰满的层次感,同时有具有很强的视觉冲击力。

比如在埃森哲官网中,白色背景、红色标题、黑色正文的对比,以及红色背景与白色文字对比的应用,将文字内容清晰衬托出来,既有丰满的层次感,同时有具有很强的视觉冲击力。

留白空间不一定要是白色的。指的是任何与背景相同的空间。所以它可以是白色、黑色,其他纹理等。

金沙澳门官网下载app 16

设计师在使用这一原则时需要注意,必须确保文字是容易看清的,如果文字过小或过于纤细、色彩对比度不够,会适得其反,举个例子:

设计师在使用这一原则时需要注意,必须确保文字是容易看清的,如果文字过小或过于纤细、色彩对比度不够,会适得其反,举个例子:

大面积的有色范围

> 文字颜色对比

设计师如果对色彩的对比度还不够熟悉时,可以通过颜色对比检测工具(如Check My Colours、Colour Contrast Check)检测色差和亮度差,确保网页设计的易读性。

设计师如果对色彩的对比度还不够熟悉时,可以通过颜色对比检测工具(如Check My Colours、Colour Contrast Check)检测色差和亮度差,确保网页设计的易读性。

如在页面设计中只放置极少的必要元素,背景则用大面积的单纯色彩渲染,利用单纯色彩的力量来突出和烘托网页上的主要元素。边导航与主题内容的留白划分。

在伽然官网中,一部分文字采用了与主要文字不同的另一种颜色,这种对比是增加视觉效果的有效途径之一,突出展示了段落的重点。

2.重复

2.重复

金沙澳门官网下载app 17

金沙澳门官网下载app 18

设计中的元素可以在整个网页设计中重复出现,对文字来说,可能字体、字号、样式的重复,也可能是同一种类型的图案装饰、文字与图片整体布局方式等。重复给用户一种有组织、一致性的体验,可以创造连贯性,显得更专业。

设计中的元素可以在整个网页设计中重复出现,对文字来说,可能字体、字号、样式的重复,也可能是同一种类型的图案装饰、文字与图片整体布局方式等。重复给用户一种有组织、一致性的体验,可以创造连贯性,显得更专业。

金沙澳门官网下载app 19

> 文字颜色与背景颜色对比

比如HeyJuice网站在产品准则部分采用了统一的“图片+标题+正文”形式。内容不同,而布局方式统一,图片风格一致。用户一眼看过去,就能知道这是属于同一个版块的内容,这样的重复很容易有一种连贯、平衡美感。

比如HeyJuice网站在产品准则部分采用了统一的“图片+标题+正文”形式。内容不同,而布局方式统一,图片风格一致。用户一眼看过去,就能知道这是属于同一个版块的内容,这样的重复很容易有一种连贯、平衡美感。

导航按钮

这是非常常用的一种排版设计方式,正文文本与背景合适的对比可以提高文字的清晰度,产生强烈的视觉效果。

比如土巴兔装修网的流程,标题文字在图片同样的位置、采用同样形式,既与图片背景颜色形成对比,又是文字样式的重复。

比如土巴兔装修网的流程,标题文字在图片同样的位置、采用同样形式,既与图片背景颜色形成对比,又是文字样式的重复。

金沙澳门官网下载app 20

比如在埃森哲官网中,白色背景、红色标题、黑色正文的对比,以及红色背景与白色文字对比的应用,将文字内容清晰衬托出来,既有丰满的层次感,同时有具有很强的视觉冲击力。

重复原则在网页设计上应用非常广泛,单一的重复可能会显得单调,设计师却可以根据不同网站的需求灵活使用,比如有变化的重复能增加创新,给网页设计增加活力。

重复原则在网页设计上应用非常广泛,单一的重复可能会显得单调,设计师却可以根据不同网站的需求灵活使用,比如有变化的重复能增加创新,给网页设计增加活力。

内容与图片

金沙澳门官网下载app 21

3.对齐

3.对齐

金沙澳门官网下载app 22

金沙澳门官网下载app 23

在网页设计中,元素在页面上不能随意摆放,每一项都应与页面内容存在某种联系。对齐可对齐是网页设计必不可少的部分,它可以帮助设计师做出吸引人的设计,是优秀网页设计的潜在要求。

在网页设计中,元素在页面上不能随意摆放,每一项都应与页面内容存在某种联系。对齐可对齐是网页设计必不可少的部分,它可以帮助设计师做出吸引人的设计,是优秀网页设计的潜在要求。

对比色留白

设计师在使用这一原则时需要注意,必须确保文字是容易看清的,如果文字过小或过于纤细、色彩对比度不够,会适得其反,举个例子:

对齐的案例就非常多了,我们随意列举两个。

对齐的案例就非常多了,我们随意列举两个。

金沙澳门官网下载app 24

金沙澳门官网下载app 25

曼秀雷敦网站的左对齐:

曼秀雷敦网站的左对齐:

logo处留白

设计师如果对色彩的对比度还不够熟悉时,可以通过颜色对比检测工具(如Check My Colours、Colour Contrast Check)检测色差和亮度差,确保网页设计的易读性。

Darry Ring网站的居中对齐:

Darry Ring网站的居中对齐:

金沙澳门官网下载app 26

2.重复

左对齐和右对齐是文本看起来更清晰、效果分明;居中对齐显得更庄重、正式、稳重。

左对齐和右对齐是文本看起来更清晰、效果分明;居中对齐显得更庄重、正式、稳重。

层次

设计中的元素可以在整个网页设计中重复出现,对文字来说,可能字体、字号、样式的重复,也可能是同一种类型的图案装饰、文字与图片整体布局方式等。重复给用户一种有组织、一致性的体验,可以创造连贯性,显得更专业。

4.亲密性

4.亲密性

页面设计需要层次感,当页面缺乏层次感的时候就会显得页面比较单调或者花哨。页面层次感可能有很多类型,例如色彩的层次感、元素的层次感等等。

比如HeyJuice网站在产品准则部分采用了统一的图片+标题+正文形式。内容不同,而布局方式统一,图片风格一致。用户一眼看过去,就能知道这是属于同一个版块的内容,这样的重复很容易有一种连贯、平衡美感。

位置的接近意味着存在关联,亲密性是指将相关项组织在一起让它们从整体看看起来和谐统一。

位置的接近意味着存在关联,亲密性是指将相关项组织在一起让它们从整体看看起来和谐统一。

金沙澳门官网下载app 27

金沙澳门官网下载app 28

亲密性可以从两点入手:适当留白、以视觉重点突出层次感。

亲密性可以从两点入手:适当留白、以视觉重点突出层次感。

以足球场为背景,背景本身有深度,有远近景的层次感,人设采用远处模糊较小,近处清晰较大的视觉原理设计,使得页面更具层次感。

比如土巴兔装修网的流程,标题文字在图片同样的位置、采用同样形式,既与图片背景颜色形成对比,又是文字样式的重复。

比如以下案例中图文搭配,这是多个元素在一起的组合排版。

比如以下案例中图文搭配,这是多个元素在一起的组合排版。

金沙澳门官网下载app 29

金沙澳门官网下载app 30

人眼首先被Banner图和里面文字吸引,然后再向下移动到文字描述及链接文字,这些元素的亲密性与对比形成一种平衡。

人眼首先被Banner图和里面文字吸引,然后再向下移动到文字描述及链接文字,这些元素的亲密性与对比形成一种平衡。

整个背景以清晰的山峰为背景,主要内容为近景形成层次,背景中心山峰与两侧的山峰形成层次。

重复原则在网页设计上应用非常广泛,单一的重复可能会显得单调,设计师却可以根据不同网站的需求灵活使用,比如有变化的重复能增加创新,给网页设计增加活力。

以上就是本次分享的内容啦。如前文所言,排版的好坏考验一个设计师的基本功底,平时的功夫可是必不可少的哟,我们期待大家设计的精彩排版!

以上就是本次分享的内容啦。如前文所言,排版的好坏考验一个设计师的基本功底,平时的功夫可是必不可少的哟,我们期待大家设计的精彩排版!

金沙澳门官网下载app 31

3.对齐

本文地址:http://www.siweiw.com/sjinfo7282.html

高速模糊的背景与页面主要内容形成层次。

在网页设计中,元素在页面上不能随意摆放,每一项都应与页面内容存在某种联系。对齐可对齐是网页设计必不可少的部分,它可以帮助设计师做出吸引人的设计,是优秀网页设计的潜在要求。

金沙澳门官网下载app 32

对齐的案例就非常多了,我们随意列举两个。

径向模糊及动感模糊处理的背景与页面主要内容形成层次。

曼秀雷敦网站的左对齐:

金沙澳门官网下载app 33

金沙澳门官网下载app 34

标题与人设叠加产生层次感

Darry Ring网站的居中对齐:

金沙澳门官网下载app 35

金沙澳门官网下载app 36

红色块与灰色块形成层次感

左对齐和右对齐是文本看起来更清晰、效果分明;居中对齐显得更庄重、正式、稳重。

光影

4.亲密性

现实生活中无时无处不存在着光照和阴影。看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物,认知他们的材质、尺度和透视。

位置的接近意味着存在关联,亲密性是指将相关项组织在一起让它们从整体看看起来和谐统一。

所以如果要让我们的网页设计更加自然、有动感且真实直观,正确理解光影效果就变得非常重要。

亲密性可以从两点入手:适当留白、以视觉重点突出层次感。

金沙澳门官网下载app 37

比如以下案例中图文搭配,这是多个元素在一起的组合排版。

光源在人设背后,照亮背景与人设边缘,与人设正面形成对比。

金沙澳门官网下载app 38

金沙澳门官网下载app 39

人眼首先被Banner图和里面文字吸引,然后再向下移动到文字描述及链接文字,这些元素的亲密性与对比形成一种平衡。

光源在人设侧顶端。

以上就是本次分享的内容啦。如前文所言,排版的好坏考验一个设计师的基本功底,平时的功夫可是必不可少的哟,我们期待大家设计的精彩排版!

金沙澳门官网下载app 40

本文最初由AnyForWeb UED发布,转载请注明出处。

光源在页面顶端,发散照射。

金沙澳门官网下载app 41

光源在页面顶端,往下方照射在产品上,突出产品的品质。

金沙澳门官网下载app 42

以元素为光源,照亮周围。

金沙澳门官网下载app 43

光影的运用给人带来的视觉是地图铺在地面上,地图的折叠效果体现出立体感很强,云的影子表现出云在漂浮。

金沙澳门官网下载app 44

左图1像素浅色和1像素深色线与背景行成对比而形成。右图文字底部的细微高光使文字显得有种突出感。

光影在页面设计中使用方法及用处还有很多,比如增强页面气氛、突出主题等…

总结:影响页面细节的因素还有很多,比如质感纹理、图标、色彩等,这里就不一一介绍了。有不对的地方还望大家指证,希望对大家有所帮助。

本文由金沙澳门官网下载app发布于摄影,转载请注明出处:网页设计总结之让设计作品更上档次,要的就是

关键词:

上一篇:摄影基础知识之

下一篇:没有了