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