02-Axure线框图

1、什么是线框图?

线框图 (Wireframe)是低保真的设计图,当明确表达:

内容大纲(什么东西)

信息结构(在哪)

用户的交互行为描述(怎么操作)

线框图不仅仅是无意义的线和框的集合;好吧,虽然看上去是的,囧。你可以把线框图理解为设计图的骨干与核心,它承载着最终产品所有重要的部分。

线框图可以帮你平衡保真度与速度。绘图时不用在意细枝末节,但必须表达出设计思想,不能漏掉任何重要的部分。就像给项目以及一起协作的团队成员(开发工程师、视觉设计师、文案作者和项目经理),开辟了一条辅助理解设计的通道。说得再明白点,你是在设计城市地图,地图上能展现出每一条街道,只不过绘制上做了简化。看地图能看出城市的框架,但无法一览城市的美感。

绘制线框图,重点是「快」。大多数时间请和团队成员沟通,多做思考。审美上的视觉效果则应当尽可能简化。黑白灰是经典用色,你也可以用蓝色代表超链接。如果你在准备线框图时花了大把时间(比如,选择图标、上传图片),请换个简单的方式(比如,使用占位符:一个画×的图片,再加上合适的描述文字)。我们习惯把线框图称为低保真设计图。

切记,好的线框图能像水晶一样,清晰明了地表达设计创意,在成员中无缝传达其思想。

2、何时使用线框图

线框图常常用来作项目说明。鉴于其静态设计,一次只能通过一张界面演示交互,因此,务必附上说明。(只要有必要,简短描述或附在复杂的技术文档里,都成。)

也因为绘制起来快速、简单,它也经常用于非正式场合,比如团队内部交流。要是开发问起一个东西怎么做,回复时不妨附上一张迅速绘制的线框图。线框图难以充当用户测试的材料;倒也能收集些反馈,如果你更关心用户意见,而非测试方法。

虽然近些年遭人闲话,但线框图在整个设计过程中发挥着惊人的效果,在复杂项目的初始阶段必不可少。

3、线框图的设计微信朋友圈

在设计之初主要是参考别人的设计产品进行自己的模仿,然后再别人的基础上进行加工完善,现在模仿微信朋友圈的效果,使用Axure设计出微信朋友圈的效果图

导入微信朋友圈到Axure中。例如我的手机是Huawei Mate20 Pro的,截图之后的大小的宽度是1080px的,而Axure中最大的文字的大小只有72px的,因此需要适当的对截图进行缩放

线框图称为低保真设计图,主要是体现出快速的完成界面的功能,至于页面的UI和颜色设计在低保真的设计图中是不需要进行设计完成的。这一阶段主要是页面的摆放的位置和功能。A

java axure_【Java】Axure线框图相关推荐

  1. java 线框图,你知道线框图和原型有啥区别吗

    编者按:这篇文章出自UXPin的首席执行官Marcin Treder. 线框图并非是原型,但即使是经验丰富的设计师也可能会将两者混为一谈.实际上,两者的差别还是非常多且明显的,那么就让我们通过这篇文章 ...

  2. java 线框图_你真的搞懂什么是线框图,什么是原型图了吗?

    设计师朋友们都知道,在网站开发或者手机应用开发的前期阶段,需要创建线框图和原型图给客户展示.但有时候客户会提出略过线框图和原型图设计的阶段,直接过渡到网站的界面设计甚至是开发阶段.这种想法,往往是源于 ...

  3. Java对点、线、面生成栅格瓦片jpg,并渲染呈现

    Java对点.线.面生成栅格瓦片jpg,并渲染呈现 1. 效果图 2. 原理 2.1 面瓦片的生成 2.2 线瓦片的生成 2.3 多点瓦片的生成 3. 源码 参考 这篇博客将介绍从前端HTML页面到后 ...

  4. JAVA计算机毕业设计校园线上点餐系统Mybatis+源码+数据库+lw文档+系统+调试部署

    JAVA计算机毕业设计校园线上点餐系统Mybatis+源码+数据库+lw文档+系统+调试部署 JAVA计算机毕业设计校园线上点餐系统Mybatis+源码+数据库+lw文档+系统+调试部署 本源码技术栈 ...

  5. java毕业生设计中学线上作业评判系统计算机源码+系统+mysql+调试部署+lw

    java毕业生设计中学线上作业评判系统计算机源码+系统+mysql+调试部署+lw java毕业生设计中学线上作业评判系统计算机源码+系统+mysql+调试部署+lw 本源码技术栈: 项目架构:B/S ...

  6. java毕业生设计校园线上点餐系统计算机源码+系统+mysql+调试部署+lw

    java毕业生设计校园线上点餐系统计算机源码+系统+mysql+调试部署+lw java毕业生设计校园线上点餐系统计算机源码+系统+mysql+调试部署+lw 本源码技术栈: 项目架构:B/S架构 开 ...

  7. Java毕设项目餐厅线上点菜系统计算机(附源码+系统+数据库+LW)

    Java毕设项目餐厅线上点菜系统计算机(附源码+系统+数据库+LW) 项目运行 环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Ec ...

  8. JAVA计算机毕业设计政府采购线上招投标平台Mybatis+源码+数据库+lw文档+系统+调试部署

    JAVA计算机毕业设计政府采购线上招投标平台Mybatis+源码+数据库+lw文档+系统+调试部署 JAVA计算机毕业设计政府采购线上招投标平台Mybatis+源码+数据库+lw文档+系统+调试部署 ...

  9. java毕业设计“西单”甜品线上预定系统mybatis+源码+调试部署+系统+数据库+lw

    java毕业设计"西单"甜品线上预定系统mybatis+源码+调试部署+系统+数据库+lw java毕业设计"西单"甜品线上预定系统mybatis+源码+调试部 ...

最新文章

  1. 医疗安全监控与检测平台WattsUpDoc
  2. 《思科UCS服务器统一计算》一1.2 数据中心的演变
  3. 解决标签回车后产生的空格
  4. application/json 四种常见的 POST 提交数据方式
  5. STL之deque和其他容器
  6. 阶乘取模算法java_np问题(大数阶乘取模)
  7. bzoj2751 [HAOI2012]容易题 数学
  8. Sphinx 文档例子
  9. python ransac 拟合平面,PCL利用RANSAC自行拟合分割平面,
  10. java error:编码gbk的不可映射字符
  11. C++中fftw库二维傅里叶变换笔记
  12. wpf DataGrid 绑定数据源后多一列
  13. 计算机专业注意身体,请注意身体 长时间使用电脑对身体的危害
  14. 看代码,学strings包
  15. 纹波(ripple)的定义
  16. Lenovo Y430P安装Linux无线网卡
  17. 我的jQuery学习之路_笔记(五)
  18. [转]int转string string转int
  19. cout保留两位小数位
  20. LORA手持机便携终端PDA的应用场景

热门文章

  1. Android Kotlin之kotlin-android-extensions使用
  2. 卷积神经网络学习指南_卷积神经网络的直观指南
  3. 交付方式 saas_扩展和交付SaaS启动的最佳方法
  4. babel 编译vue_如何对代码进行未来验证:使用Babel polyfills编译JavaScript VS
  5. -ms-flexbox_Flexbox的工作原理-用大尺寸,彩色动画gif进行解释
  6. 尚学堂java 答案解析 第六章
  7. 两种方式实现word转markdown
  8. Python基础教程,流程控制语句详解
  9. Python面向对象编程扑克牌发牌程序,另含大量Python代码!
  10. 增改删(python 版)