【资源】Aure iOS7 与 iPhone 机身组件库

Axure 是我平时用得最多的原型软件. 它通过支持第三方组件库(Widget Library), 可以轻松方便地制作 web 与 mobile 端原型.但相比 OmniGraffle 等其它原型工具, Axure 的三方组件库更新速度似乎很慢, 它的 官方组件库下载 页面很久没有更新了. 我现在手上的 iOS 组件库还是基于 iOS5.x/iPhone 3GS 的版本.因

Axure教程 2014年03月10日

抛砖引玉——VR应用UI设计心得

“2016是VR元年”，这一观点早已在计算机互联网行业中流行开来，与VR相关的各种分析研究也是层出不穷，包括盈利模式、发展预测、平台构建等。而随着Google Cardboard等技术逐渐普及，VR使用成本也在不断降低。因此在未来，VR技术对于日常生活的影响，也将变得非常令人期待。目前很多VR应用不在以PC端为主要载体，而是将平台选定为保有量大、技术成熟的手机作为硬件平台。

用户研究 2016年04月10日

Aure RP每日一小技巧：如何制作圆形组件

啰嗦的小编游某：技巧不在于炫，而在于实在，发现型的技巧，谁的最爱。 Axure RP本身是没有直接提供圆形组件的，所以很多朋友在微博上问，如何使用Axure RP制作圆形，难道都要找美工…… Axure RP没有提供圆形组件，但是它提供了一个万能组件——矩形组件，只要有矩形组件，我们就可以制作出圆形，下面让我们看看具体的制作步骤： 1. 拖动矩形组件到页面编辑区域，并设置形

Axure教程 2016年04月11日

Aure每日一小技巧：格式设置详解

AxureRP 6.0以前版本的格式设置都是在右键菜单里面的，不是很方便操作，6.0版本将这个功能分到右侧面板里面，并且增加了页面级的格式设置，大大方便了操作设置，包括增加了对手绘风格格式的默认支持，再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置，其实就是网页设计当中的CSS代码，只不过用图形界面实现了，这样更直观，也更好掌握，毕竟不是所

Axure教程 2016年04月11日

Aure基础教程：产品流程图的制作方法详解

流程图组件也可以直接从组件选择面板中拖拉出来，然后通过工具列或快捷菜单来编辑样式与属性，如果要改变流程形状的话，可以按鼠标右键并选择编辑流程形状子选单中的项目来设置。若要把两个形状连接的话，需要先从软件左上角选择连接器模式，然后在形状的连点部位用鼠标拖拽一条线把两个形状连接起来。若要修改连接线的样式说明，只需选好要设定的连接线，再使用工具列上的线条样式与箭头样式按钮即可改变

Axure教程 2016年04月11日

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

或者你可以在输入框里输入其它的一些字符来测试。关于函数，我们重要要掌握字符串和日期两种类型的函数。第六个例子：自定义单选框——动态面板和选中状态单选框的实现方式我们至少可以通过两种方式实现，一是使用组件的交互样式来设置，通过设置选中的样式来表示，另一种方式就是通过使用动态面板的两个状态切换来表示单选，我们分别来试一下。1）通过组件的交互样式设置拖三个形状，修改形状为三个圆形

Axure教程 2016年04月12日

React实践 - Component Generator

我们开发一个新产品的时候，通常会先抽象出一些公用的组件，然后通过这些组件来拼装成页面。不知道大家有没有发现，这种开发方式带来的问题是一个团队内经常会有这样的场景：A 已经开发了一个 XX 表格模块，B 要开发一个类似的 YY 表格模块，然后 B 通常是去把 A 的代码 copy 一下，修改一些东西；或者不巧 B 不知道 A 已经开发 XX 表格，然后 B 又得一行行的写一些

业界 2016年06月21日

“React中的DOM操作”笔记

React中的每一个组件都是一个状态机，通常情况下，我们通过设置组件的状态就可以完成UI的更新，但是在某些情况下确实需要直接操作DOM。React中操作DOM的方法：RefsfindDOMNode()findDOMNode()当组件加载到页面上之后（mounted），你就可以通过 getDOMNode() 方法拿到组件对应的 DOM 元素。React.findDOMNode

业界 2016年07月03日

React Native 布局浅探

简述在Web开发中，页面布局基于盒子模型，主要通过定位属性、浮动属性和显示属性实现。以div作为容器将页面分成一个个小区块，再根据一定的方式在页面进行排布。但是对于较为复杂的布局或者手持设备来说，上述几种方式实现起来十分繁琐。于是W3C引入了一种新型的布局方式Flex布局。React Native就是采用了这种方式，但它不是完整的web Flex布局。通过一张图来大致了解f

业界 2016年07月13日

React Native 布局浅探

简述在Web开发中，页面布局基于盒子模型，主要通过定位属性、浮动属性和显示属性实现。而React Native采用的是Flex布局，但也支持盒子模型的margin、padding以及定位属性进行布局。flex的布局方式cove

业界 2016年07月16日