线框图对于网站设计的重要性—郑州网站建设分享

来源：本站原创 作者：佚名 日期：2010年05月29日 访问次数：

　　企宣科技(郑州网站建设)在制作网站的时候，第一步就是绘制线框土，因为绘制线框图对于网站的建设的最终效果起着决定性的作用

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

　　一、线框图的好处：

　　让工程组成员在初期就可以对网站有个清楚明了的认知

　　能激发设计师想象力，使其在创作过程中有更多发挥空间

　　给开发者提供这个清楚的架构，让他们知晓他们需求编写的功能模块

　　让每个页面的跳转关系都变得清楚明了

　　很容易的改动页面布局

　　二、绘制线框图的工具：

　　手绘：纸、笔

　　流程图或思维导图工具：Visio、Mindmap、MindManager

　　原型绘制软件：Balsamiq、Axure

　　

 

　　2、低保真的HTML原型：没加任何风格的网站内容陈列

　　

 

　　3、低保真的布局原型：界面布局线框图，由Jesse Bennett-Chamberlain设计

　　

 

　　4、线框图原型：A preliminary mockup of a social conferencing tool built on Tiddlywiki for use at Le Web 3. The notes to accompany it are at tiddleleweb.tiddlyspot.com. Wireframe by Phil Hawksworth.

　　

 

　　5、线框图原型：This one is based on advanced use of a blog publishing system (WordPress). By Mattheiu Mingassson or Activeside Internet Strategies and Consulting.

　　

 

　　6、线框图：A wireframe for the Embrace Pet Community, by Jesse Bennett-Chamberlain of 31Three.

　　

 

　　7、线框图： A wireframe with color and images. Author page wireframe by Bokhandel.

　　

 

　　8、线框图： 另一个带色彩的线框图. By Mattheiu Mingassson of Activeside Internet Strategies and Consulting.

　　

 

　　四、最佳范例要点：

　　简单设计

　　灰度模式展现：灰度有助于把注意力集中在产品功能层面和布局层面，如果直接加图片和颜色，容易让人陷入对色彩细节的判断中忽略掉功能层面更本质的东西。

　　线框图用网站地图串联起来

　　专注于理想结果

　　等同于真实分辨率尺寸

　　一开始就计划好内容和元素

　　五、要避免的问题：

　　内容太多，重点不突出

　　强调颜色和设计

　　过多的设计细节

企宣科技为您提供专业的网站建设和网站推广，网站优化排名服务，让您投入的每一分钱都获得超值的回报！咨询建站QQ：企宣技术 企宣业务 咨询热线：15038068810

上一篇:常态，暂态 页面元素的表达状态

下一篇:一切以用户价值为依归的设计理念