原型设计

  • 从3个角度讲解:PM该如何画出输入框?

    输入框是PM设计原型常用的控件,那么在画相应原型的时候需要考虑哪些点呢?本文从视觉、交互、逻辑等3个角度来讲解如何画出输入框,如何画原型和写文档。 输入框的状态 输入框的常见状态,相信大家都有一定的了解。 默认状态:即首次看到该输入框的样式效果。 悬停状态:即鼠标悬停在输入框的区域,此时光标会变化。 激活状态:即鼠标点击了输入框,此时焦点在输入框。 输入状态...

    2018-08-29
    319
  • Axure教程:以微信为例,模拟内容的滚动浏览并触底反弹效果

    无论是APP还是网站,上下纵向浏览或者左右横向浏览是非常常见的,除此之外,大家肯定也都注意到了一种情况一种现象:当内容浏览到底部时,继续下拉页面会出现触底反弹,顶部也是如此。今天我们以微信聊天记录为例,一起来探索这种浏览方式的实现方法。 效果图奉上 原理:拖动面板沿轴移动来实现浏览,结束面板拖动时,如果面板离开档板,将会移动(反弹)回合适的位置。 设计步骤 ...

    2018-08-22
    584
  • Sketch:MAC端专注于UI设计+原型图工具 

    Sketch是MAC平台上好用的移动端原型设计利器,Sketch是一个设计工具包,旨在帮助您创建最佳作品 - 从最早的想法到最终的艺术作品。据说BAT一些设计部门用的比较多。可惜没有windows版本,所以注定小众。另外,据说有破解版,自己百度吧。 设计一次。在任何地方重用。轻松更新。使用符号,Sketch可以解决使用重复设计元素的痛苦 - 从图标到头像。 ...

    2018-08-21
    946
  • Mac上原型设计工具:Flinto

    Flinto是一款用于App原型设计工具,为MAC流产品经理、交互设计师打造,虽然比较小众,但是操作简单、演示方便,可以一试。   5分钟通过Flinto快速制作移动App高保真交互原型,iPhone安装Flinto移动端App,实时预览及演示,与Sketch无缝结合,支持一键将Sketch设计稿快速导入Flinto。 Flinto是一款轻量、高效...

    2018-08-21
    513
  • Demoo-移动端原型方案演示工具

    Demoo是一款在浏览器快速创建移动端原型方案设计演示的工具,热区和手势双设置,把设计思维更保真的通过电脑投影演示呈现,同时可以在手机上实时体验!   主要功能 快速引入原型画面并连结相关页面,加入过渡动作,在线预览及修改。 方便快捷的操作,只需简单的几步就能把一个项目的所有原型页面串联起来。 授权他人编辑,可让多人同时编辑一个项目,充分发挥团队的...

    2018-08-21
    860
  • ProcessOn:在线原型设计工具

    ProcessOn 支持流程图、思维导图、原型图、UML、网络拓扑图等 高效易用、轻松绘制 ProcessOn是一个在线作图工具的聚合平台,它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等,您无需担心下载和更新的问题,不管Mac还是Windows,一个浏览器就可以随时随地的发挥创意,规划工作 团队协作、头脑风暴 您可以把作品分享给...

    2018-08-21
    714