用户角度聊一聊豆瓣的新App——豆瓣

豆瓣终于推出了一个融合核心四兄弟——影视、书籍、音乐、活动——于一身的大杀器：豆瓣！看这霸气的名字，直接就叫豆瓣，但是它并不等于豆瓣电影+豆瓣购书单+豆瓣同城，个人感觉，它最大的突破也最有野心的一点，就是基于某个特定“条目”的即时讨论组。这弥补了豆瓣在移动化中一直缺失的一点：instant communication，相信这会是豆瓣迈出的关键一步。豆瓣App图标非常直观，电

Axure教程 2016年04月11日

Aure教程：腾讯新闻按钮，如何一键上天？

在一些新闻网页上，到第二屏时，会有返回顶部的按钮，那么这样的原型效果，如何利用Axure实现呢？当我们浏览腾讯新闻网页滚动到第二屏时，这时网页的右下角会出现返回顶部按钮，点击按钮页面迅速回到第一屏位置。那么这样的原型效果，如何利用Axure实现呢？下面将为大家详细讲解制作步骤。 一、准备好元件素材首先我们需要搭建一个页面，这里我们摆放七个矩形框用来表达网页的内容栏目，多摆放

Axure教程 2018年04月20日

Aure操刀微信H5页面之《人际沟通风格测试》的制作过程

[br]在之前的文章中我就讲过用Axure制作H5页面（再次声明Axure输出的html文件可能并非基于html5），在H5制作工具满天飞的时代，Axure制作的H5虽然拼不过那些加过特效的酷炫页面，但Axure的强大在于它的思维能力，所以在某些方面，Axure完全不输其他H5制作工具，甚至它输出的高保真原型可以直接上线发布了。那本文就讲述一个性格测试类H5页面——《人际沟

Axure教程 2016年04月11日

Aure 教程：用 Aure 做一个轰轰烈烈的搜索功能

在产品的体量越来越大的趋势下，一个搜索功能似乎已经是产品功能列表里的标配了。大的搜索引擎，如google、百度；小的搜索，如编辑器里的ctrl+F等。一个小小的搜索功能，可以带给我们怎样的思考呢？本文承接之前的Axure中继器教程，继续用理论+Axure原型实现。思考产品设计背后的是需求。此案例主要实现以下内容：1、根据搜索框的关键词，‘筛选’包含该关键字的商品，跳转商品列

Axure教程 2016年10月02日

Aure：一个简单的进度条，了解“触发事件”动作

本文通过制作一个简单的进度条，顺便来了解一下“触发事件”动作。先看效果：涉及知识点： “设置尺寸”动作；元件变量：Target；元件属性：height（元件高度）、width（元件宽度）；数学函数：math.floor() – 返回小于或等于一个给定数字的最大整数 —— 算法；了解“触发事件”动作 —— 循环关键点；了解“等待”动作 —— 与觖发动作结合使用才能有效循环

Axure教程 2018年08月16日

Aure 教程：商品详情页产品图效果展示

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

Axure教程 2017年03月22日

Aure 案例：QQ 音乐播放界面

本文通过讲解制作QQ音乐交互原型的过程，了解如何实现旋转、计时器以及拖动等常见的交互效果。案例中综合运用了动态面板的循环、状态改变、拖动、文本改变以及旋转等事件，通过本案例的讲解，相信大家对于动态面板等高级元件的综合运用又会有一个新的认识。观察交互效果通过观察我们发现本案例中主要有以下3个交互效果：（1）播放音乐时： 开始播放，按钮切换为暂停；唱片顺时针匀速旋转；进度条

Axure教程 2018年08月16日

Aure 原型设计：如何实现花瓣网的瀑布流？

如何运用Axure来设计瀑布流呢？文章给出了具体的设计思路，一起来学习吧！Pintrest作为瀑布流网站的鼻祖，其一出现便受到追捧。提到瀑布流网站，国内的花瓣网不得不提一下，也是将瀑布流做到非常棒的网站，国内的设计师非常喜欢到它上面逛逛，因为上面有很多优秀的设计师收集的画板内容同样优秀。如何使用Axure来设计这样的瀑布流的效果呢？我们先来分析一下这样的网站交互效果，然后再

Axure教程 2017年07月26日

Aure 实例：制作一个通用的移动端内容滚动区

本文主要分享一个运用Axure制作移动端内容滚动区的过程，与大家分享，希望有所启发。制作一个简单的移动端内容滚动区，两个动态面板就够了！1、材料的准备（1）滚动区域： 从元件库中的基本元件中拖入一个动态面板到线框图面板中，将其命名为“rolling_area”，这是滚动区的意思，表示网页内容的滚动范围，设置width=360，height=600。（2）内容区域： 双击“r

Axure教程 2016年12月18日

Aure教程 | 常用交互效果的基本设置

我们如果想在不同的需求分析，不同的产品设计时，能够随心所欲地使用axure来设计原型，而不必担心如何实现，那么我们必须遵循这样一句话——工欲善其事，必先利其器。就像一个设计师对PS的掌握一样，要成为原型设计的一把瑞士军刀。那是不是要使用到axure一些高深的技巧才能满足我们的需要呢，其实也并不是这样，我们只需要把工具的常用功能使用好，就足以应付日常的原型设计了，我们从实际的

Axure教程 2016年04月12日