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

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

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

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


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


一、弥散阴影的运用


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


二、卡片化设计


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


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


三、字体字重


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


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


四、对称性


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


五、渐变质感


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

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


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


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