04/50 APP视觉体验日记:微信读书

用户头像
深圳/UI设计师/6年前/923浏览
04/50 APP视觉体验日记:微信读书

开启了《50个APP视觉体验日记》计划,希望通过体验50个APP提高视觉感受力和分析能力,欢迎把你认为有体验好的APP推荐我!

声明:如需转载,请申请本人授权,严禁私自用于任何商业用途。


微信读书是一款社交化的阅读软件,是在我手机里保存比较久的APP,目前微信读书时长238小时。也用过其他几款读书APP,还是更喜欢微信读书体验,轻盈,克制,操作方便友好。不过后面随着公众号文章的导入,也没以前那么简洁了,但还是有很多设计上的亮点值得我们思考学习。


一、弥散阴影的运用


与普通阴影相比,弥散阴影表现得更有深度和质感。微信读书里的书本封面和卡片都有使用弥散阴影,让信息从背景中跳出来。阴影大小设置得比较大,而且颜色很浅,以免同类元素出现在同一个页面导致页面过于厚重。


二、卡片化设计


微信读书很多地方都有使用卡片,比如“发现”页的左右滑动卡片,占据了页面很大部分的空间,留白很多,页面整体操作简洁,友好。


还有卡片式弹层,这个卡片从底部划出,只有左右2个做了圆角处理。中间的卡片弹层添加了毛玻璃效果,轻薄通透,加上删除图标跳出弹层,放在弹层下面,也很特别,容易操作。


三、字体字重


微信读书里嵌入了 思源宋体,增强了和竞品的差异性,营造了APP的记忆点,给APP增加了文艺感。思源宋体是衬线字体,所以能和其他内容分开来,很快被识别到。当然这种衬线字体需要有节制的使用,用得太多不利于阅读,微信读书主要把思源宋体用在标题、书名、个人主页用户名上。


包括一些文字的粗细、大小、颜色的巧妙处理,也让信息的层级非常清晰。文字的灰度处理也不是加的纯灰,而是 带蓝色的冷灰


四、对称性


在微信读书很多页面都使用对称布局,给人感觉整齐、平衡、可信赖的感觉,不过有些界面在对称的基础上也会加上非对称的设计。


五、渐变质感


在一些需要特别强调的卡片上添加了渐变,让卡片变得高级有质感。像右边这个“无线会员卡”运营页面,在深蓝灰渐变背景下,灰色渐变卡片和金色渐变按钮的设计,让整个页面精致、高端、理性,整个页面也很有秩序感。

另外图标也添加了渐变,不仅是图标背景渐变,图形本身也添加了渐变和高光效果,使得图标更加精致。


好了,今天的体验评测就到这,希望对你有帮助。兴趣的可以去下载体验更多设计细节。有什么问题,欢迎在下方留言讨论。也可关注我的公众号:@爱设计的狐狸


声明:如需转载,请申请本人授权,严禁私自用于任何商业用途。
10
举报
|
11
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
平面花卉图案扁平简约无缝拼接插画
学习,优惠券,平面,海报
平面插画情侣/矢量
拼团,团购,教育,海报,平面
海底世界插画
中国传统纹样创新图案设计
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
空的平台平面和自然景观
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
金色颗粒质地的平面
平面男孩喝咖啡插画设计
玄关入门地毯印花图案红地毯
平面书法字手写
牛奶乳液层次平面平铺平面
平面设计风格的粉色草莓味马卡龙
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
空的平台平面和自然景观
金色颗粒质地的平面
金色颗粒质地的平面
课程海报,平面素材
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
你可能喜欢
相关收藏夹
ui
ui
ui
ui
大家都在看
登录注册