首页 关于我们 项目案例 网站建设 网站优化 微信公众号 技术课堂 联系方式
QQ联系点击这里给我发消息
电话联系
手机联系
QQ联系点击这里给我发消息
电话联系
手机联系
【当前位置】

青岛网站建设公司:5个排版调整以获得更好的网

发布时间:2019-07-03 11:21
发布者:康康
浏览次数:
 
这在印刷品中是真的,在网络上也是如此。一个完全没有风格的网站与强大的副本将无限销售,而不是一个没有的精美风格的网站。由于平均网站的文字介于90%和95%之间,因此一位领先的专家明智地观察到“网页设计的排版率为百分之九十五”。
 
因此,虽然您可以非常灵活地介绍文本的其他部分,但您的正文需要特别小心。让您的销售内容难以阅读就像对您的潜在客户一样笨拙。你不妨把它们转到门口。
 
 
是什么让这个特别棘手的是,排版的所有规则并没有真正增加销量。因此,不要误以为这篇文章是关于良好排版的入门读物 - 它是如何使用排版销售的入门读物。我不是在和排版爱好者说话。我正在和任何想要用他们现有的副本销售更多的人说话。
 
如果那就是你,这里有一些值得注意的方法:
 

1.使用滴盖
 

降价上限只是一个很大的初始资本,你经常会在杂志和报纸上看到 - 而且在网站上也不常见。
 
你可能会认为这只是装饰性的 - 发明它们的中世纪僧侣当然也是如此。虽然他们最初是一个艺术设备,使照明手稿看起来很漂亮,但大卫奥格威在奥美广告中指出,他的测试显示,“掉落的资本增加了你的身体副本的读者数量13%。”同样,在网络副本中出售, Maria Veloso报告称,对一个网站实施11个主要段落的下限导致销售额增长251%。
 
可悲的是,我不知道任何可以科学地将这些数据更新的在线分裂测试 - 但奥美在研究部门并不懈怠,现代轶事证据不应该被驳回。
 
 
小心让你的盖帽清晰。这里有充足的风格,但请记住,这种技术可以通过在你的潜在客户心中打开一个“循环”来实现。一旦下降帽击中他的眼睛,他需要知道关闭循环的其余部分是什么。一旦他知道剩下的话,他就需要知道句子的其余部分。等等。
 
因此,请注意不要丢失滴盖和副本之间的连接。例如,将它设置得太远,或者将其与剩余文本的样式分开太多,可以使其有效地“消失”,从而破坏目的。
 

2.使用适当的字体
 

无论您使用serif还是sans-serif字体都具有微不足道的重要性。如果你是老学校,这可能会让你感到震惊 - 对此有一些非常强烈的意见。但是,互动研究员亚历克斯·普尔(Alex Poole)对这些证据进行了回顾,并指出“研究后的研究结果与'没有区别'。”
 
重要的是选择具有以下功能的字体:
 
专为在屏幕上使用而设计
不是全部。有些字体是为装饰或标题设计的。如果可能的话,至少在几个完全不同的设备上测试字体; 一个很好的范围将是智能手机,平板电脑,高分辨率桌面屏幕和低分辨率(又称“旧”)桌面屏幕。但在你费心去做之前,只需检查x和o之类的字母与l和b之类的高字母相比,不要过于“短” 。此度量标准称为x-height,您需要在屏幕字体上添加更多内容:
 
字体
 
有正确的个性
你的字体就像你网站的服装。它赋予了一定的氛围; 它会产生一定的印象。Merriweather,在左上方,是一种简单易懂的字体,喜欢开展业务,但看起来很棒。阿莱格里亚受到的影响更大,更神秘; 它希望你知道它认为你正在阅读的副本有点聪明。
 
Sans-serif字体,如经典Arial或Helvetica,或较新的Calibri和Roboto,经常表现为现代且不受影响 - 因此具有现代和不受影响的做法!您会经常在技术相关的网站上看到它们。
 
一个鲜明的字体之间的氛围的例子是谷歌最近的徽标刷新。虽然很难清楚地表达每个人传达的确切印象,但对于像谷歌这样的高科技公司来说,旧标识似乎与“图书管理员一样”不合适,而新标识更适合作为友好服务提供者的身份。
 
您可以使用哪些字体取决于您使用的内容管理系统类型。许多主题将为您提供大量的字体选项; 许多其他人将允许您添加自己的。如果您对定制​​解决方案感到满意,Google字体和Font Squirrel都是免费且简单的。对于有更多支持的东西,Hoefler&Co的Cloud.typography是一个备受推崇的选择,Adobe的古老的Typkit也是如此。
 
我无法真正为您提供有关为您的目标网页选择哪种特定字体的建议,比您在遇到客户时可以穿什么更多。你会在尝试时知道什么是正确的。但只要你避免使用Comic Sans MS,你应该没问题。
 

3.使你的副本尽可能合理
 

