028-86261949

当前位置:首页 > 技术交流 > 如何学习动效和C4D?如何画好app的线框图?

如何学习动效和C4D?如何画好app的线框图?

2020/08/17 15:04 分类: 技术交流 浏览:0

现在的动效实现方式有很多,AN  AE  各种3维软件都能实现,建议大家先不要贪多,集中选择一个从基础开始,一步步慢慢来,光看还不行,一定要跟着培训机构的老师或者网上成套的基础视频反复练习!比如这套C4D基础入门精讲免费教学:

https://ke.qq.com/course/317215?taid=2427730264381215

重要的事情说三遍 反复练习 反复练习 反复练习!成功之后再去逐步提高就好了!切记不要步子迈的太大!

 

 

那么如何画好app的线框图呢?首先说说框图定义:

线框图是整个产品交互式设计过程中的必要步骤,它通常在项目生命周期的早期阶段进行。简单的理解为是产品的一个图形框架,这就好比建筑的蓝图,前期必须考虑好所有材料、部件以及各项功能模块。后期的所有内容都是基于这个线框搭建起来的!

线框图绘制工具:

现在常用的绘制工具有 Sketch  AXURE  XD   Mockplus等,最牛的当然是纸和笔了,这个要看团队的默契程度了,默契到了用简单的纸和笔就能够把布局、功能、交互全都传递清楚,这个是需要团队长期磨合才能实现的。

 

线框图的优点:

1. 线框图比抽象的需求概念更容易理解

用简单直白的线框和灰阶色块就能直观的表现出该有的功能和内容以及界面布局,让人一目了然,老板、客户都能很好的明白表现的目的

2. 线框图可以用于收集反馈

项目前期绘制出线框图,用户、开发、客户可以优先查看你的设计,并且提供及时的反馈意见以提升用户体验。

3线框图有助于产品的加速开发

通过线框图的绘制,可以直观的看出后期存在的一些交互和功能性失衡的问题,从而进行修改,加速产品功能、用户体验的开发迭代!

4线框图绘制速度快,成本低,低保真原型可以快速实现

线框图的设计流程和方法:

1根据需求、产品前期调研制定实施方案

2利用XMIND思维导图工具绘制结构流程图

3梳理业务逻辑

4根据项目周期长短选择性的绘制线框图,给的原型时间长可以绘制的精细一些,时间短就用占位符、灰阶色块简单搭建

5 时间足够再适当的添加页面跳转逻辑按钮和文字说明

 

如何画好app的线框图

1 绘制的时候严格按照各APP的规范进行绘制,比如标签栏高度 按钮大小 字体大小 状态栏大小 ICON大小等按照1:1的模式用相应的色块或者占位符进行代替。

2 在绘制过程中利用色彩的对比来凸显层级关系,比如强调的部分用深色的灰色块来表示,其它提示性的文字用浅色块表示。

总结:

其实画好线框图不是把界面画的多漂亮,而是你的线框图有没有把布局、功能、交互清晰的表达清楚,让团队成员搞明白是什么意思即可!

#标签:C4D,线框图,AN,AE,3维