本篇文章从形、色、字、构、质、动六个维度分别进行解读,为大家展示了一款不一样的阅读产品,其设计来自百度教育UE团队(EDUX),感兴趣的小伙伴可以前去体验一番。
前言:小编是个重度的阅读产品使用者(做编辑这行不读书怎么行),几乎用遍了网上的各种阅读产品,最近在网上发现了一款非常低调的产品上线了,一查竟然是百度出品的,因为经常接触百度系产品,这个产品的设计体验和以往的都不同,然后就在网上搜索资料,查到了一位资深设计师对这个产品的评价,写的非常诚恳(小编可以偷懒了),照搬过来如下:
“百度阅读Pro”App首页
写在前面 “形色字构质”是组成一个App视觉语言最基本的五个维度,而动效设计是UI设计的新趋势,所以笔者将从形、色、字、构、质、动六个维度对“百度阅读Pro”的视觉设计进行分析和评价。
在此之前,我们需要对这六个维度进行简单的介绍,明确“百度阅读Pro”App的产品定位与目标用户。
由《你的阅读专属手册》可知,“百度阅读Pro”的产品定位是“在百度阅读App上提炼出来的以全场免费读为主线,提供舒适的沉浸式阅读体验,为用户推荐最为合适的书籍、找到所求,建立自己的私人图书馆”的app。
由“百度阅读”App在2016年发布的“用户画像数据报告”推测,“百度阅读pro”的用户年龄集中分布在25-30岁区间,多为学生和白领。
《你的阅读专属手册》
一、形 “百度阅读Pro”有线型和MBE两种风格的icon。其中TabBar中的四个导航icon采用了MBE风格,丰富了界面细节的同时也与其他icon有效地区分开来,简约而不简单,符合目标用户的主流审美倾向。
剩余的icon均采用了线型风格,比起存在感较强的面型风格icon,对用户的干扰较小,更有利于沉浸式阅读体验的打造。
icon的一致性做得很好,描边控制在两种尺寸,对描边的端口、转折都进行了圆角处理,同一区域各个icon的视觉尺寸统一和谐。