自由造型的网页外观设计

自由造型的网页外观设计
——题记
随着计算技术的飞速发展，网页设风格日趋多样化和性化，新的观念、新的手不断涌现出来。

根据题表现的需要，某些追求富视觉效果、采用大量片文件的版面出现在我们的视野中这些或动或静的图片经过活剪裁、合理布局造出各种新颖的形式。

其较引人注目的是网页观的自由造型设计。

这设计打破单一方形外框的格，形态生动，特色鲜明它的出现，丰富了作品的觉表现力，为网络世界增添了多的一笔，值得我们去深入究与探讨。

需要注意的，这里讲的网页外观，空上受限于浏览器，但型上并不等同于浏览器的框形，通过特殊设计，它可以拥个性化的表现形式，即自由造型现今，由于宽带上网的普及，网设计师碍于下载速度而严格控图片数量与质量的情况有改善，许多漂亮的视元素被解禁出来，样便有效地扩充了计的可调配资源。

而另一方面，个电脑屏幕的加宽与分率的提高，增大了版面的息容纳量，页面内容不需要天立地式地占满整屏的空间，大面积空白自留地的允存在也为自由造型创造条件，于是，许多生动的视觉形象创造出来。

自由造型的观设计是有其自身特点的，主体现在意念传达、题材适应、版显示及造型规律几个面。

第一，网页外观本身不仅仅是载内容的外壳，它可以一程度地传达信息，表达意念，而由造型显然更利于这种作用发挥。

在技术条件允许下形的多样化有赖于大量片文件的构合，文字信息相地减少，图片作
为传情达意的要工具，其优点在于表达上的截了当又生动鲜活。

而外观的整体征通常又是浏览者的第一着眼，不可忽视的重要性迫设计师需要煞费苦心地去创造各种致的造型，区别于统的方面孔，力求从主题传出发，以个性化设计求视觉上“开门见山的传达效果。

第二，在题材适方面，自由造型的外设计多用于气氛轻松、休闲的站。

一般情况下，商务资讯或综门户类的网站其设计风都要求简便实用，简的原则要求去不必要的装饰，以便信息更新，并获得最高的间使用率，这使得设计容易倾向方的块面处理，给人严谨、靠和专业的印象。

与之不同的是某些追求创新、时尚、乐效应的网站，其设为了烘托主题，大地放开了束缚，不惜使用种装饰手法制造视觉点，以趣味性和新奇去吸引浏览者的青睐，于是，拘一格的自由外形设计被广泛应用此。

第三，自由造型的观设计更多地使用浏览器第一屏示的设置。

网页外观的型有时本身就是特定的场景有个体意义的形，如果主体形象宽或过长，需要滑动动条才能看到全部的内容，整体将被大打折扣，影响了观感受。

其实，这里提到的自由造第一屏显示，除了页面所有容仅限于单屏，不出现动条的情况外，还有另一种殊形式，即长条形多屏显的页面中，形体变化丰富部分被集中在第一中展示出来。

好的设计总是究节奏排布的，内容比多的长页面不管可滚屏的间有多大，也不可在外轮廓上出现同等幅度且连不断的造型变化，轻重缓急疏密松紧总需要有度地安排。

因此这种页面的设计常常在开头部，即在第一屏内进行大力度的形加工，以下的部则边缘上相对地平整，变减少。

开
头的重点突有利于网站标题、企业象等主要信息的渲染和强，而后的简洁处理又为视觉供了休息的机会，读者浏览起来既享受图形乐趣又失感官舒适度。

第四，自由造型加强了曲线与斜线的运用，而区块的错落加也是外形变化的常用手法。

无疑问，曲线和斜具有极强的表现力曲线能给画面营造出活、轻松与飘逸的视觉效果，而度的斜线则带来速度果断与敏锐的感觉。

应用的时候，它们耗的空间都比较多，在过去惜土如的传统设计中总是限制性地使用，过在新的技术条件支持下，自由造的设计给予了它们前所未有的施空间，最终得以大显身手崭露头角此外，不同的功能区块做上下层叠的效果也是由造型的一种有效创作手法，这些区块边缘处并不完全对齐而形成的错落让原本单一的长直线边变成折线的组合，同时，从增加的边角位也正好可以置饰线、图标、光影小元素，于是，丰富效果就来了。

自由造型的外观设在手法上是善于突破传统的，但种突破并不天马行空，技要素与题材适应的约束总贯穿于个创作过程，在一定的限制条下如何发挥美感与创意的强感召力，这就需要我们去真思考了。

以下，者将介绍几种网页外观中自由型的常见形式，分析它们整合变化的手法，综合中的构造规律，或许从能给我们的创作带来些灵感与启发。

一、仿物风格
仿物风格的外观设计是页面的视觉元素，包括文、图片、视频等都安置在件模型或模型组合，常见的模型有包装盒、电机、显示器、台历。

这些设计巧妙地处理了外包装与息承载之间的关系，特别在一些仿电
器外观的页面中，计师总喜欢巧妙地将页功能按钮与模型结构性按结合起来，如调音台刻度盘手机按键等往往就嵌藏网页导航区域的玄机，既人性化又富趣味性。

