使用线框图来简化你的产品设计流程

绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素是网站内容布局的基本视觉表现方式,是网站开发过程中一个重要的步骤。

一、线框图的好处:

  • 让项目组成员在初期就可以对网站有个清晰明了的认知
  • 能激发设计师想象力,使其在创作过程中有更多发挥空间
  • 给开发者提供一个清晰的架构,让他们知道他们需要编写的功能模块
  • 让每个页面的跳转关系都变得清晰明了
  • 很容易的改变页面布局

二、绘制线框图的工具:

  • 手绘:纸、笔
  • 流程图或思维导图工具:Visio、Mindmap、MindManager
  • 原型绘制软件:BalsamiqAxure
  • 图形软件:Photoshop、Illustrator
  • HTML工具:Dreamweaver

(更多…)

介绍几款iPhone手机原型设计的工具

一、iPhone Mockup

http://iphonemockup.lkmc.ch/

可绘制简单线框图(Illustration)和手绘风格线框图(Pencil)两种风格的原型。组件都可以任意拖动,放到合适的位置。但是由于是在线软件,可能在安全保障上会有些欠缺,而且有些类似于沙盘的形式,不知道什么时候还会消失。优点是可以协同创作。

(更多…)