目前,我们会发现,手机已经成了我们必不可少的工具,曾经使用手机是为了方便联络,只要实现通话和短信功能即可,现在,我们对手机的要求也越来越高。于是,手机开发者以及设计者会花尽心思的来进行研发,我们了解某些信息都来源于对网页的浏览,那么手机站建设的时候,设计师对于文字排版是否有过仔细研究呢?究竟怎样的的文字排版更加合理
成都创新互联-专业网站定制、快速模板网站建设、高性价比兴海网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式兴海网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖兴海地区。费用合理售后完善,10多年实体公司更值得信赖。
1).字体选择
字体选择常常被错误对待,要么直接忽视,要么简单地从字体库中任意挑选一款。实际上,不同类型的文本内容需要使用不同的字体,字体可以表达内心感觉和心理需求。试想,使用浓密生硬的字体在女性色彩的读物内容里,是不是显得格格不入?
相反,你应该选择比较细腻和柔和的字体。生硬浓重的字体往往更具刚硬气质。
另一方面,过度花哨好看的字体在手机屏幕上可能很难辨认。手机端的UI要求简单而干净,使用同种风格的字体是保持界面清爽的关键。避免单调,您可以选择一种辅助字体与主要字体形成对比。这种情况下,界面的字体数量要控制在2到3种,多则混乱。
2).字体大小
手机屏幕有限,字体大小至关重要。如果你只是在手机屏幕上使用微小字体来解决,那就真是一个笑话了。虽然用户可以缩放文本来改变字体大小,从而提升可读性,但这绝不是设计师偷懒的借口。这多出的操作,本就违背用户体验。字体过小看不清,还会损伤用户的眼睛,花费更多的时间阅读;而较大的字体又会迅速吃掉屏幕,并破坏阅读连贯性。
那怎样是适当的字体尺寸?
对于iOS,使用至少11sp的字体大小,而对于Android,请选择14sp为主文本。请注意,这是主文本通常使用的标准,不是强行的先进标准。此外,在设计手机端字体大小时,需要留意设计字体大小要比常规、使用在桌面端的略大一些。
3).行间距
行间距是一排文字和另一排文字之间的空间。手机屏幕较小,所以行间距通常比桌面版本小。设置行间距时,需要在手机端设置比桌面端小的值。过宽或过窄的行间距都会破坏手机UI界面,降0可读性。许多人认为,1.4em是标准的行间距,但在手机屏幕上,仍然有显得几分紧密,用户可能会感到文字仿佛在收紧。在设计上,标准的行间距应该是字体大小的120%。另外,如果文本
4).字间距
字间距是两个文字之间的间距。这是手机排版中的一个很小的因素,但值得关注。你可能会认为,在一个段落里,字距调整可能不是一个必要问题。但如果您足够细心,您可能会注意到,这通常出现在英文文本中,大写字母与小写字母之间的空间和两个小写字母之间的空间不尽相同。这会造成一定的视觉失调,破坏美感。
5).全文本字间距
上面不是刚提了字距吗?这里是否重复了呢?当然不是,字距在两个文字间和全文本的字间距并不是有效一样的概念。这两者往往可能会使设计师产生迷惑,但它们类似却不同。这里的字间距是所有字符和文本的字间距。有效的字间距会使文本更易读。通常,字体使用时可以适当调整页面字距,因此你不需要过多的关注。但如果你注意这一点,也许会对设计大有裨益。通常,大文本需要更少的字距,而稀疏的文本要求更宽的字距。
6).层次结构
层次结构是强调整个文本的关键元素,并能产生对比度。但手机排版中的层次结构比通常web界面层次简洁,通常Web界面拥有3个级别。而手机屏幕的空间有限,所以很多设计师只应用了2个层次:标题和文本主题。标题是抓住读者眼球,而文本传达可读性。保留标题和主题这两个结构层次,这也是手机设计的一个趋势。这可以使手机UI简洁,并保持对比度和层次感。
因此,以上6点就是针对手机网站制作时,值得注意的问题。如果排版做的好,能够给用户带来更好的体验,更愿意在这个网站多停留。