彩票走势图

创建高保真度Axure原型的六个技巧(一)

原创|行业资讯|编辑:郝浩|2013-10-22 11:12:57.000|阅读 7915 次

概述:在Axure中进行快速原型设计时,怎样才能创建高保真度Axure原型呢?可以不用Photoshop或Fireworks吗?在下文中,小编将为你介绍在Axure中创建高保真度原型的几个小技巧。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

在用Axure进行快速原型设计时,无需另外使用Photoshop、Illustrator或Fireworks,Axure自带的功能也能让你快速创建具有高保真度的原型。

技巧一:利用标签和按钮

对于复杂的原型设计和交互,默认的Axure标签和按钮已不能满足要求。一个好的选择就是就是的Axure线框图组件库里标准的按钮和标签图,既有纯白色的填充色又有中度灰色线条颜色。

Axure快速原型设计使用技巧

通过使用线性渐变填充和线条颜色,你可以轻松变换图形。以下屏幕截图显示了Axure中创建的 “fancy按钮”尝试多个色标和不同的梯度角。

Axure快速原型设计使用技巧

技巧二: 利用阴影效果

当你在Axure原型中加入阴影效果时,你会明显发现文字的对比度和清晰度增加了。只需用两个不同颜色的文本面板,在不到5秒的时间里你就可以制造出一个简单的阴影效果。

利用阴影效果1

拖动一个文本面板组件到设计窗格,设置其所需的字体、大小和颜色。然后,按Ctrl-D(PC)或Cmd-D(Mac)复制文本面板,将复件作为文字面板的阴影。

注意:当使用复制快捷键时, Axure将复制的组件自动设置为在x,y上+10px的规格,以上截图显示了在x,y上均有3px的偏移。不过,字体、大小和颜色的组合是无穷无尽的。

利用阴影效果2

提示:对于本身横纵距离都较小的文本,3px的x,y偏移对于选中前景文字面板或背景文字面板都比较困难,因为他们的间距太小。要避免此种情况,需使背景文字面板宽于前景文字面板。

利用阴影效果3

技巧三:创建自定义图形

虽然你不能在Axure中直接画出个性化的图形,但通过拼合图形你也可以轻松创建你自己的独特图形。技巧就是充分利用某些图形的属性,如圆角标签的透明侧面,你也可以利用一个图形的填充颜色来隐藏其他图形的相交线部分。

创建自定义图形1

例如:上图的对话框气泡就是三种图形的组合:一个圆角矩形、一个三角形和一个标准矩形。这个标准小矩形是纯色填充,不带线条颜色,可以用来隐藏掉圆角矩形和三角形相交的交接线。

创建自定义图形2

更多创建高保真度Axure原型的技巧,请关注明天的慧都控件新闻

>>快速原型设计工具Axure RP下载

>>相关阅读:

 

 


标签:网页设计响应式网页设计

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP