健身的分析师,健康的监督员
分析视觉关键词
整合产品信息,提取产品关键词和了解用户人群特征和商业定 位的海外市场,提取视觉关键词:运动、时尚、动感、专业。 结合产品的特性以活力的色彩区分来表达不同的运动信息,心 率采用活泼热情的橙红色来表达运动的激烈碰撞感,而肺活量 以冷静缓和的蓝色为主,呼吸的顺畅使运动更加有律动感。
风格探索
在前期的风格探索中,主要以内容信息的展示为主,而在展示的同时加入一些跟功能信息相关的信息元素,再结合动效的内容 直观的表达产品信息。而在颜色的使用上主要以时尚潮流带激情年轻的色调为方向,烘托整个软件的运动气氛。
方案一
方案二
方案三
首页风格确定和完善
确定风格倾向,在根据客户的沟通中了解。在颜色的对应上做了些调整。心率对应红色,呼吸对应蓝色,而相应的选中选用金 色。功能之间的颜色对应,使得功能之间识别度加强。
颜色定位,细节调整
信息清晰 时尚设计
运动状态实时显示的界面,根据首页的风格和元素的延伸,在运动状态众多数据显示之余,以首页设计元素作为主体,数据显 示的简化和排版布局的调整使得界面繁而不乱,信息显著易见。
健身圈的私人定制
健身已经成了都市生活的一种态度。定制自身机能的成长,科学的锻炼,cardiocycle带给你改变。不仅仅只是一个记录观察软件,可以根据你 自身的锻炼强度和活动量来定制属于你的健身指标!
一切从简
信息详情的设计上,信息量较大,为了不影响信息的查看和阅读。在设计上去掉一切多余的视觉干扰因素,主要以内容为主, 在去掉干扰因素的同时,为统一整个APP的风格基调,采用彩色模糊的背景,增加些许时尚又激情的气氛。
动效设计
在动效对前期开发构思的实现过程中,主要 针对场景的无缝切换和衔接,连接不中断的 操作为主方向。增加APP操作的趣味性和精 喜度,用户在操作过程中能更加舒适和投入。
贴合产品属性的引导页设计
以真实的运动状态照片进行引导页的设计,文字介绍采用海报形式的排版,文字和画面融为一体。使得用户刚进去APP时更有 带入感,渲染浓重的运动的气氛。
CardioCycle是一款测量人心率和呼吸率的运动只能心贴APP。非运动状态时能实时测评用户心率状态,在运动状态时能设置运动强度跟踪 测评,展示运动状态和身体消耗。整个APP的风格采用了高斯模糊的背景为主,时尚和科技感并存。而首页主要采用了三原色红、黄、蓝为 主色调,结合着界面动态效果的实时互动,展现着运动的活力和多彩,在所有的设计理念中都遵循内容为主、少即是多的原则,弱化一切干 扰用户获取内容的视觉因素,弱化线条等视觉辅助元素。在内容安排和视觉时尚之余,更是以动态效果的方式弥补情感化的缺失。整个设计 的整体节奏主要以内容为主,视觉时尚,情感化设计为设计主线。

IOS下载

Copyright © 2008-2016 上海锐国信息科技有限公司 版权所有 沪ICP备05058651号