移动端产品设计完全指南8:提高内容的展示质量

2018-03-1017:19:05网页设计Comments2,951 views字数 918阅读模式

产品设计时不能忽视内容。大多数场景下,用户使用App是出于优质的内容。现在内容仅仅达到优质精益的标准是不够的,还要便于用户理解吸收。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

8.1. 提高文本的可读性易读性

在谈到内容时,我们大多指的是排版。正如Oliver Reichenstein在《Web Design Is 95% Typography》(《网页设计中95%的工作都是排版》)中所说:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

“优化排版就是优化可读性、可访问性、可用性、以及整体上图像和文字的平衡。”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

移动端排版的关键就是可读性和易读性。对易读性有如下几点建议:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

  • 字号

一般来说,小于 16 像素(或者 11 号)的任何内容,对任何屏幕都不适用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

  • 字体

大多数用户喜欢清晰、易于阅读的字体,一个不容易出错的选择就是系统的默认字体(iOS的默认字体是San Francisco,Android的是Roboto)。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

  • 对比度

浅色字体(如浅灰色)可能看起来很美观,但用户较难辨认,尤其在光线较强时。要确保字体颜色和背景之间有足够的对比度以便于阅读。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

移动端产品设计完全指南8:提高内容的展示质量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

光线较强时,低对比度的界面几乎无法阅读文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

以下是对可读性的几点建议:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

  • 避免使用大写字母

当不需要仔细阅读时,全部大写字母可能容易吸引用户注意力(比如缩写和logo),但对于需要沉浸浏览的内容,全部大写字母缺少可读性。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

移动端产品设计完全指南8:提高内容的展示质量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

  • 限制每行文字个数

建议将每行的字符数限制在 30 到 40 个。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

移动端产品设计完全指南8:提高内容的展示质量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

  • 行距要适中

行距过小会增加阅读的压迫感,行距过大会让用户产生信息量小的感觉。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

移动端产品设计完全指南8:提高内容的展示质量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

8.2. 高清图片和合适的宽高比

屏幕分辨率的提高为高清图片奠定了基础。在高分辨率屏幕上,应尽可能地保证图片清晰度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

采用的图片应该是正确的宽高比,图片太宽或太长都会降低吸引力。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

最近几个月,许多移动端的交互设计师又面临一个新问题:就是iPhone X的优化问题。iPhone X的画板尺寸和任何iPhone的尺寸都不同。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

移动端产品设计完全指南8:提高内容的展示质量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

(图片来源:Apple)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

8.3. 视频的纵向播放

视频和短视频正成为许多用户的主要观看内容。根据YouTube的数据,移动端视频观看量每年提高100%,到 2020 年,全球移动数据中超过75%的内容将是视频内容。这意味着必须对视频进行纵向模式观看的优化,允许用户在纵向时仍正常观看。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

移动端产品设计完全指南8:提高内容的展示质量文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

Facebook的直播支持纵向播放,同时可以查看用户留言/评论(图片来源:Giphy)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1516.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/sheji/1516.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定