网站内容布局的基本视觉表现方式:线框图

核心提示：5、线框图原型：This one is based on advanced use of a blog Mattheiu Mingassson or Activeside Internet Strategies and Consulting. 6、线框图：A wireframe with color and image

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

 

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

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

四、最佳范例要点：

1、简单设计

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

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

4、专注于理想结果

5、等同于真实分辨率尺寸

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

五、要避免的问题：

1、内容太多，重点不突出

2、强调颜色和设计

3、过多的设计细节

另外，介绍一个专门讲线框图的网站：Wireframe Magazine

本文缩略翻译自Using Wireframes to Streamline Your Development Process，疏漏和错误之处，还望批评指正

转载注明：http://elya.cc/product/588.html