020-29815005
预约专线时间:09:00-23:59

【UI设计培训】:UI设计中移动端字体设置有什么讲究?

新闻来源:优漫动游 日期:2022-04-27
在UI设计培训中,老师们对于移动APP的设计这块课程讲解会比较细致,因为现在各行各业都设计到APP的开发与制作,开发一款产品的APP是非常消耗精力的,由前期的设计规划,到中期的代码功能实现,再到后期的字体细节调整,所以说是一项耗时的工程。前边都可以靠技术来完成,…
  在UI设计培训中,老师们对于移动APP的设计这块课程讲解会比较细致,因为现在各行各业都设计到APP的开发与制作,开发一款产品的APP是非常消耗精力的,由前期的设计规划,到中期的代码功能实现,再到后期的字体细节调整,所以说是一项耗时的工程。前边都可以靠技术来完成,后期的字体细节调整就显的由为重要了,大家都知道字体有很多种,怎么选择合适这款产品风格的呢?这是值得思考的问题,还有就是字体设置怎样做才能让APP更加完美?接下来优漫动游小编给大家稍微讲解一下:


【UI设计培训】:UI设计中移动端字体设置有什么讲究?

  1.减少反差

  增强文字与背景对比的同时,我们也要减少不同层次文字间的反差。

  在移动端,实际可见的文字更少,所以反差被放大了。

 2.宽松行距、紧凑行距

  行距是行之间的空间,行距太紧凑,会让视线难以从行尾扫视到下一行首。行距太宽松,字间距会开始形成队列,产生了我们通常意义上的河流,阻断了行的视觉流。

  从左至右:理想行距、太紧凑、太宽松。

  在屏幕上表现良好的字体都有一个关键特征——大的凹槽,大凹槽需要更大一些的行距来保持空间层次。

  反过来,更短的行宽需要更小的行距。所以你可能需要将桌面端的行距设得宽松点,同时记得将移动端的设置得紧凑些。

  3.行宽

  行宽是一行文字的长度。

  众所周知,舒适阅读的理想行宽是65个字符左右。

  在桌面端浏览器中,65个字符很难触及边缘,在移动设备上,你必须得缩减行宽。

  移动端并没有普遍认可的行宽标准。不过传统上,报纸或杂志上每一个窄列都会趋向于39个字符。鉴于这个理想行宽已经经历了数个世纪的考验,它在移动端字体上也运转良好。

 4.找到状态

  所有字体至少都有一种状态,在屏幕上展现的尺寸,还有在浏览器中能保持字形的抗锯齿选项。

  好状态下,多数笔画通常都能排列在像素网格中——像素字体,如果你还记得的话,那些字体仅仅在字号调整到状态下才有效。

  5.不要忽视起伏边

  起伏边是一段文字的边缘。你读的多数内容是居左对齐的(至少对于拉丁语系而言),导致右边沿参差不齐。

  从左至右:左对齐、居中对其、两端对齐。

  6.按比例调整字间距

  为移动端调整字号时,我们要意识到字间距发生了必要的变化。

  7.留足空间

  一种层次在影响着行或段落的视觉流,这是特殊的层次:字母间距小于字间距,字间距小于行间距,以此类推。

  要在移动端创造易读性,尤其要注意这些特殊层次,这些格式塔式的词语、行、段落的文字组合,在自然光环境下同样至关重要。

  老师给大家讲解的内容了,希望能对大家有所帮助,假如你追求易读性,要牢记三条原则:行内的视觉流要平顺,空间层级要清晰,要有足够的对比。这尤其适用于移动端页面。没有不可撼动的规则,全凭你双眼决断。

  以上就是优漫教育小编为大家介绍的“【UI设计培训:UI设计中移动端字体设置有什么讲究?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解!