巧妙利用布局和排版迅速提升网站颜值

日期:2017-11-21 12:11:16 / 人气:

  网站内容是招引新客户、保护老顾客、进步用户转化率的关键所在。不少站长都熟练地掌握了这一战略,在网站中创建高质量且易于加工、理解的内容。但除了内容作为信息自身极其重要以外,还有一项对网站信息传递、用户阅览体会非常重要的要素,那就是网页排版。现实上,网站内容会因字体类型或排版方法的改动而有所改动,合理的网页排版不仅能够杰出网站的要点内容,进步内容的可读性,还能确保网站的和谐共同,让用户在阅览上愈加轻松便利。打个比方来说,如果网页内容是钻石戒指,合理的排版就是珠宝盒,是信息的载体,能将信息以恰当、有效的方法展示出来。已然网页排版如此重要,今日小飞就带我们一同看看什么是网页排版,网页排版有哪些优点以及怎样做好网站排版(以文字排版为主)。快来一同来看看吧!
  什么是网页排版?
  网页排版就是将网页上各种元素如文字、图片、图形等可视化信息元素调整方位、巨细,使布局明晰明了。排版一般被称为一种艺术,这是由于它与规划师的创造力休戚相关。排版还能够服务于多种意图:着重网站的主题、界说个性化品质、表达某种情感、引发访客的爱好、呈现全体的规划美感等。它是网站内容和布局的调集处,旨在信息和方法之间探究最佳的平衡点,是每个网站规划中都必不可少的组成部分。
  为什么说一个好的网页排版非常重要呢?
  1. 着重网站的视觉作用
  视觉信息的重要性,小飞在前面不少文章中都现已谈过了。访客在登入网站的第一时间就受各种视觉信息的影响,会对网站构成一个根本的认识,这背面有许多心理学常识能够作为支撑,小飞今日就不逐个介绍了。这些视觉信息还会奠定网站的整个基调。而网站的排版涉及到字体、色彩、布局等多个不同的元素,对视觉作用会发生很大的影响。比方我们能够运用粗体、下划线等杰出某行文字,运用激烈对比的色彩杰出要点内容,让网站在内容的展示上更有层次感。这样一来,访客乃至不必细心研究文本或阅览图片就能获取一些信息,也更易取得用户的好感。
  2. 进步网站的可读性
  网站排版很重要的一点就在于文字的排版。访客阅览网站的意图就是获取想要的信息,如果网站在可读性方面有所短缺的话,这是任何其他优势都难以弥补的。在文字较多的情况下,文字的距离以及每行文字的长度都应该有一个严厉的要求。小飞相信我们都是喜爱阅览明晰的文字的吧!文字距离太小、阶段距离不明显,再有含金量的内容看上也仅仅鳞次栉比的文字墙,再风趣的内容也难以引起访客的爱好。除此以外,字体巨细,布局和色彩的细小调整有助于着重信息的关键,将最重要的内容展示给访客,进一步进步了网站内容的可读性和可用性。
  3. 坚持网站的共同性
  从某种程度上来说,网页排版就像胶水,它能将网站中各种不同的元素牢牢的"黏"在一同。访客一般期望看到规整划一、和谐共同的网站。当然这并不意味着网站需求看上去很大众化,而是指网站上的各种元素彼此之间能够很好的和谐,从标题、导航菜单、文本到图片、页脚,再到行为引导按钮。排版就能够做到这一点,我们能够在网站中运用相同的配色计划和字距行距等,让不同元素相照应、相得映彰。此外,搜索引擎也愈加偏心有序规整的内容,网站的共同性愈加便利搜索引擎快速的进行读取。还有,网站上各种元素和谐共同,用户在寻觅想要的信息的时分也会更有条理,不至于晕头转向,有利于进步用户转化率。尽管网页排版能够保持网站的共同性,它相同也能露出网站的不和谐,这就要检测我们的实践运用了。
  怎样做好网页排版?
  合理的网页排版往往既能杰出内容要点,又能传递较为全面的内容,在确保信息传递的过程中防止过重的阅览担负,供给极佳的视觉体会以及内容的可读性和可用性。而做好网页排版需求我们合理设置文字的色彩、巨细,让图片与文字更和谐,导航图标与文字恰当嵌入等。说到底,文字排版是重中之重,合理的网页排版要求规划师融会贯通的运用文字排版。所以接下来小飞就要点介绍一下文字排版中需求留意的一些元素:
  1. 选择适宜的字体、字型
  选择适宜的字体很重要,不同的字体往往代表着不一样的性情,对网站的呈现也会发生很大的影响,影响网站共同形象的树立。网站中也不要一次性运用过多的字体。如果你关于这些不太拿手,不必担心,小飞就是来供给帮助的。字体(typeface),字体就是文本的文字款式,它是一个比较抽象的概念,比方宋体、黑体等;而字型(font)愈加详细,它是字体的一个子集。在网站中,我们经常需求设置的就是字体,包含它的巨细(字号)、字重(加粗、惯例等)和字体款式。5号加粗的微软雅黑就是一种字型,小四歪斜的华文宋体也是同理。有些人常常需求花几个小时、几周或几个月来选择一款适宜的字体,但仍然不确定哪款最适宜。小飞将不同的字体分成了4种类别,快来一同了解一下吧!
  1.1.衬线字体(serif):是指在字的笔画开端、完毕的当地有额定的装饰,并且笔画的粗细会有所不同。这种字体比较简单辨认,由于它着重了每个字母笔画的开端和完毕,可读性比较高,在长阶段或许整文中比较合适运用。衬线字体的栗子包含Times,Cambiria等,而中文中最规范的衬线字体就是宋体,衬线的特征非常明显,字形结构也和手写的楷书共同。
  1.2. 无衬线字体(sans serif):这种字体没有那些额定的装饰,并且笔画的粗细都差不多。这种字体比较夺目,往往被用在标题、较短的文字阶段。相对严厉正派的衬线字体,无衬线字体更能给人一种轻松自在的感觉。现在人们也越来越趋向于运用无衬线字体,可能是由于它们看上更简练,更有极简主义的风仪。Verdana、Arial和雅黑字体都是常用的无衬线字体。
  1.3.脚本字体(Script):脚本字体大多是装饰性质的。因其美观大方而遭到不少规划师的欢迎,它们最常呈现在婚礼请柬、证书等文件上。在网站中运用脚本字体能够增添共同的艺术美感,不过在运用时记住尽量给它们留下满足的空间、便于它们更好的发挥。
  1.4.手写字体:望文生义,手写字体便是模拟人写作的笔迹,它能够非常正式,也能非常随意。这种字体可能最能代表公司网站独具匠心的共同魅力,展示个性化色彩。相关于其他字体,它最大的优势也在于这种字体有着其他类别都不具备的人的元素。
  2. 调整行长和行距
  行长,是指单行文字的长度。如果一行文字太长,访客很难留意到该阶段的起点和结尾,阅览起来比较困难;而一行文字过短,访客在阅览时需求不断的来回环视,这也会破会阅览的节奏。所以每一行文字的字数应该合理安排,进步网站的可读性。中文在14号字体时,主张35-45个文字。
  行距,望文生义,行与行的距离。行距对网站的易读性也有很大的影响。过宽的行距会让内容失掉延续性,而太窄的行距又会易使访客跳行、呈现阅览障碍。除此以外,我们还能够经过调整行距展示共同的版式作用,宽一点的行距更显轻松、随意,宽窄行距并存也能添加网站内容的层次感。行距一般随字体的改动而改动,行距离稍稍大于字体的巨细(如果运用了10号字体,,那么默许的距离是12号)。这种默许的设置一般看上去很拥堵,你能够考虑添加距离进步可读性,不过也要记住不能添加太多,掌握适度准则。
  3. 恰当留白
  留白的优点小飞在《少便是多 - 怎样在呼应式网站中运用"留白"艺术?》有进行过详细介绍,我们感爱好能够去看一下。在排版中,我们也要运用留白,现实上前面的字距离、行距离、段距离都是留白的几种表现方法。除了这些以外,网站的不同区块、图片等之间也要留下充足的空间,让访客在获取、加工这些信息时愈加简单。