查看内容

设计好APP的第一步:学会提炼APP产品设计气质

  从逻辑层面来说,网站产品已经摸索出稳定的架构和核心的功能并已被用户所接受。这都为APP奠定品牌气质的前期工作省去了一些实验性的摸索过程。APP要做的就是将它以另一种形式呈现出来。

  各位APP设计师亲们,务必记住设计好APP的第一步:要学会提炼APP产品的品牌气质。

  让你的APP出身就要有一定的逼格和调性。

  APP

  提炼产品的品牌气质的第一点,也是小编认为特别在跨平台设计时很重要的第一步。

  那就是什么是APP产品的品牌气质

  了解什么是APP品牌气质

  举例说明一下,比如:

  当我们看一个人的时候,往往根据他的外表+内涵,就会在你第一次与他见面后有一个特有的认识,这就是人的气质。(当然这是有一定阅历的人才能判断啊~刚步入社会的估计会差一些)

  移动APP产品也是一样,外表就是产品的视觉呈现,也就是这个产品直观地看起来怎么样;内涵就是产品的内容呈现,这和APP产品吸引来的用户,以及他们在上面发一些什么样的内容有关。

  下面我们来看看豆瓣APP和知乎APP:

  豆瓣APP和知乎APP对比

  以知乎APP和豆瓣APP为例子,他们都是小编认为在产品气质上做得很好的。

  抛开运营来说,这两个产品的视觉呈现都和自己的气质非常贴切,对强化用户对产品个性的认知有很好的作用。

  知乎:蓝白配色是很有科技感,也会显得比较专业,文字都排布得很密,实际上并不是阅读最舒适的状态,但能呈现一种干货,快节奏的感觉,这一点在新闻类的app上会更加的明显。

  豆瓣:一直都用绿色来营造一种文艺,清新的氛围,它的排版就不会像知乎这么密集了,有很多的间距留白,也是会有更小资惬意的感觉。

  他们这种强烈的产品个性就会吸引到相应风格的用户,从而共同营造出不同风格的内容氛围。

  所以我们APP设计师要做的就是提炼出的产品气质转化为具象化的视觉语言。

  那么我们从那几个方面来转化呢?

  先看看下图所示:

  产品气质具体表现

  配色是贯穿app始终的元素,是给人的第一印象:上面是简书APP的案例

  1. 简书一种纯净的白可以塑造出和网站一样简洁纯净的氛围,点缀一些品牌色加强辨识度;

  2. 优秀的字体能够为一款文字类应用增色不少,我们选择了思源黑体,它很简洁但仔细研究却很精致,非常符合简书的调性,也和适合长时间地阅读;

  3. 沉浸式的阅读需要舒适的阅读状态,将行高基本控制在1.5-1.7倍之间,我们并不希望新闻那种紧凑的,高效阅读的感觉,更多是慢下来沉进去地读;

  4. 留白的优雅,排版上也尽量拉开内容之间的距离,稀松一些,留一些白,会显得比较优雅。

  qq-42

  当然,在向app的设计过程中,我们也会对产品的调性进行一些优化,就以icon为例子,这是过去的icon和现在的icon,我们用了纯白底色降低品牌色的面积,我们重新设计了品牌字体,用了改良版的更优雅的黑体替代之前的宋体,这都能使的简书在原有的调性之上显得更年轻和现代一点。

分享: