分享此网站可得100G教程,联系小洁领取点击这里给我发消息

关注学UI设计网

5分钟掌握8个常用交互组件,轻松进阶原型设计

5分钟掌握8个常用交互组件,轻松进阶原型设计
原型设计离不开组件,如果原型是房子,那么组件就是水泥和砖块。本文将为您介绍八个最常用的交互组件,现在就打开Mockplus试试吧!   一、弹出菜单 弹出菜单是原型设计中最常用的组件,许多组件的使用方法也与它类似,熟练使用弹出菜单将会给您带来莫大的帮助。接下来我们从实际案例来看一看如何使用弹出菜单。 1. 随意拖出一个组件,这里我们以Mockplu……继续阅读 »

学UI设计 546浏览 0个赞

Axure教程:屏幕纵向切换

Axure教程:屏幕纵向切换
通过鼠标滚轮的前滚及后滚操作,实现屏幕纵向的上翻页和下翻页效果,其实不难。一起来学习吧。 一、原型效果 二、准备工作 本文原型是在1366*768分辨率下完成的。 元件 矩形:2个,矩形1和矩形2。其中,矩形1为顶部导航条,矩形2为底部导航条。两个矩形的大小都为1366*51。 图片:4张,每张大小为1366*589。 热区:4个,分别命名为Ancho……继续阅读 »

学UI设计 466浏览 0个赞

Axure原型设计之放大器

Axure原型设计之放大器
京东,天猫,淘宝等等这些电商的商品主图都会有放大器的功能,用户只需要将鼠标移到主图上就可以将图片放大查看细节。这种放大器方便用户更加深入地了解图片中的信息,从而一定程度保障了用户对商品的知情权。这一章我就教教大家如何使用axure原型工具制作图片放大器。 第一步:拖拉摆放好相关的控件 一张300X200的图片,命名为“小图”; 一个150X100的矩形,……继续阅读 »

学UI设计 411浏览 0个赞

如何正确的画出功能逻辑图?

如何正确的画出功能逻辑图?
当我们需要设计任务型功能的时候,除了基础的线框图和交互,更需要提前搞清楚整个功能的内部逻辑流程,简称功能逻辑图。 举几个大家熟悉的任务型功能作为例子,方便大家理解概念。 比如电商的下单,大概包含查看商品→选择数量→填写收货地址→添加留言→付款。 其中的退货也是,选择商品→申请退货→填写退货信息→卖家审批→寄送商品→卖家确认物品无误→退款到账。 包括优惠券的……继续阅读 »

学UI设计 767浏览 0个赞

Axure教程:星级评分功能设计

Axure教程:星级评分功能设计
我们知道很多网站、APP等的评价系统都有按星级评分的功能,大部分是5个星级,依次代表1~5分。且不论这些系统背后的复杂逻辑,单纯从用户打分的角度来讲,似乎是一个非常简单的功能,用户只需要在某个星星上点击一下就可完成打分。但对于一个看起来简单的功能,用Axure画出它的原型时,却会有多种方式。这篇文章就是要教给大家一个超级简单的实现方式。 一、原型效果预览 ……继续阅读 »

学UI设计 583浏览 0个赞

Axure炫技:如何让你的原型图动起来

Axure炫技:如何让你的原型图动起来
前不久我进入一家创业型公司,我开始发现,老板不看xxx.Html 原型图的,老板只看视频版本的原型图,而给开发人员的原型图就是xxx.Html的,所以每次做原型的时候我都会做两套。一个简单的视频原型展示: 下面我来介绍一下,如何在Mac上制作视频原型图 目录 一、使用工具介绍 二、制作原型图步骤&方法 第一步,设计草图 第二步,设置事件 第三步,……继续阅读 »

学UI设计 498浏览 0个赞

Axure原型加流程图功能的高效结合

