第二章 界面设计的流程与方法 第四讲.pdf

Digital Media Digital media 数媒视觉设计 数媒视觉设计 Digital media 01 数字媒体艺术设计概论 02 数字媒体界面设计的流程与方法 CONTANT 03 数字媒体界面设计艺术要素 04 数字媒体界面的视觉设计 线框图 线框图这个概念其实是从网页设计当中来的 ，有时又被称作网页页面的示意图或者蓝图 ， 它能够展示一个页面的视觉框架。 在线框图中 ，我们可以 看到所有信息内容、操 作控件等页面元素都被 进行了合理的布局。在 页面中 ，有较为清晰的 导航系统 ，但仅仅是布 局出了页面框架 ，而不 是完整的视觉效果展示。 通常在线框图阶段 ，我们无须看到字体的排版、颜色、图标、图像等 ，而是要 看到我们如何将页面元素有效的组织在页面中 ，能够更好的让用户进行信息的 读取或功能的操作。线框图可直接用铅笔画在纸上或白板上 ，也可以用电脑绘 制。 对于线框图 ，我们需要再次明确几点内容 ①线框图能够展示出产品的功能范围。 ②线框图能够体现出产品信息或功能之间的联系以及优先级。 ③线框图能够体现出某一类信息或功能的布局规则。 ④线框图能够反映出在元素不同的摆放布局下 ，用户使用产品的过程就会不同 ， 随之而来的体验也会不同。 ⑤线框图不需要精美、完整的视觉效果 ，而是设计过程中的一个重要的设计步 骤 ，帮助设计师考量界面元素布局是否合理 ，界面之间的联系是否流畅。 YOUR LOGO THANK YOU BUSINESS POWERPOINT CREATIVE DESIGN