导航条制作(photoshop制作导航条)
这张产品原型图是我决定学习产品经理后的第一张产品原型图。旨在熟悉产品原型图的制作方法和流程，学习行业内优秀产品的设计理念和改进说明。原型图制作和交互讲解有很多疏漏。我们真诚地欢迎您的批评和指正。
原型信息Tik Tok APP版本:11.2.0APP运行平台:iPhone8 IOS 13.4.1原型设计软件:Axure RP 8软件运行平台:macOS 10.15.5原型页面大小:375*667 Tik Tok APP产品结构图Tik Tok APP从产品设计的角度主要分为六大模块，分别是登录、主页、关注、发布视频和消息。
产品原型图是根据上面的产品结构图大致画出来的。原型图主要展示了Tik Tok APP的主要功能页面和交互流程，但详细页面和交互并未详细绘制。
抖音APP原型图制作登录首页
关注
发布
消息
我
总结原型图绘制个人经验总结
对于产品新手来说，初期临摹绘制产品原型图时，多使用Axure软件的辅助线和页面截图来辅助绘制，可快速定位元件位置和大小，能更快完成元件的绘制和位置摆放，对于新手来说比较友好；将图片大小修改成与原型图页面大小一致的尺寸，通过X轴和Y轴辅助线快速绘制元件。对于新手家用产品，在初期复制绘制产品原型时，多采用Axure软件的辅助线和页面截图来辅助绘图，可以快速定位组件的位置和尺寸，更快完成组件的绘制和放置，对新手更友好；将图片尺寸修改为与原型图的页面尺寸相同，通过X轴和Y轴辅助线快速绘制元件。
对于需要重用的组件或页面，通过创建母版可以大大提高原型图的绘制速度。如果需要修改同一页面上组件的样式，直接修改母版样式即可。
好的原型图大多使用组合功能，防止拖动页面时页面元素的布局发生变化；同时，在绘制的过程中，尽量设置具有完整性的组件组合，这样在拖动组件时就不会改变组件的布局。
对于产品新手，在设置组件颜色时，尽量使用颜色提取工具，保持组件颜色的准确性。
通过导入外部组件库，可以提高原型图的绘制效率，并将常用组件组织成一套组件库使用。
对于抖音APP的一些思考
产品的全页面简洁直观，可操作和不可操作区域用明显的颜色区分，全页面风格用对比度高的颜色进行视觉区分。比如登录页面中的可操作按钮和不可操作按钮用红色和灰色区分，大大提升了用户体验。
同一页面上的不同显示菜单通过不同的文本颜色或颜色条来区分。比如导航菜单的当前页面菜单，用白色字体和底部白色导航栏来区分；但是在色彩对比上还是有优化空，页面色彩凌乱，色彩均匀性优化空。例如，不同页面的导航栏颜色可以标准化。
整体交互逻辑简单直观，人性化。但是，有些页面是重复的，因此可以进行页面规范化。比如“留言”页面的粉丝列表和“我”页面的粉丝列表是重复的，当前页面不一样，可以做页面归一化。
以上是一个产品新人对Tik Tok APP原型图的绘制和个人经验总结。仅代表个人观点，欢迎产品前辈批评指正。
本文由@时光旅行原创发布。每个人都是产品经理。未经许可，禁止复制。
来自Unsplash的图像，基于CC0协议。
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。系信息发布平台，仅提供信息存储空间服务。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。
本文来自网络,若有侵权，请联系删除，作者：李原远，如若转载，请注明出处：
