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

标签:Axure教程

交互设计

Axure教程:多页签可滚动的选项卡制作

Axure教程:多页签可滚动的选项卡制作
这就是我下面要分享给大家的内容啦: 首先为大家回顾传统选项卡的制作过程,再展示可滚动页签的选项卡制作过程。 一、最常见的传统选项卡 最常见的选项卡,一般有三四个页签,分别对应各自页面,通过鼠标点击页签,来切换到相应的页面。 几个关键步骤如下: 1. 准备元素 准备几个矩形(作为页签)和一个动态面板(状态数与矩形数相同)……继续阅读 »

学UI设计 79浏览 0个赞

交互设计

Axure教程-动态面板详解

Axure教程-动态面板详解
动态面板的学习可以帮助我们完成十分复杂的动作设计,今天我们详细学习一下动态面板的使用。 图:Axure中代表动态面板的icon   从这个icon可以看出: 1.这个动态面板有多个层 2.每个层有自己的顺序 3.每个层的可以放不同的内容   我们可以用动态面板做什……继续阅读 »

学UI设计 51浏览 0个赞

原型设计

Axure教程:屏幕纵向切换

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

学UI设计 453浏览 0个赞

原型设计

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

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

学UI设计 537浏览 0个赞

原型设计

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

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

学UI设计 817浏览 1个赞

原型设计

Axure教程:如何画出适配不同平台的原型

Axure教程:如何画出适配不同平台的原型
一、以产品的主平台为基础来设计原型 当你主营Web网站,想移植核心功能到h5环境中。那么你应该以Web原型为主,然后创建h5的自适应视图。同理其他场景也是如此。详见上篇文章的“哪些情况下需要适配”章节。 接下来我们以“知乎web版本,然后增加手机网页访问h5版本”来作为案例讲解如何操作Axure。 注意:适配多个平台的原型本质上是给每一个平台定义分辨率然后分……继续阅读 »

学UI设计 584浏览 0个赞

原型设计

Axure教程:如何制作一个不区分大小写的验证码原型?

Axure教程:如何制作一个不区分大小写的验证码原型?
最近偶然关注到验证码的原型,想起我们实际遇到的验证码基本都是不区分大小写的,那么就让我们一起来做一个关于忽略大小写的验证码原型吧。 第一步,准备相应部件 拖下两个矩形,一个文本框,一个对号,一个错号,总共5个部件。 如图所示,其中一个矩形输入文字“换一张”,以通过它来实现我们后面更新验证码功能,另一个矩形可命名为“验证码”以便我们识别它。对号填充为绿色,错……继续阅读 »

学UI设计 688浏览 1个赞

原型设计

Axure教程|原型设计之抽屉列表

Axure教程|原型设计之抽屉列表
这么常见的设计元素,不好好钻研钻研怎么行呢? 抽屉列表实在是太常见了,一般做后台设计的产品经理特别熟悉,因为基本大多数后台的菜单都是以抽屉列表的形式存在着,因为抽屉列表可伸缩,能够存放很多菜单项。 还有一个是大家特别熟悉的,那就是QQ的好友列表。这章就教大家如何使用axure原型工具设计抽屉列表。 第一步:拖拉摆放好第一个抽屉的相关控件 1、一个180X3……继续阅读 »

学UI设计 562浏览 0个赞

原型设计

Axure教程:商品详情页产品图效果展示

Axure教程:商品详情页产品图效果展示
文章主要对商品详情页产品图的展示原型进行了简要的说明,希望可以给大家带来些收获。 背景介绍 电商平台商品详情页大同小异,有一个模块是肯定少不了的,就是产品图展示区域,下面主要就展示图区的一些小效果做一些说明。 准备工作 网上找一些图片素材,要分两批,一批大图,一批小图(不想自己找的,文末有素材附件) 功能实现 1、首先拖入一个动态面板,命名为d,大小为38……继续阅读 »

学UI设计 651浏览 0个赞

原型设计

Axure教程:原型设计之多用户注册登录

Axure教程:原型设计之多用户注册登录
当我们遇到需要记录用户信息及行为历史的产品时,肯定少不了注册登录这个流程,下面我们就一起来看下这样的原型该怎么去制作吧。 第一步 登录页面制作 首先我们需要一个动态面板,设置三种状态。状态1我们作为登录界面,在其中拖拽两个文本框,分别命名为:用户名1,密码1,对第二个文本框类型设置为密码;接着拖拽三个矩形框,一个填充为灰色,输入文字:登录,作为登录按钮,一……继续阅读 »

学UI设计 598浏览 0个赞