Axure原型加流程图功能的高效结合
大部分PM使用Visio或者Mindmanager来画流程图然后倒入Axure,而很少有人知道Axure自带的流程图功能也很实用。尤其是和原型搭配使用,绝对是双剑合璧,天下无敌。 希望通我使用“原型+流程图”的多年经验,让更多的PM也可以掌握并运用到平常的原型设计工作中。 一、流程图的通病 目前所有流程图软件都存在一个问题,那就是流程图无法关联到原型页面。……继续阅读 »

学UI设计 585浏览 0个赞

真实案例分享:做交互,别急着画原型

真实案例分享:做交互,别急着画原型
原型是初期用来表现产品的“蓝图”,原型的作用在于承上启下,不管是验证产品可行性还是用于开发等都至关重要。在熟悉用户和流程等基础下绘制出的原型才能更加符合用户使用习惯 曾经作为一名新手(当然现在依旧是,还有好多待提高),多多少少踩过一些坑,也许案例很简单,也还是想和大家分享一下: 有段时间接触过一个项目,比较简单的一个功能:付费预约线下的活动(移动端),之前……继续阅读 »

学UI设计 767浏览 0个赞

高级PM教你定制APP通用元件库

高级PM教你定制APP通用元件库
视觉设计师有自己的组件来定义视觉规范,前端工程师有系统SDK自带的UIkit调用,而我们产品经理也应该有一套适合自己的元件库来提升画原型的效率。 网上有不少文章叫你如何使用Axure的元件库功能,侧重于讲工具使用。 而我这篇文章侧重于讲方法论。从定义元件库的结构,到如何设计每个元件。 一、前言 有不少大公司提供了Axure元件库可以下载回来使用,比如饿了么……继续阅读 »

学UI设计 477浏览 3个赞

帮你在SKETCH 上快速做交互原型

帮你在SKETCH 上快速做交互原型
InVision Craft Prototyping 功能终于上线了,从两年前开发到现在,千呼万唤始出来,有生之年系列既视感! 可能很多人对 InVision 是做什么的不太清楚,这里稍微科普一下,除去需要搭梯子来提速,这家公司应该是目前所有原型工具中最优秀的,没有之一。无论是对于产品的理解、体验的设计,还是对于前端技术的追求。 Craft 的原型工具,可以……继续阅读 »

学UI设计 676浏览 0个赞

用Axure 8.0打造自定义比例计算器

用Axure 8.0打造自定义比例计算器
日常设计中,版式设计随时会遇到需要计算板块比例或图形比例的情况,打造一个属于自己的计算器,方便随时调用。把重复繁琐的输入工作变得更简单! 为什么要做这个东西? 一天在浏览设计网站的过程中偶然发现一个”黄金比例计算器“,我想能不能用Axure自己做一个? 日常设计中,版式设计随时会遇到需要计算板块比例或图形比例的情况,打造一个属于自己的计算器,方便随时调用。……继续阅读 »

学UI设计 551浏览 0个赞

Axure教程:限制输入框输入字数

Axure教程:限制输入框输入字数
小船今天要讲的是【Axure制作输入框字数限制】。为了做出这个效果,小船疯狂的学习…后来发现,嗯,其实真的挺简单(但小船还是很有成就感了哈)。 嗯,对的,这篇是以Axure8.0为基础的中文版。如果逻辑明白了,真的很简单的,真的哟! 要求 1.字数要求为150字 2.超过150字后自动不能输入后面的字符 第一步:对需要的控件进行命名 [输入框]:     ……继续阅读 »

学UI设计 834浏览 1个赞

如何正确地画出页面流程图

如何正确地画出页面流程图
说到页面流程图,看似很简单。但是其实很多人画得不规范,不能清晰表达产品整体的页面架构。希望我的经验可以对一些不太会画图建模的PM有点启发。 页面流程是什么 页面流程是指产品的所有页面以及相互间流向关系。 包含元素 页面,有向线条。 可能包含判断条件。 不包含具体功能。 不包含弹层、元件等视觉组件。 页面命名 要么是名词,比如购物车。可加定语,比如我的红包……继续阅读 »

学UI设计 530浏览 0个赞