自由造型的网页外观设计(1)(2)
2017-06-28 01:03
导读：第四，自由造型加强了对曲线与斜线的运用，而区块的错落叠加也是外形变化的常用手法。毫无疑问，曲线和斜线具有极强的表现力，曲线能给画面营造出
第四，自由造型加强了对曲线与斜线的运用，而区块的错落叠加也是外形变化的常用手法。毫无疑问，曲线和斜线具有极强的表现力，曲线能给画面营造出活泼、轻松与飘逸的视觉效果，而适度的斜线则带来速度、果断与敏锐的感觉。但应用的时候，它们消耗的空间都比较多，在过去惜土如金的传统设计中总是限制性地使用，不过在新的技术条件支持下，自由造型的设计给予了它们前所未有的施展空间，最终得以大显身手崭露头角。此外，不同的功能区块做成上下层叠的效果也是自由造型的一种有效的创作手法，这些区块在边缘处并不完全对齐而形成的错落，让原本单一的长直线边缘变成折线的组合，同时，从中增加的边角位也正好可以放置饰线、图标、光影等小元素，于是，丰富效果就出来了。
自由造型的外观设计在手法上是善于突破传统的，但这种突破并不天马行空，技术要素与题材适应的约束总贯穿于整个创作过程，在一定的限制条件下如何发挥美感与创意的强大感召力，这就需要我们去认真思考了。以下，笔者将介绍几种网页外观中自由造型的常见形式，分析它们整合与变化的手法，综合其中的构造规律，或许从中能给我们的创作带来某些灵感与启发。
一、仿物风格
仿物风格的外观设计是将页面的视觉元素，包括内文、图片、视频等都安置在物件模型或模型组合中，常见的模型有包装盒、电唱机、显示器、台历等。这些设计巧妙地处理了外包装与信息承载之间的关系，特别是在一些仿电器外观的页面中，设计师总喜欢巧妙地将网页功能按钮与模型结构性按钮结合起来，如调音台刻度盘、手机按键等往往就是嵌藏网页导航区域的玄机处，既人性化又富趣味性。仿物式外观的模型大部分是带立体效果的（如图1）。这立体的表现，一靠结构的纵深度描绘，二靠光的合成，两者的共同作用模拟出真实空间中的形体，从观感上来讲，一开始就能给浏览者贴近生活的可亲印象，极具吸引性。立体物造型的外观在制图时是非常注重细节描绘的，形的刻画、色彩的变化及质感的处理时常都要照顾周全，可见，写实能力从中起到非常重要的作用。另一方面，我们看到的立体模型是置身于一定虚拟环境的，背景的处理必然与非三维的效果有所不同，它不是简单的衬底，而是一个有空间关系的场景，光的作用下，场景本身可以显现明暗变化，物体在其中也会投射影的效果，因此在设计中，我们要提高对它的重视程度，不可简单概念化地对待。此外，在接近平面的仿物模型中，较具代表性的是包装盒风格（如图2），它在结构上完全仿造平摊的纸盒印刷稿，虽然布局特殊，但根据信息量大小能灵活调整盒子的块面比例，而且有区域自然划分的优势，所以总体上一般都能保持大方整齐的特点。某些包装盒式的设计在边沿处还添加了轻微的光影，实实在在地增加了一些空间的感觉，这也是用以丰富画面的一种简捷的手法，对此类造型偏平的物件表现显得特别有效。
（科教作文网http://zw.NSEaC.com编辑发布） 二、方框破形
方框破形的手法，以四方外形为基础，加上一定的形体剪切或配以图片进行调整与修饰，使得外轮廓克服单一的四直线加四直角的组合局限，在细节上作形的突破，但整体上仍保留方块的影响。事实上，它属于整体归一而局部变化的处理，作为变化的部分既要发挥破形的作用，在平淡中寻得新奇意趣，也要注意整体效果的维护，切忌零碎散乱。方框破形的方法很多，其中用得比较多的有：图的穿插、按钮的特殊设计、边缘机理。图的穿插（如图3）是以图片作为突破点，冲出方形框造出特异的外形，作破形的图片在处理的时候，经常是抠去背景来使用，以局部外形的不规则对比原直线直角营造的整齐与严谨。在这里，被突出的图片是视觉的焦点部位，所以对其所占比例、呼应关系等要求都比较高，否则容易有粗糙牵强的感觉。按钮的特殊设计（如图4），是将处于布局边缘的按钮作为变化的对象，单个按钮的形状可方可圆，又可不规则地成形，至于成组的按钮根据不同的需要，排列上既可呈散点式，也可呈规律式，它们在方形框边缘上等于是一个天窗，面积不大但十分生动灵气，自身精致化的同时又丰富了大外形。边缘机理（如图5），是在方框边缘添加机理效果的手法，将坚挺锋利的直线以非规则的纹理或笔触进行改造，原本平滑的外形变得或凸或凹，凹凸幅度相对大的部分也可以起到一定程度的变形作用。我们常见的边缘机理有水溅、碎纸、火烤、干笔触等，它们各有特色，用法灵活，有方便调整的优点。
