手机APP

作者: 打个响指都是爱你的形状 | 来源:发表于2019-03-05 15:31 被阅读4次

    一.确定背板设计

    1.两位一体【物理圆角映射到设计层变为容器圆角,最大限度地在扁平化的设计理念中保留物理现实的影子】

    注意背板设计带来的留白率

    削弱页面分割,减少页面留白率,避免卡片套卡片套卡片的复杂层级,在保留圆角特性的基础上最大程度的维系了页面的通透,提供沉浸式的视觉体验。

    考虑移动端的适应性

    背板卡片可以帮助隐藏后层的辅助信息,背板卡片激活时,后层被遮挡的与背板卡片相关的信息则会以更自然,更符合物理现实的形式展现出来,更易被理解。

    2.一体多位【建立通用单元背板容器,结构性地兼容不同的业务状态,以此将差异有效控制于基础背板容器中】

    背板容器化

    针对不同的业务属性的背板矩阵也将信息层级收口为视觉框架,并根据不同的业务属性灵活组装,进行容器框架内的业务自适应,做到了丰富的产品视觉呈现形式。

    基因渗透

    通过颜色、Logo等层面延展品牌的表达,为了能更全面地传达,在背板设计中可以提炼圆角作为全局可视化视觉载体进行延续设计,一个圆角的延展,可以演变出不同的形状,当这些延续了视觉DNA的空间沿用到每一个诸如:图标、按钮、图片等功能化控件中时,不但在提升整体印象,当看到这种圆润设计的形状或使用这些功能元素时,就会想到品牌。

    二.细节

    1.颜色系统

    2.图标系统

    3.文字系统

    4.交互系统

    自然的色块引导

    添加关键联动元素

    场景化的动效

    图标的微动效

    三.科学管理

    1.团队组建

    洞见需求——找到设计抓手(内容吸引 / 架构升级)——设计解决方案落地(信息结构优先级 / 背板容器场景化升级 / 动态内容立体呈现 / 个性化算法推荐 / 动态视差BANNER / 增加体验落地可能性 / 效果评估)——增加体验落地可能性

    个性化推荐=长浏览+搜索+收藏+加购+下单+支付

    相关文章

      网友评论

        本文标题:手机APP

        本文链接:https://www.haomeiwen.com/subject/aaanuqtx.html