响应式设计:使您的字体设计工作
来源:
广州天荣信息科技有限公司
日期:2018-02-21 10:37:01
点击:5474
属于:网站建设
没有人能够预测到,手机所有权的革命将如何改变我们之间的沟通方式。同样,没有人能够预测iPhone会变得多么流行,以及智能手机将如何成为手机用户的标准,以及这将对在线商务产生多大影响。
影响什么?
智能手机如何处理字体的巨大变化是第一步,一旦响应式设计受到欢迎,它就会影响到任何网站的设计;那些不愿意创建响应性网站的人注定要绝种,尤其是现在有了新的谷歌算法。“小屏幕的小文本和大屏幕的大屏幕”的“一刀切”的建议在现实世界中也行不通。
人类的元素
阅读是发达国家大多数人认为理所当然的技能之一,仅仅是因为我们在这么年轻的时候就学会了阅读;这是我们可以不用考虑就能做的事情。在数字文本和访问者参与的世界中,重要的是要记住,每个人阅读文本的方式略有不同。
撇油器
负责排版
这种类型的读者会快速浏览文本,寻找吸引他们注意力的关键词或短语。如果屏幕上的文字是可理解的,他们会立即关闭,并找到一个有更好字体的网站。
集中
这些访问者会在你的屏幕上用“块”来阅读文本,从段落的开头几句中收集他们需要的信息,来决定他们是否会停留在你的页面上。如果你不能充分调动他们,你会在15秒内失去他们。
全力
负责排版
这是一个理想的访客——一个通过刻意寻找你的内容而找到你的内容的人,并且有坐在那里并吸收每一个单词的意图。
线的长度
正如我前面所提到的,从一开始就把你的排版设计得非常完美是很重要的,而要做的关键选择之一就是你要在每行文字上显示多少字符。
如果你显示的内容太少,浏览者将永远无法阅读你的内容,但如果你选择太多,屏幕将会显得拥挤、混乱,并会让访问者成群结队地离开。
负责排版
行业标准衡量你应该在每行上显示多少字符在45到75之间,尽管这将取决于你所处理的阅读器的类型以及你的网站所包含的内容的复杂性。
同样的,阅读“run on”的句子会让人感到非常困惑和疲惫,在一个网站上,长水平的文字会在65个字符后失去效果。事实上,如果你看一下谷歌标签的长度,你就会发现他们有65个字符,这是一个很好的理由。最常见的解释为什么一行文本的字符的限制如此重要是人们结束阅读同一行两次¢? ?有点像他们无法逃避的阅读循环。
字体大小
这似乎是网页排版中最直接的元素,但也是最容易出错的人。在设计一个响应性的网站时,你需要显示一种字体,方便访问者阅读,而不必捏着屏幕放大。
负责排版
始终确保您的文本具有完全响应性,避免使用静态字体大小或完全度量。基本上,你需要确保你的文本显示在一个字体中,无论你正在优化的设备的大小,它都是可读的。太小是不好的设计选择,但是太大也同样糟糕。
行高
在设计中,除了线条高度以外,其他的东西通常都更少。没有什么比在网站上看到你真正想要阅读的内容更糟糕的了,只是发现他们使用的是固定的行高度,所以文本都是混合在一起的。
文本的水平线确实需要它们之间的一些分隔,以使它们清晰易读,而在大多数web排版器中被接受的行高度大约是字体大小的150%。记住,你不能接受150%的线高度作为绝对的,它需要与你的线长度和你的排印计划的整体。
在响应式设计中获得排版是需要时间和精力的。不过,还是要把它弄成一门艺术——你的客户会为此非常感激的!
从我们的免费电子书了解更多的响应设计。你会发现里面有很有价值的实用建议。
扫一扫,加我微信
影响什么?
智能手机如何处理字体的巨大变化是第一步,一旦响应式设计受到欢迎,它就会影响到任何网站的设计;那些不愿意创建响应性网站的人注定要绝种,尤其是现在有了新的谷歌算法。“小屏幕的小文本和大屏幕的大屏幕”的“一刀切”的建议在现实世界中也行不通。
人类的元素
阅读是发达国家大多数人认为理所当然的技能之一,仅仅是因为我们在这么年轻的时候就学会了阅读;这是我们可以不用考虑就能做的事情。在数字文本和访问者参与的世界中,重要的是要记住,每个人阅读文本的方式略有不同。
撇油器
负责排版
这种类型的读者会快速浏览文本,寻找吸引他们注意力的关键词或短语。如果屏幕上的文字是可理解的,他们会立即关闭,并找到一个有更好字体的网站。
集中
这些访问者会在你的屏幕上用“块”来阅读文本,从段落的开头几句中收集他们需要的信息,来决定他们是否会停留在你的页面上。如果你不能充分调动他们,你会在15秒内失去他们。
全力
负责排版
这是一个理想的访客——一个通过刻意寻找你的内容而找到你的内容的人,并且有坐在那里并吸收每一个单词的意图。
线的长度
正如我前面所提到的,从一开始就把你的排版设计得非常完美是很重要的,而要做的关键选择之一就是你要在每行文字上显示多少字符。
如果你显示的内容太少,浏览者将永远无法阅读你的内容,但如果你选择太多,屏幕将会显得拥挤、混乱,并会让访问者成群结队地离开。
负责排版
行业标准衡量你应该在每行上显示多少字符在45到75之间,尽管这将取决于你所处理的阅读器的类型以及你的网站所包含的内容的复杂性。
同样的,阅读“run on”的句子会让人感到非常困惑和疲惫,在一个网站上,长水平的文字会在65个字符后失去效果。事实上,如果你看一下谷歌标签的长度,你就会发现他们有65个字符,这是一个很好的理由。最常见的解释为什么一行文本的字符的限制如此重要是人们结束阅读同一行两次¢? ?有点像他们无法逃避的阅读循环。
字体大小
这似乎是网页排版中最直接的元素,但也是最容易出错的人。在设计一个响应性的网站时,你需要显示一种字体,方便访问者阅读,而不必捏着屏幕放大。
负责排版
始终确保您的文本具有完全响应性,避免使用静态字体大小或完全度量。基本上,你需要确保你的文本显示在一个字体中,无论你正在优化的设备的大小,它都是可读的。太小是不好的设计选择,但是太大也同样糟糕。
行高
在设计中,除了线条高度以外,其他的东西通常都更少。没有什么比在网站上看到你真正想要阅读的内容更糟糕的了,只是发现他们使用的是固定的行高度,所以文本都是混合在一起的。
文本的水平线确实需要它们之间的一些分隔,以使它们清晰易读,而在大多数web排版器中被接受的行高度大约是字体大小的150%。记住,你不能接受150%的线高度作为绝对的,它需要与你的线长度和你的排印计划的整体。
在响应式设计中获得排版是需要时间和精力的。不过,还是要把它弄成一门艺术——你的客户会为此非常感激的!
从我们的免费电子书了解更多的响应设计。你会发现里面有很有价值的实用建议。
标签:
本文来源:天荣科技,转载请注明出处!如果需要营销型网站建设、微商城、小程序商城、多端小程序 请联系我们!
扫一扫,加我微信
上一文章:SVG最终会在今年腾飞吗