互联网发展的速度也加速了知识更新的速度，也许今天你还手握焦点技能，明天就可能被遗忘在角落。一应俱全的网课、铺天盖地的资讯加速了我们这代人的知识焦虑。对于生活在这个时代的我们来说，既是幸运也是挑战。
鲁迅先生说过：真的勇士，敢于直面惨淡的人生，敢于正视淋漓的鲜血。更何况，我们只是要直面知识焦虑，系统化的阅读就能有效缓解这样的焦虑。但内心的OS：刷抖音太上瘾了，打游戏太爽了，况且我对阅读不感兴趣呀……
有一款APP，“它”能让你关闭抖音，戒掉游戏，重拾阅读兴趣！它就是“微信读书”，一款“让阅读不再孤独”的APP。
在使用过过掌阅，藏书馆等等APP之后，我终于找到了“微信读书”，开始了每天半小时的阅读之旅，并且乐在其中。
以下是我以用户体验5要素为基准，由表现层到战略层一步步抽丝剥茧的体验分析，不足之处，请多多指教。
体验环境：
一、微信读书之——表现层
我将从：图标设计、整体设计风格、配色、排版这4个方面展开分析~
1. 图标
仔细看，会发现是一本摊开的书，白色部分为书本摊开的侧面，白色呼应了市场上书籍的默认颜色白色。再往上看，是大范围的蓝色，预示着“知识的海洋”。右下角有微信消息的图案，清楚的点明了app实现读者交流、阅读式社交的产品亮点，与“让阅读不再孤单”的slogan遥相呼应。
图标-图1
一个好的设计，应该是如此：每一个布局，每一个元素，都有其价值、有缘由、有逻辑，这几点微信读书图标的设计都满足，可以说是很完美的设计了。
不过，做过一些问卷调查，遗憾的发现很多用户没能察觉到图标是一本书摊开的样子，因此我认为在白色部分再加上一点浅灰色的似有若无的线条，可能会更完美。
2. 设计风格
谈到阅读，我们脑海里会憧憬什么景象呢？一个窗明几净的书房，满是书香的气息，点上一支檀香。好不惬意，给我一个书房，我能看到地老天荒。
微信读书采用了扁平化设计风格，去除冗余、厚重和繁杂的装饰效果，让“阅读内容”本身重新作为核心被凸显出来。
3个内容页面都十分明显的突出了内容部分，没有过多的装饰效果，让用户能够更加专心的沉浸在阅读中，不受其他元素的干扰。
微信读书-图2
3. 配色
APP的主色调默认为白色，同时提供了黑色模式。辅助色为蓝色，我们可以看到底部tab切换，以及设置页面的开关、每日一答页面皆为蓝色。以及个人中心的导航图标有一点小面积的辅助色。
界面配色符合界面的色彩搭配的比例 6:3:1，是比较舒服的配色，因为阅读需要一个干净的环境，用户才能专心于内容的阅读。
再来说说核心的阅读页面，阅读界面则提供了白色、护眼绿色、纸皮黄色、黑夜模式的黑色，白/黑模式对应白天阅读和夜晚阅读，而绿色、黄色则满足了用户护眼的心理需求。阅读想法的输入、查看选用了白字灰底的设计，不会与阅读页面形成强大的反差。
整体来说，配色还是非常的清爽、简洁，使用起来不会有负担感和累赘感。把APP也做一个人来看，众所周知的穿衣搭配规则：穿在外面的衣服，不要超过3个颜色，否则就会让人看上去显得不清新，显得累赘。
4. APP排版
1）整体版式
APP整体采用了常见的标签式底部导航模式，符合拇指热区操作的一种导航模式。底部的4个标签分别为：发现、书架、故事、我的。对应APP的4个重要模块，可通过点击标签进行模块间进行快速的切换。
2）页面版式
页面版式大概可分为这几个部分：信息的排布、图片的使用、颜色的使用、留白的艺术。
以“发现”页面为例，本页面采用了非常流行的卡片式布局，它能直观得突出书籍本身，达到向用户推荐的目的。在信息的排布上，书籍相关讯息遵循了人们视觉焦点在页面上半部分的规则，并且突出了书名的展示。
留白艺术在这里使用的非常到位，整个页面除了书籍本身似乎看不到任何多余的东西，突出了“阅读”的核心功能，底部好友在读的设计再次点明了主题：让阅读不在孤单。
最贴心的当属卡片2端的留白，让使用者很轻松就知道可以左右两边切换，很多的APP使用卡片式设计时就没有考虑到这样的细节问题。
微信读书-图3
二、微信读书之——框架层
在微信读书的表现层下，就蕴藏着其框架层，我们来看看，微信读书是怎么通过框架层来优化设计的布局的。
以核心的阅读页面为例，阅读的时候，页面顶部有章节信息，让用户清楚地知道自己处在哪个章节的阅读。底部带有当前页面的想法数量，让用户感觉到他不是一个人在阅读，再次点明“让阅读不再孤单”的slogan。右下角的前页面数/总页数的显示，与纸质书的页码呼应，符合用户阅读习惯。
微信读书-图4
页面的其他操作在用户点击页面空白处，此页面相关的操作按钮展示出来，其中较为突出的功能是“听”以及“想法输入框”，当用户的手势操作不再是左滑的时候，说明用户不是要进行下一页切换的操作，此时出现页面的操作按钮比较符合用户操作习惯。
当点击划线的内容时，展示此内容对应的阅读用户想法，想法输入框固定在底部，方便阅读者随时点击输入内容，而想法列表会根据划线内容在屏幕中的位置来改变，是为了方便用户在看想法的时候，不遮挡划线内容，从而达到用户既可以查看划线内容，同时还能输入想法。
再来看看书城页面，一般来说，一个页面的首屏展示的内容就足够我们看出主要的设计思想和想要展示的重点信息了。
微信读书-图5
顶栏是页面标题和搜索栏，然后是4类文章的导航。除此之外“猜你喜欢”部分成了整个首屏内容的视觉焦点，也就是用户一进入页面就会第一眼看到的地方——用户喜欢的书籍推荐。=
再往下就是不同维度，不同分类的书籍推荐，每种书籍推荐一般为3-6本书，每屏承载1-2种书籍推荐，点击查看全部跳转到对应类别的书籍页面。
这种页面设计方式，让信息层级划分比较明显，主次分明，符合浏览习惯，用户使用时也不会眼花缭乱。
三、微信读书之
Copyright ©2015~2025 www.kingtall.com 网站ICP备案号：粤ICP备14001765号-1
