原型图制作信息
- 抖音APP版本：11.2.0
- APP运行平台：iPhone8 IOS 13.4.1
- 原型图设计软件：Axure RP 8
- 软件运行平台：macOS 10.15.5
- 原型图页面尺寸：375*667
抖音APP产物结构图
抖音APP从产物设计上来看主要分为6大模块，分别是登录、首页、关注、公布视频、新闻治理、我 共计6个模块，每个模块对应差别的内容，从页面层级上来绘制抖音APP的产物结构图简朴如下：
产物原型图大致也是根据上述产物结构图绘制，该原型图主要展示抖音APP主要功效页面及交互流程，细节页面和交互未做详细绘制。
抖音APP原型图制作
登录
首页
关注
公布
新闻
我
Zynn VS TikTok，快手与抖音的海外对决
总结
原型图绘制小我私家经验总结
对于产物新手来说，初期摹仿绘制产物原型图时，多使用Axure软件的辅助线和页面截图来辅助绘制，可快速定位元件位置和巨细，能更快完成元件的绘制和位置摆放，对于新手来说对照友好；将图片巨细修改成与原型图页面巨细一致的尺寸，通过X轴和Y轴辅助线快速绘制元件。
需要重复使用的元件或者页面，通过建立母版可极大提高原型图绘制速率，若需要修改统一页面元件的样式，直接修改母版样式即可。
绘制好的原型图多使用组合功效，以防止对页面拖动时改变页面元件的结构；同时，在绘制过程中，只管对具有整体性的元件聚集设置组合，利便元件拖动时不改变元件结构。
对于产物新手来说，在设置元件颜色时，只管使用颜色提取工具，可保持元件颜色的准确性。
可通过导入外部元件库的方式来提升原型图绘制效率，对于常用的元件可自行整理成一套元件库使用。
对于抖音APP的一些思索
产物整体页面简练直观，可操作和不能操作区域均通过显著的颜色来举行区分，且整体页面气概都接纳对比度很高的颜色来举行视觉上的区分，例如登录页面中可操作按钮和不能操作按钮使用红色和灰色举行区分，极大提高了用户使用体验。
对于统一页面中差别的展示菜单，均使用差别的文字颜色或是颜色条来举行区分。例如导航菜单当前页面菜单使用白色字体加底部白色导航条举行区分；但在颜色对比上另有优化空间，且页面颜色运用较为缭乱，颜色统一性运用有优化空间，例如差别页面的导航条颜色可做归一化处置。
整体交互逻辑对照简练直观，对于用户友好性较高。但部门页面存在重复情形，可做页面归一化处置，例如“新闻”页面中的“粉丝”列表和“我”页面中的粉丝列表两个页面存在重复，且现在页面不是统一个，可做页面归一化处置。
以上是作为产物新人对于抖音APP原型图的绘制和小我私家一些经验总结，仅代表小我私家观点，迎接产物先辈批评指正。
本文来源于自互联网，不代表n5网立场，侵删。发布者：N5网，转载请注明出处：https://www.n5w.com/19094.html
微信扫一扫 
