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

UI设计培训:手机阅读体验优化,有哪些细节你不知道?”

新闻来源:本站 日期:2022-01-05
根据第十七次全国国民阅读调查,国民数字化阅读方式的接触率79.3%,其中手机阅读接触率达76.1%,移动阅读成为主流。手机百度作为亿级用户每天阅读文章、获取资讯的产品,内容的阅读体验尤为重要?

  根据第十七次全国国民阅读调查,国民数字化阅读方式的接触率79.3%,其中手机阅读接触率达76.1%,移动阅读成为主流。手机百度作为亿级用户每天阅读文章、获取资讯的产品,内容的阅读体验尤为重要?


UI设计培训:手机阅读体验优化,有哪些细节你不知道?”


  研究思路

  从纸质阅读到屏幕阅读,通过理解用户从纸质到屏幕阅读行为的转变,我们从传统中文排印经验中吸取对字体、间距、标点的处理方式,跨越平面与UI不同终端的设计规范和实现手段。在UI设计的语境中调整中文排版策略,优化手机百度图文阅读场景设计,提升手百用户的阅读体验。

  屏幕阅读与纸质阅读不同

  人的阅读习惯会根据阅读环境而改变,包括文本的书写格式、文本的媒介、语言符号等。基于屏幕的阅读行为,往往表现了如下特征:很少人会一字一句阅读页面,更多的是在浏览、关键词确认、非线性阅读、有选择性的阅读。

  设计差异点

  UI设计与书籍排版不同之处在于:

  第一、屏幕上可以实现更多的交互功能,增强了阅读的沉浸感和交互体验。

  第二、UI设计不可控因素更多。平面排版纸张和内容固定可控,可以保证设计的精准展示。但在UI设计中,想让页面达到和原本设计一模一样的效果几乎是不可能的,显示屏幕尺寸的碎片化、内容的灵活可变,都让最后的展示效果多了很多不可预期。这就是为什么会有很多排版优秀的印刷品设计,但UI中优秀的排版设计却特别少。

  因此,针对屏幕阅读的设计要注意:不能照搬文字排版规则,更要充分考虑屏幕与内容的灵活可变,确保设计方案可实际落地。

  明确设计目标

  本次设计改版主要针对手机百度——图文落地页部分,希望通过优化文字展现、内容排版提升阅读体验。

  CEA阅读体验模型将用户的阅读体验分为舒适、效率、吸引三个纬度。

  舒适(Comfort):视觉负担低,信息适量,看着不累、没有信息压迫感

  效率(Efficiency):重点信息突出,直观性强,容易识别

  吸引(Attraction):页面设计美观,有吸引力

  基于此模型,此次优化方案中我们确定的设计目标是:优化内容可读性;提升阅读效率;提升页面美观度。

  优化内容可读性

  选择屏显友好字体

  屏显字体与印刷用字体最大的不同在于,屏显字体受限于分辨率,无法做到印刷字体那么多细节的设计。目前屏显汉字的设计方式一般是:

  1、从字体的结构入手,扩大中宫的设计,字形设计看起来舒适放松,提升辨识度,相较于中宫内缩的字体,呈现现代的明亮感。

  2、字形简洁,平直少细节的笔画有助于提高字体本身的辨识。

  遍历手百用户常用手机的默认字体,系统默认字体都是使用屏显友好字体。

  选择字重更全的字体

  与纸质阅读相比,用户在在屏幕阅读中,会经常进行扫读、关键词确认,而不是像在纸质书上一字一句的读。

  目前我们提供给作者的能够做重点信息区别的方式包括:文字加粗、风格化二级标题。但我们发现目前在一些安卓手机上,一些字体在增加字重后出现沾粘情况,不能保证可读性。

  字重,即字形的重量,字重的等级用来标明同一字体家族不同粗细笔画的字形。

  但通常一个特定的字体家族仅会包含少数的可用重量。若一个指定的字重不存在时,CSS会就近匹配其他字重:较重的字重映射到更重的重量、较轻的字重会映射到更轻的重量。

  目前落地页代码中字体的设置,安卓使用的第一顺位的字体字重仅2档字重,所以在小字场景和分辨率较低的安卓机型上,会匹配到更粗的字重,出现文字沾粘的情况。

  我们调整了font-family中的字体适配顺位,在安卓端优先适配字重更全的字体,保证安卓端加粗字体的展现,优化内容可读性。

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