大约6%的美国人患有视力残疾。在世界其他地方,这个数字上升到10%以上。这意味着十分之一的人可能无法查看您的目标网页。此外,如果您的潜在客户年龄较大,情况会变得更糟。在40岁时,只有一半的光线照射到视网膜,就像20岁时一样。对于60岁的人来说,这只是20%。
 
毫无疑问,至少在2005年之前,用户绝大多数都将小字体投票作为#1网络可用性问题。
 
由于着陆页的所有更复杂的设计决策都会分散我们的注意力,因此很容易忘记读者群等于收入的简单事实。如果我们的副本是很难读,也不会得到读取。这是一个问题 - 因为副本是说服前景转换的!
 
情况自2005年以来有所改善,但设计师仍然更倾向于个人审美偏好,而不是用户觉得阅读舒适。早在2011年,我建议任何低于16px的身体副本是一个代价高昂的错误。
 
今天,我建议避免完全使用像素设置字体大小。rem是一般用法的好单位,但是为了设置文档级“master”字体大小,我只使用百分比。这样,我可以依靠用户的浏览器根据屏幕分辨率和尺寸选择合理的尺寸。将字体大小设置在130%和150%之间对我来说很有效:
 
 
 

4.保持垂直网格,线高135-150%
 

为了方便眼睛,文本应该与一致的垂直网格对齐 - 就像在耳朵上容易,音乐应该与一致的节拍对齐。您的网格应设置相邻的文本行,以使一行底部与下一行底部之间的距离介于字体大小的1.35到1.5倍之间。
 
排版字体
 
如果您正在进行自己的网页设计,可以使用line-height属性在样式表中进行设置。在CSS模板中,您可以使用以下规则应用150%的文档级行高(并指定安全的默认字体):
 
 

5.避免非常规格式化
 

在复制中很容易被印刷繁荣带走 - 但这些可能会很糟糕。请记住以下准则:
 
下划线只应表示可点击的链接。
我仍然看到人们犯了这个错误。如果Web上的文本带有下划线,则表示可单击的超链接。如果你强调任何其他文字,它会使你的读者感到困惑,并使你看起来真正无能。这是老派直接反应营销人员中普遍存在的错误,他们在没有教育自己打字机不再是通信技术的高度的情况下上网。
 
避免居中和右对齐的正文。
前景使用左手边缘来固定他们的眼球; 如果他们找不到一致的左边距,他们就无法正常阅读。你会看到这反映在这样一个事实上:用户在页面左侧花费了三分之二的注意力,以及像F形阅读模式这样的现象。这就是为什么将图像缩进左边距也是一个坏主意,以及为什么还有多个左边距(多列)。
 
 
让用户努力寻找每一行的开头等于大大减少了读者群。
要保守一致。
 
如果有的话,应该非常谨慎地使用彩色类型,因为它可能被误认为是超链接。最多粘贴两种或三种颜色,并确保次要颜色仅出现在看起来不可点击的位置:标题,引号,较长的文本行等。
 
同样,不要无缘无故地在字体或字体大小之间进行切换和更改。确定正文副本的单个字体和单个大小。你可以使用另一种字体,也许还有三到四种其他尺寸或样式,用于标题,小标题,引号等等 - 但不要过度使用它。
 
约束和极简主义是美学的重要品质; 不一致和过度复杂看起来很糟糕。Brent Coker的研究表明,用户发现有吸引力的网站更值得信赖,而且由于网页设计的排版率为95%,因此文本的外观非常重要。
 
在浅色背景上使用深色文字。
除非品牌要求另有明确规定,否则深色背景的苍白背景将不再是阅读的压力,反之亦然。
 
事实上,根据Drayton Bird在“ 常识直接与数字营销”中的观点,已知反转型(暗光)可以将响应减半。这是有道理的,因为David Ogilvy报道它的印刷难度是其两倍。这是因为白色文本通过以几乎相等的量刺激所有三种类型的颜色敏感视觉受体来强调眼睛。如果您想将此视为印刷广告的结果,请记住,打印副本比在屏幕上复制更容易阅读!
 
不要在图像或图案上设置文字。
这使它几乎难以辨认。实际上,当用户看到叠加在图像上的文本时,他们的大脑将其作为图像的一部分处理,而不是作为内容 - 因此他们通常不会读取它。这一点尤其如此,因为首先,人们在第二次或第三次访问之前通常不会看图像(因此他们不会在那里看到文字); 其次,图像上的文字也经常被格式化为“花哨”。
 
不幸的是,用户会自动过滤掉花哨的格式,因为它看起来像广告。
 
避免低对比度。
在平坦的背景上使用浅灰色副本可能很时髦,但它也难以辨认,难以辨认和无法访问。缺乏对比度使得即使对于有远见的客户也难以阅读。
 
结论
排版很重要。因为,如上所述,有人说  “网页设计是百分之九十九的排版 ”,这当然是需要考虑调整的东西。
 
以上五项原则是一个很好的起点:
 
使用防坠盖
使用适当的字体
使你的副本尽可能合理
保持行高135-150%的垂直网格
避免非常规格式化


青岛网站建设公司本文链接:http://www.kzxseo.com/wangzhandajian/289.html