Axure产品原型设计规范:这3点需要注意

访客4年前黑客资讯1079

编辑导语:Axure 是建设软件原型的快速有力的东西,然而对付很对用户来说,他们大概没有接管过正式的培训,不知道如何故得当的 *** 来更有效率的利用Axure。基于此,本文作者团结案例分享了产物原型页面类型设计进程中需要留意的几个要害问题,但愿看后对你有所辅佐。

Axure产物原型设计类型:这3点需要留意

产物原型存在的代价是可以或许以最为直观的 *** 将你的业务需求展示给你的受众用户。

除了产物原型之外需要在PRD文档中浮现的其他内容(好比业务、流程、逻辑等等)在同等质量的环境下,具有必然设计类型的产物原型明明会让你的受众越发容易接管。另外,在实际的事情中,我们也会担负着UI视觉稿的评审与验收事情,具有必然的设计思维,也能让你越发领略对方的一些设计思路与理念。

产物原型页面的类型设计需要留意以下几点:

01 字体:范例 & 字号

在原型页面的文字设计中,字体的选择方面发起利用苹方(macOS)或是微软雅黑(Windows),以便到达更好的显示结果。

字号我小我私家较量常用的是12、13、14、15、17,偶然会用9、10、20

Axure产物原型设计类型:这3点需要留意

02 配色:色彩 & 界面

在原型页面的色彩设计中,更好保持一致,无论是文本照旧其他图形、图片不要利用太多非黑灰白以外的色值。

假如用于演示的产物原型稿件中需要配图标,则需要保持图片的一致性,巨细及样式。但在实际的事情中,除了一些指示性较量强的图标,好比搜索、配置、分享等等,其他的只管不要利用图标素材。

Axure产物原型设计类型:这3点需要留意

构成原型界面的素材也要尽大概的制止混搭,好比从成熟产物中截图然后应用到本身的产物原型傍边。

在Axure9中新增了Adjust Color【颜色调解】,可对图片可以举办色值调解。

Axure产物原型设计类型:这3点需要留意

03 排版:对齐 & 间距 & 留白

在原型页面的布局设计中,要机动的利用参考线、对齐、漫衍等成果,使页面内容具有精采的可读性。

Axure产物原型设计类型:这3点需要留意

从小我私家习惯来讲,无论是隔断照旧留白,我会凭据5像素的倍数举办配置。留白一般在Style样式面板中调解Padding值,许多时候,Padding值也能帮助我对组件举办对齐操纵。文本之间的行间距偶然会调解,但会以默认为主。

Axure产物原型设计类型:这3点需要留意

04 案例

以下是一些类型原型页面示意:

Axure产物原型设计类型:这3点需要留意

05 竣事语

对付想要从事产物司理或是交互设计师的新人来讲,发起各人在熟悉东西的利用进程中有意识的造就本身的设计类型。在绘制线框图,可能摹仿其他成熟产物建设高保真原型(实际事情中并不需要建设高保真原型,这边需要出格留意)的时候,必然要留意以下2点:

线框图:不发起完全凭据苹果或是安卓,设计类型举办页面设计。

高担保:不发起像素级摹仿。

相关文章

Axure教程:用中继器做手机版日期选择器和手机日历

Axure教程:用中继器做手机版日期选择器和手机日历

本日和各人分享怎么用中继器建造手机版的日历。该原型利用利便,可直接利用,并且交互齐全完善,所以推荐给各人利用。这期的内容,数学公式较量多,大概有些小同伴会不大白,喜欢原型可能有疑问的小同伴们可以在下...

Axure教程:全局变量的应用——空页面的新增数据校验

Axure教程:全局变量的应用——空页面的新增数据校验

在实际应用中,全局变量起到了信息通报浸染和符号浸染,可以在多个页面间通报信息,可能作为非凡场景的判定依据。本文作者先容了如何用Axure实现全局变量中空页面的新增数据校验成果的操纵步调,以及实现进程中...

Axure教程:左侧导航如何自适应浏览器窗口高度?

Axure教程:左侧导航如何自适应浏览器窗口高度?

导读:自适应欣赏器窗口高度的意思是,欣赏器宽度、高度差异时,就显示条件匹配的视图页面内容。本文作者分享了用Axure实现左侧导航自适应欣赏器窗口高度的实用要领,但愿对各人有所辅佐。 上一篇Axure...

Axure教程:真的能播放视频的视频APP原型(抖音案例)

Axure教程:真的能播放视频的视频APP原型(抖音案例)

今天和大家分享一个视频分享app的demo,包括播放视频、关注、点赞、评论、转发分享等功能。该原型交互效果齐全,使用也简单,只需要填写中继器表格即可。所以推荐给大家使用,喜欢原型或者有疑问的小伙伴们可...

Axure教程 | 用中继器做信息流,高仿人人都是产品经理网

Axure教程 | 用中继器做信息流,高仿人人都是产品经理网

本期给各人带来的是高仿资讯网站“人人都是产物司理网”,来看看~ 一、照例先上gif 首页部门 中继器部门 二、建造思路 本次原型的建造主要有四个部门: 浮动导航 右侧区域 版权信息 信息流...

Axure教程:商品对比\关注\购物车

Axure教程:商品对比\关注\购物车

为了方便用选购商品,现在的电商网站,通常都会有对比、关注、加入购物车这三个功能。我们以京东商城为例,看看如何通过Axure实现这三个功能。 图例如下所示: 【需求分析】 通过我们对京东商城的观察,...