仿物式外的模型大部分是带立体果的（如图1）。

这立体的表现，靠结构的纵深度描，二靠光的合成，两者的共同用模拟出真实空间中的形体，从观上来讲，一开始就能浏览者贴近生活的可亲象，极具吸引性。

立体造型的外观在制图时是常注重细节描绘的，的刻画、色彩的变化质感的处理时常都要照顾周，可见，写实能力从中起非常重要的作用。

另方面，我们看到的立模型是置身于一定虚拟环境的背景的处理必然与三维的效果有所不，它不是简单的衬底，而是个有空间关系的场景，光的作用下场景本身可以显现暗变化，物体在其中也会投射的效果，因此在设计中，们要提高对它的重视程度不可简单概念化地对待。

此，在接近平面的仿物模型中，具代表性的是包装盒风格（如2），它在结构上完全仿造平摊的盒印刷稿，虽然布局特殊，根据信息量大小能灵活调盒子的块面比例，而且有区域自然分的优势，所以总体上一般能保持大方整齐的特点。

某包装盒式的设计在边沿处还添加了微的光影，实实在在地增了一些空间的感觉，这也是用以丰画面的一种简捷的手法，对此类型偏平的物件表现显得特别有效。

、方框破形
方框破形的手法，以四方外形基础，加上一定的体剪切或配以图片行调整与修饰，使得外轮克服单一的四直线加四直角的合局限，在细节上作形突破，但整体上仍保留方块的影响事实上，它属于整体归一而
部变化的处理，作为变化的分既要发挥破形的作用，在平淡寻得新奇意趣，也要注意整效果的维护，切忌零碎散乱。

方框形的方法很多，其中用得较多的有：图的穿插、按的特殊设计、边缘机理。

图的插（如图3）是以图片为突破点，冲出方形框出特异的外形，作破形的图片在理的时候，经常是抠去背景来用，以局部外形的不规则比原直线直角营造的整齐与严。

在这里，被突出的图是视觉的焦点部位，所以其所占比例、呼应关等要求都比较高，否则容易有粗牵强的感觉。

按钮的殊设计（如图4），是将于布局边缘的按钮为变化的对象，单个按钮的形状方可圆，又可不规地成形，至于成组的按根据不同的需要，排列上可呈散点式，也可呈规律式，它们方形框边缘上等于是个天窗，面积不大但十生动灵气，自身精致化的同又丰富了大外形。

边缘理（如图5），是在框边缘添加机理效果的手，将坚挺锋利的直线以非则的纹理或笔触进行改造原本平滑的外形变得凸或凹，凹凸幅度相对大部分也可以起到一定程度的变形作。

我们常见的边缘机理有水溅、纸、火烤、干笔触等，它们各有特，用法灵活，有方便整的优点。

三、框虚化
边框的虚化，并不于没有边框，有时只是潜藏起来而。

如（图6）中的页面内容只占据了浏览器3/5的份额，没有占满所有的空间从内容的摆放位置看，的视觉习惯带领着们从菜单的右侧末端直往下形成边线，而主形下端因为没有具体内容所以也可认为是到了页面的边缘。

因此，我们判断有效的页面编是紧贴左上方对齐，往下往右2/3处以外的空余部则属于背景。

由于浏览器景是白色，具体画的底也没有作
色彩的区别处理因此视觉上连成一片，网页的边虚化的状态，它并不出现在画面但可以让观众感觉到它的存在这种隐藏了外边缘的页面设计在际应用中并不少见，特点是页面有效范围不充浏览器，内容大多中或往上往左对齐，与景间没有明确的界线，根位置处于边缘处的各种元素其位的视觉引导，可联成虚拟的外轮廓。

这种虚化边的处理与满屏的编排在表面效果上有雷同，但本质区别在于考构图时的版面范围不同，一个占浏览器的局部面，一个则布满整个图面，它的空白区域担任着不同的版职能，页面各元素的呼应关也不一样，因此，我们不能单地把这两种布局方法等同起来。

实，边框虚化的处理手是网页特殊技术条件下的产物，让幕在不同分辨率设下浏览起来不会产生太大差异但若使用不当容易造排版不完整的感觉因此，我们在设计的时，应该看实际采取灵活的资源配手法，不可牵强附会过于僵。

在由造型网页外观中，了以上三种常见形式外其实还有很多有特的类型，如半开放式、形倾斜式等，它们在计上没有固定的模式但新意往往隐藏在不经意细节变化中。

这就需要们仔细观察、善于发现学习，才能领悟其中奥妙，掌握其中的技巧。

结语
网页外观相当于网的一张面孔，前卫、浪漫还是方正严谨，都一一体现此，自由造型生动展现设计师的过人智慧，也淋漓尽致地挥了网络在信息传递中的大作用。

众所周知，当今的网络技正以高速不断更新和进步，随之推动了艺术手法的创与发展，可实现的媒体果也随之增多，未来的网外观造型必然会以更丰富多的形式展示于众，开放心态、
善于学习与创新精神是时代对我们的要求更多更炫目的视觉精彩正翻开着网世界的新篇章。