Vantch

Designer

一个小技巧轻松创建完美的可视化曲线,告别乱戳!

  1. 建立辅助线,等宽的辅助线

  2. 使曲线的每个节点距离相同

  3. 使手柄方向水平

  4. 使手柄的长短一致


产品结构图和信息结构图的区别

产品结构图:

产品结构图就是产品地图,用思维导图的方式把产品的各个页面罗列出来,但是不需要罗列页面中的内容。

信息架构图:

信息结构图就是产品数据元素,用思维导图的方式把产品各个数据元素罗列出来,只需要罗列活的数据,固定在页面里的信息数据不需要罗列。


示例一



---------------------------------

示例二:


---------------------------------

产品结构图本质上是一种结构化的产品原型,是我们在还没有画原型之前,先通过思维导图的方式梳理一遍产品元素。上图罗列了产品的频道栏目的结构,在

用“page”功能实现walkthrough过场效果!

  • 重点一:“page”是以当前画板的宽度为翻页宽度,因此在这个三个翻页案例当中,总的长度为画板宽度*3,其实在源文件里面是有画一个375*3宽的矩形,只是把不透明度设置为零了!

  • 重点二:指示器的实现,因为Drivers没有color的属性,因此把指示器就用了不透明度来设计表示!


principle #3

principle #2

principle #1

情感治愈系列

©Vantch | Powered by LOFTER