WEB开发网
开发学院网页设计心得技巧 网站内容布局的基本视觉表现方式:线框图 阅读

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

 2011-06-13 06:57:34 来源:WEB开发网   
核心提示: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.

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

 

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

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

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

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

四、最佳范例要点:

1、简单设计

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

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

4、专注于理想结果

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

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

五、要避免的问题:

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

2、强调颜色和设计

3、过多的设计细节

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

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

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

上一页  1 2 

Tags:

编辑录入:coldstar [复制链接] [打 印]
赞助商链接