20
你真的会画线框图吗2015.8.7.ppt
你真的会画线框图吗?2015.8.7
26
网页设计中的思维导图与线框图应用.pptx
网页设计中的思维导图与线框图应用网页设计中的思维导图与线框图应用网页设计中的思维导图与线框图应用
12
分享13款优秀的网页线框图设计和制作工具.pdf
分享13款优秀的网页线框图设计和制作工具分享13款优秀的网页线框图设计和制作工具分享13款优秀的网页线框图设计和制作工具
20
从单幅二维线框图重建三维模型的方法、装置和电子设备.pdf
从单幅二维线框图重建三维模型的方法、装置和电子设备从单幅二维线框图重建三维模型的方法、装置和电子设备从单幅二维线框图重建三维模型的方法、装置和电子设备
12
画出网站线框图及纸面原形.ppt
单元单元22:分析、设计、重构 :分析、设计、重构授课教师:廖若飞分析、设计1. 1.网站需求分析 网站需求分析2. 2.不同风格创意设计 不同风格创意设计3. 3.选定视觉风格 选定视觉风格4. 4
6
产品经理-被低估的流程线框图设计指南.pdf
产品经理-被低估的流程线框图设计指南产品经理-被低估的流程线框图设计指南产品经理-被低估的流程线框图设计指南
13
分享13款优秀的网页线框图设计和制作工具.docx
分享13款优秀的网页线框图设计和制作工具分享13款优秀的网页线框图设计和制作工具分享13款优秀的网页线框图设计和制作工具
34
[IT/计算机]阿里巴巴外部培训--线框图培训【绝密】.ppt
[IT/计算机]阿里巴巴外部培训--线框图培训【绝密】

线框图入门 wireframes
外部分享版 2010-9-20

contents
1. 认知篇:什么是线框图以及为什么要画线框图 2. 理念篇:必要的理论和前提 3. 工具篇:为什么要用axure? 4. 基础篇:axure入门 5. 进阶篇:axure部分高级技巧 6. 番外篇:让线框图更有效!

do better know how know what & why

【认知篇】

什么是线框图?

线框图是一个大致的版式来描述用户所看到的——
骨架图 • • 用线框和简单的勾勒来表现内容 不要关心品牌和视觉设计

表现信息的组织结构和控件 • • • • 位置 类别 顺序 层次

【认知篇】

为什么要做线框图?



你脑子里一定有一些疑问。 包括我在内。

【认知篇】

为什么要做线框图?

其他人的疑问:
• • • • 项目为什么需要线框图? 能不能直接skip到视觉设计? 我们能不能把线框图的时间缩短? 交互仅仅在画线框图吗?
在实际的项目里,线框图所处 的阶段时长有时是视觉的2倍。

问题核心: 问题核心: 不了解线框图的作用以及价值,对线框图的必要性怀疑。

【认知篇】

为什么要做线框图?

设计师的疑问:
• • • • 到底,线框图能帮我解决啥问题? 是不是把视觉稿去色就是线框图了? 为什么pd也要求画线框?那我们有什么不同? 线框图要细致到什么地步?

问题核心: 问题核心: 为了画线框而
3
Pro_Engineer线框图矢量输出至Word文档.pdf
Pro_Engineer线框图矢量输出至Word文档
14
全新WP10概念设计,融入Win10线框图.pdf
全新WP10概念设计,融入Win10线框图标全新WP10概念设计,融入Win10线框图标全新WP10概念设计,融入Win10线框图标

向豆丁求助:有没有线框图?

如要投诉违规内容,请联系我们按需举报;如要提出意见建议,请到社区论坛发帖反馈。