主页 > 洞察 > 设计沙龙 > UI界面设计
  • 健身APP界面UI设计和UX设计流程详解

    adinnet / 2018-03-14 14:48 /UI界面设计

    健身运动的广泛开展,让人们意识到健身对于提高健康水平的重要性。而而众多健身APP的开发对于人们健身也有很大的作用。这些优秀的健身APP不仅有强大的功能,同样UI设计也非常出色。好的APP界面被设计出来的前提是美观,并且风格保持一致。今天小编为大家分享健身APP的UI设计和UX应该如何设计,有哪些流程。

    了解APP信息和用户需求

    认真倾听客户的需求是我们在进行UI设计之前必须要做的事情。比如健身APP,可能客户希望健身APP被设计的充满活力且年轻化,并且想要为用户提供清晰明了的用户引导过程。这些都是非常重要的信息,对后面的APP设计有指导作用。

    完成构思,绘制线框图

    在了解客户的需求之后,UI设计师完成构思,并且开始绘制线框图。通过线框图,设计师将APP的各屏的布局高度简化精炼地呈现出来,它可以将整个APP的信息架构快速而视觉化的勾勒出来,确保后续的开发和客户对于项目的结构有清晰的了解。此外,如果客户想要进行修改,线框图的修改成本也相对较低。比如下面的健身APP线框图,包括了APP的基本布局。

    上面是健身APP的登录注册界面以及主屏幕界面。

    主界面包含了健身教练列表和地图。这可以帮助用户快速地找到他们需要的私教。此外,用户界面当中还包括一个标签栏,这种导航模式平易近人还足够清晰。

    开始设计UI界面

    当线框图所呈现的结构和构思被接纳之后,设计师开始着手设计相应的UI界面。在设计过程中,更重要的任务之一是找到合适的配色方案。配色对于产品视觉极其重要,它直接关系到了用户对于产品的第一印象。不适当的配色可能会直接影响到产品的可用性、可读性以及用户的满意度。此外,设计师需要考虑的品牌本身的特点,目标受众的年龄、性别、文化背景以及喜好,在此基础上来构建配色。

    有黑色背景也有白色背景,有冷色调也有暖色调的。一般UI设计师会为客户提供多个配色的选择。比如以下是第二种配色方案:

    这是白色背景色,然后包含了蓝色和粉红色两种颜色。配色可以参考品牌的LOGO颜色,和品牌LOGO色一致,可以提高品牌的认知度。

    新用户引导流程设计

    新用户引导流程中,用户通过系统提供的教程了解APP 的功能和基本的控件如何实用。这个环节中,通常包含简短清晰的引导和描述性的信息,阐述APP 的优势,并尽量吸引用户试用并留下来。

    一般的APP设计流程是由客户提出要求,然后项目经理作出高低保真原型图,再交给设计人员根据原型图进行设计,更终设计出完整方案。

    谈谈界面风格的选择

    无论什么样的界面风格和图标风格都是允许的,因为这没有很严格的风格界面规范,只有长得好看的,和长得不好看的;也没有更好的风格,所有界面被设计出来的前提是:美观,并且风格保持一致。比如图标的风格,如果都是线型的,就不用再用填充的。分割线的颜色粗细等也要保持一致。界面整体风格又更好与图标的风格相配套,保持一致性的风格能让用户在使用产品时才会有比较深的印象,一款软件同样需要靠风格的统一来达到建立“形象”的目的。

    以上就是一个健身APP界面设计的过程分享,目前市场上健身APP很多,但是独特的创造性的UI设计和用户体验设计,可以让您的APP脱颖而出。如果您需要对APP进行UI设计,欢迎咨询艾艺。

上一篇:为什么你的APP总是不耐看? 下一篇:关于2018 年人工智能的8 个预测