[市场书籍]线框图培训【绝密】.pdfVIP

线框图入门线框图入门WiWirefframes Contents 1.认知篇 ：什么是线框图以及为什么要画线框图 22.理念篇理念篇 ：：必要的理论和前提必要的理论和前提 3.工具篇 ：为什么要用Axure？ 4.基础篇 ：Axure入门 5.5.进阶篇进阶篇 ：：AxureAxure部分高级技巧部分高级技巧 6.番外篇 ：让线框图更有效！ Do Better KnowKnow HowHow Know What  Why 【认知篇】 什么是线框图? 线框图是一个大致的版式来描述用户所看到的—— 骨架图骨架图 • 用线框和简单的勾勒来表现内容 • 不要关心品牌和视觉设计不要关心品牌和视觉设计 表现信息的组织结构和控件 • 位置 • 类别 • 顺序 • 层次 【认知篇】 为什么要做线框图？ 你脑子里一定有一些疑问。 包括我在内。 【认知篇】 为什么要做线框图？ 其他人的疑问： •• 项目项目为什么为什么需要线框图？需要线框图？ 在实际的项目在实际的项目里，线框图所处，线框图所处 的阶段时长有时是视觉的2倍。 • 能不能直接Skip到视觉设计？ • 我们能不能把线框图的时间缩短？ • 交互仅仅在画线框图吗？交互仅仅在画线框图吗？ 问题核心： 不了解线框图的作用以及价值，对线框图的必要性怀疑。 【认知篇】 为什么要做线框图？ 设计师的疑问： • 到底，线框图能帮我解决啥问题？ • 是不是把视觉稿去色就是线框图了？是不是把视觉稿去色就是线框图了？ • 为什么PD也要求画线框？那我们有什么不同？ • 线框图要细致到什么地步？ 问题核心问题核心： 为了画线框而画线框，忽视线框图的真正价值。 【认知篇】 为什么要做线框图？ 线框图产生于项目前期线框图产生于项目前期 【认知篇】 为什么要做线框图？ 直观呈现需求 低成本低成本、快速快速、易修改易修改 【认知篇】 为什么要做线框图？ 不可取代的优势 1.快速创建 设计师不需要考虑太多细节。 22.帮助帮助聚焦聚焦 在项目前期，去除视觉和细节干扰，确 保评审中大家把注意力集中在—— 什么需求、需要放啥东西、需要放啥功能， 优先级如何划分这样的层次上优先级如何划分这样的层次上。 3.3.方便方便修改修改 【认知篇】 为什么要做线框图？ 更多的好处： 1. 保证产品质量——低成本筛选，优化，用户测试 2. 帮助我们高效工作 对项目组组 • 需求具体化需求具体化——帮助帮助PDPD整理逻辑整理逻辑。 • 工作量具体化——前端