首页 > 原创美文 > 名家作品 > [网页banner细节]网页设计的细节

[网页banner细节]网页设计的细节

时间:2019-02-28   来源:名家作品   点击:

【www.gbppp.com--名家作品】

  无论做什么事都要秉承着细节决定成败,在页面设计当中更是颠扑不破的真理。一个优秀的作品与卓越的作品相比差距就在于细节的把控。那么网页设计的细节有哪些呢?下面一起来看看吧!

网页设计的细节   烟花美文网

  网页设计的细节总结

  字符

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

  字号

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

页面设计细节总结-对外140121_07

  标题文字的运用

页面设计细节总结-对外140121_11

  内容字体的运用

  字体

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

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

页面设计细节总结-对外140121_15

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

页面设计细节总结-对外140121_19

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

  样式

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

页面设计细节总结-对外140121_22

  间距

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

页面设计细节总结-对外140121_25

  颜色

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

页面设计细节总结-对外140121_27

  排版

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

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

页面设计细节总结-对外140121_31

本文来源:http://www.gbppp.com/yc/584138/

推荐访问:网页banner细节

热门文章