0
点赞
收藏
分享

微信扫一扫

移动UI交互设计与动效制作【坚果派】

移动UI交互设计与动效制作

团队介绍:坚果派由坚果创建,团队拥有8个华为HDE,3个HSD,以及若干其他领域的三十余位万粉博主运营。

本人为华为HDE、中国计算机学会CCF专业会员、OpenHarmony布道师、开发者联盟优秀讲师、2023年开源之夏导师、2023年OpenHarmony应用创新赛导师、RISC-V+OpenHarmony应用创意赛导师、OpenHarmony三方库贡献者、开放原子开源基金会技术+生态贡献者第一批开放原子开源讲师、OpenHarmony校源行开源大使、InfoQ签约作者、CSDN博客专家、电子发烧友MVP、51CTO博客专家博主、阿里云博客专家、曾受邀参加2022,2023HDC大会。专注于分享的技术包括HarmonyOS/OpenHarmony,ArkUI-X,元服务,服务卡片,华为自研语言,在2022年战码活动中,带领100余人完成pr的提交,配合孵化三个小队长。也在此活动中累计完成1.5W行代码提交,以及在2023年OpenHarmony创新赛中。累计辅导60+队伍,完成作品的提交,在相关社区累计发布OpenHarmony相关技术文章/视频50+,获得20w+浏览量。团队成员聚集在北京,上海,南京,深圳,广州,宁夏等地。

最近也是经常要做一些设计和有一些想法,周末就和好朋友在深圳大学城充了会电。就写个读书总结吧。

在移动端中,我们能够看到各种各样丰富细腻的动效设计,应用于各大APP中。动效设计在产品研发过程中越来越规范和成熟。

所以我们要考虑的东西就越来越多,比如内容和用户因素

一、需要考虑的内容

  • 功能是否需要
  • 功能的表现形式
  • 功能按钮的大小,位置和外形
  • 合理的交互方式

二、需要考虑的用户因素

  • 用户的文化背景与习惯
  • 用户群的特定需求
  • 用户的浏览习惯

三、移动UI交互设计的基本流程

  1. 需求分析
  2. 操作流程设计
  3. 信息架构设计
  4. 原型设计
  5. 生成交互文档

3.1、需求分析的流程

  • 分析功能需求
  • 明确用户需求
  • 提炼设计目标

3.2、操作流程设计

  • 渐进式
  • 往复式
  • 随机式

3.3、操作流程的设计原则

  • 减少用户设计
  • 魏用户提供反馈
  • 降低操作难度
  • 减少用户等待时间
  • 不轻易中断用户操作

3.4、信息结构设计

  • 信息架构设计的方法
  • 根据功能相似性进行信息架构设计
  • 根据功能之间的不同关系采用不同的信息架构设计
  • 根据功能使用频率进行信息架构设计
  • 注意系统的扩展性。

3.5、原型设计流程

  • 绘制草图
  • 演示与讨论
  • 制作原型
  • 测试

4、用户体验

基础体验

  • 感官体验
  • 交互体验
  • 情感体验
  • 信任体验
  • 价值体验
  • 文化体验

5、互联网产品的情感化设计

  • 别出心裁的创意
  • 打动人心的色彩
  • 合理统一的布局
  • 方便易用的功能
  • 和谐统一的交互

6、动效的价值

移动UI交互设计与动效制作【坚果派】_坚果派

7、相关链接

移动端设计心得,用户体验的20条总结

举报

相关推荐

0 条评论