极简非简陋·英才APP的设计减法|设计沉思录

引言

在一个追求内容至上与体验至上的时代,设计的表现更加简洁直白,这正如著名建筑设计师密斯所说过的:less is more,在业界内还是跨领域都在流行一个名词:极简设计。简单的形式往往能够带给人们更多的空间感与愉悦感,也是内容大过于形式的一种设计方式。但在一些实际的设计当中,极简却变成了简陋。那什么才是设计中的极简呢?

极简的设计原则

针对极简进行一番分析,大致可以以下几点原则:

  • 保留必要元素,简化冗余元素,有良好的视觉焦点;
  • 简化用户操作流程,从使用上更加的高效与明确的操作指向;
  • 留出的是空间感、以及给人舒适的界面呼吸感、产品视觉基因。

这与我们本次中华英才APP商家端(以下简称B端)改版所要达成的设计目标是一致的,设计之前我们先去分析本次改版的减法要如何去做。

现有问题分析

在改版的初期,我们针对B端用户进行了调研、访谈,同时对一些关键流程的数据进行提取分析,并结合季度用户体验满意度报告得到了一些关键信息,这些信息是直接影响到用户实际操作中的感受、对产品的认知、好感度。主要问题点如下:

  • 注册流程较长
  • 用户更简历的查看与后续处理效率
  • 界面设计不够美观,比较呆板
  • 缺乏自己的产品特色

影响到的因素

我们与产品同学对反馈的问题进行了一些深度的挖掘细化,实际拆解到产品、设计中,可明确改进的问题优化点如下:

1.整体产品中品牌没有核心元素

2.阅读时信息互相干扰

3.界面中关键节点引导性不强

4.视觉语言不统一

5.颜色使用不规范

提取明确重点信息及设计目标

1.简化明确信息层级关系

2.优化注册及发布流程

3.建立颜色使用规范

4.融入设计语言

为设计目标打造极简的设计

1.设计语言:项目初始,分析了相关的问题,颜色使用不规范,色彩库单一。没有自己的设计语言,这个也让原有英才自己的调性表现的不是很明确。在本次改版当中,在原有英才色的基础之上进行了颜色的拓展,丰富现有颜色库。这样做不但能够在后续的设计当中颜色的使用更加灵活,同时也能更具有自己的产品视觉基因。并将新的颜色与设计语言融入在主界面与流程当中。下面看看整体TAB主界面的效果。

2.空间感-负空间 :亦称留白,是极简主义设计最重要、有亮点的一个特征,我们希望通过这个方式来吸引用户在界面关键元素的度,从而设定不同的留白方式以及字号字重的使用对区域内容进行相应的区割,减少使用多余的设计元素。在发布流程中得到了相应的应用。举例:

3.视觉对比:因为视觉元素的减少,单纯的文字内容,会使整体界面显得比较单薄无力,黑白灰的整体界面中增加强对比的按钮与阴影效果对界面进行层次的区分以及功能引导。用户在顶部内容聚焦填写过以后,很快能够聚焦在功能引导按钮上,引导用户进行下一步的操作。举例:

4.呼吸感:现在的设计中大家能看到更多动效使用的场景,加入动效,能够让你的界面变更加的灵动,不再呆板,起到一个添花、补足的作用,但在使用中,尽可能规避大量无用动效的使用,只做必要的保留即可。在登录角色选择中,我们进行思考,求职者,公司都是一个个体,我们希望表现出概念性的个体与之间的关系,在欢迎内容区制作了圆形元素,与呼吸动效,使原本单调的选择页变的更加有场景带入感。举例:

最后附上整体改版后的部分效果图:

总结

本次改版中去掉了很多冗余元素,在整体设计中兼顾美观与简洁性,减少用户阅读使用成本。关键颜色的使用在传达必要信息基础之上也带入品牌设计基因。通过本文希望能分享设计当中的一些思考与,在以后的设计当中对这种设计风格把握的更加清晰、熟练。最后想说的一点是,极简非简陋,做简单容易,做好极简并不易,设计中也需灵活应用。

58UXD

作者:李洋

(0)

相关推荐

  • 帮你打造极简风APP UI 的实用设计技巧

    随着用户对UI的喜好开始偏向简约,设计师有必要将整个UI简化剥离至基本状态,因为保留关键元素才是成功的钥匙.从某种意义上说,极简主义的设计是形式和功能的完美结合.它最大的优势在于形式上的清晰直观--简 ...

  • 设计好极简风格的25个要点!

    小编:极简主义的目的就是让主要内容更准确的呈现在用户眼前.那要如何去实现呢?小编认为我们可以把一个复杂的产品经过不断的简化,回归基本让内容清晰可见.但这并不意味着极简设计很简单,事实上优秀的极简作品交 ...

  • 极简网页设计技巧,打造简约之美

    极简主义网页设计风格,如何才能做到简约而不简单?简约风设计需要了解和掌握哪些禁忌和技巧,才能让网页设计简洁而不失魅力?继续阅读文章,小编将结合具体实例为大家一一讲解. 近几年,极简主义设计风格(也称简 ...

  • 方形的极简主义风格网页设计模板套装PSD下载

    这只网页模版还是不错的 原文也挺好就不改直接搬过来了~ 这是一套非常有价值的网页设计模板,它的优点如下:完美的删格化让我们学习删格化非常方便.极简主义风格时尚大气和方块布局符合手指操作,整套模板包含了 ...

  • 网页设计中的极简风格—无的力量

    小编:首先感谢@飞屋睿UIdesign为我们分享讲解什么是极简设计以及如何做到极简并配上很优秀的图来帮助我们讲解.不久前刚看到一句话来和大家分享下,感觉可以用来提升逼格.这句话是这样写的"U ...

  • 电商设计中的极简设计

    小编:本篇来和大家讨论讨论关于电商设计中的"极简设计",首先感谢作者@蒸个馒头详尽的讲解,举例分析.我认为的"极简设计"就是去掉不是必要的,留下重要的,让用户可 ...

  • 20款极简风格名片设计作品欣赏

    虽然现时网络十分流行,但名片依然是品牌企业或个人不可缺少的一种宣传手段,特别是设计师.营销人员.摄影这些专业人员,名片的设计绝对不能马虎,名片必须要有创意,这样才能体现你的职位,让名片更有意义. 在这 ...

  • 优秀极简设计的套路

    @葱爷:看几千个案例其实还不如看懂几个案例. 阅前一叨逼:所谓极简就是,简还不行,得非常非常简,然后还得招人喜欢. 极简设计一直是设计师很推崇的一种设计风格,因为它容易给人一种格外轻松.舒服.高大上的 ...

  • 【海平面】20种极简主义的宣传单设计

    现在营销广告到处充斥着,因此,要想获得目标受众的并不容易.你可以采取的一种更具战略性的方法,那就是采用极简主义的方法进行广告营销.在本文中,我们将向你展示,如何为品牌创建具有重大影响力的极简主义宣传单 ...