编排设计编辑推荐

时间：2023-07-03 17:36:02 | 来源：营销百科

时间：2023-07-03 17:36:02 来源：营销百科

编排设计编辑推荐：　　用在网页上的图形应该要支援并能够增强 HTML 文件的内容，在设计图形时必须考虑很多事情，包括技术上的限制到美学上的考量。技术上的限制虽然都已渐渐地获得解决，但是仍然不可忽视；而关于图像与用及设计的美学问题，则不会有太大的改变，我们今天所讨论的这些原则，将一直适用于大多数的应用实例中。

　　1、绘图与美术修养

　　当一个艺术家在为多媒体设计图像时，有许多小花招。如果要设计一个成功的图像，则必须要体认到一点∶电脑不会替你创造艺术 ─ 好的艺术必须出自有艺思的天赋与努力练习。当然，这并不是说如果你不是一个艺术家，你就没有办法创造出一个好的图像。

　　2、鉴赏的眼光

　　要做出成功的图像，有一个很重要的技巧是要有一双具批判性的眼光。如果你能够客观地评量你的作品并且发现它的缺点，那么你就能够改进它。如果你相信你的作品只是〝还不错″，那么它就还有一点点变得更好的可能。许多艺术家一直不断地在寻求自身艺术造诣的更上层楼，而为了要训练自己具有批判性的眼光，最好的方式就是常常接收他人对自己作品的回馈。发现其他人对同一作品会有不同于我的观点的解释，甚至常常有些人会指出完全没注意到的部分，而这个部分一但被注意到，也就能产生另一种不同的观点。

　　当你向他人寻求对你的作品的忠告时，你必须要能够不带防卫地接受那些具建设性的批评。想想看别人所说的话，然后自己在心中衡量一下，要不就是回绝这个建议，要不就是改变你的图像来改正有问题的部分。如果你回绝这个建议，那么你也要能够合理地解释为什么这不是一个好建议。'因为我想要这样子做'并不是一个好理由。去找到一个愿意提出诚实并有意的评语的人是很重要的，像'我喜欢'这样的评语并不能帮助你把作品做得更好，请对方说说这个图像在效用上的优缺点会是个不错的方式。

　　3、绘图技巧

　　光是想着要改进你的技巧，并且具有批判的眼光是不够的，你将会发现若想要创作出成功的图像，艺术技巧是绝对必要的。你可以依循某些规则或诀窍来学习发展这些技巧。虽然我们在网路上可以看到许多经过处理的影像，但是大部分的时候我们也必须具备实际绘图的能力，手跟眼之间的协调、以及将眼睛所见的 3D 立体物体转换成电脑上 2D 的平面图像所需的视觉转换能力，都需要许多年的训练与经验才能做得好。能提出的最好的建议是，你可以随身带着一本素描簿，并且在任何时候画下你所见的事物，这样不久你就能够自然且随意地表达你所想表达的东西。要有创意地处理影像也需要技巧，你必须考虑颜色、整体设计、对比、色值、符号意涵、以及许多其他的因素。要用 PHOTOSHOP 把两个影像放在一起，然后制造出一个图像放在你的网页上，这看起来很容易，但你必须注意，如果你在设计一个图像时，将它独立于整体网页的设计考量之外，那么你的网页可能会显得杂乱无章而使得效果有所打折。

　　4、图像性质一致

　　你的网页上的每一个图像都与彼此有着紧密的关联，所以，当它们被合置在一个网页上时，你不能对它们作各自独立的处理，因此，发展一套图像的规则并且确实地应用在图像的创造上就非常重要了。例如，你可以藉由在每一个图像上加一道 3 个像素宽的边框，并且让每一个图像保持 1' X 1' 的大小，让图像间拥有一个共同的特质。当你建立起一套规则并实际地运用到你的网页图像上时，人们也许并不会注意到，但是，如果你的图像大小不一，有的有边框、有的没有，那么人们就很容易注意到，而使你的网页不那么吸引人。

　　5、阴影表现方式一致

　　当你在一个图形或文字上使用阴影时，这通常表现出一种深度的错觉；当你在文字下方加上阴影，会使得那文字似乎栩栩地跃然于纸上，这阴影用于图像时，它也会让读者觉得这影像比较逼近自己。并不是所有时候都必须使用阴影，你应该小心并有创意地用它。在使用阴影效果时，你应该了解到，有阴影就表示有一个潜在的光源，比如说，你的物件有一个下方 4 个像素、右方 5 个像素的阴影，那么看的人就会有意识或无意识地认定在相反方向的地方有一个光源。一个常见的错误是，在某个物体的某一边制造出阴影，却又在同一页或同一个影像上的相反的那一边也制造出阴影，这样的错误会导致视觉混淆，而让人无法确定光源到底来自哪个方向。

　　6、图像大小有统一性

　　当处理成对出现或一系列的图像时，你应该注意让所有的图像保持统一的规格，如果这些图像都是以同样的比例制作的，那么这倒不是难事，但是如果这些图形有的是水平的、有的是垂直的，那么要把它们统一起来就有些难度了。如果可能的话，就把垂直和水平的影像分别集中在一起，并且统一它们的规格。如果你把垂直和水平的影像放在同一个区块中，那么就重新调整它们的大小，让其中一个向度保持一样的尺寸，这将有助于建立统一感。由于我们一般都习惯使用固定的行间距，所以，调整影像让它在同一向度上具有一样的长度，将有助于维持整齐的行列。当一个影像以水平方向向其他影像对齐时，就调整影像使它的高度相等，而垂直方向的对齐，则有赖于影像宽度的一致。

　　7、图像排列有序

　　在一个有许多图像的网页上，即使每个图像都有一致的规格，仍然有可能因为缺乏有创意地排列，而显得凌乱随便。如果你事先为你的网页建立了格线，那么只要将你的图像依格线对齐，就能够强制产生一个架构。不管你是否使用格线，你都必须有意识地决定如何安排这些图像的位置，不要被 HTML 的技术限制住你对图像编排的控制。

　　8、模仿其它媒体表现

　　有些时候艺术家们会模仿其他的媒体来创作图像，比如说，我们都已习惯看到图像后方出现阴影，而未曾质疑在电脑的影像上是不可能像现实世界中一样出现阴影的。作为一个艺术家，他常常会去模拟或是借用某种媒材的视觉特性，并把它转换到另一种媒材上面。在某些情况中，它的意图是要在 2D 平面上制造出三度空间的幻觉，有许多技巧可以制造出这种三度空间的效果∶

　　线条透视画法﹝将线条延伸聚集在无限远的一点上﹞

　　将两个影像轮廓重叠﹝在上者看起来比较近﹞

　　色彩透视画法﹝较远的物体具有较浅的颜色、且较不精细﹞

　　大小关系﹝大的物体看起来比较近﹞

　　做立体模型 做阴影做渐层﹝将物体件加上立体效果﹞

　　以方向性灯光制造阴影﹝强调物体到表面的距离﹞

　　在平面上的位置﹝上面的物体看起来比较远﹞

　　粗线条﹝看起来向前方前进﹞

　　色彩﹝亮暖色系看起来向前方前进，暗冷色系则看起来像在后退﹞

　　当第一次看到某些模拟手法时，我们常常会觉得惊讶或是新鲜。例如，在网页上看到一个木质的边框没什么了不起，可是从电脑荧幕上看到一个金属材质的注册标志，就很少见了。当你仿照其他的媒体而创造出图像，就有可能引起浏览者的好奇心，因而继续浏览你的网页。

　　9、模仿工具﹝filters﹞

　　虽然有创意的处理能够加强你的网站的视觉效果，但你也要知道，有许多处理的方式都已经被过度使用而变成陈腔滥调了。例如，页尾卷起的效果，在一开始被引进时，就被大量地引用，不管这样的效果有没有意义或是它和页面的内容图片有没有关系。伦敦字体﹝一种中古世纪风格的、亮灿的草书字体处理方式﹞也是如此，人们把这种字体用在未来派写作、科技观点、以及其他并不合适的地方。所以，当你发现一种新的滤镜效果时，要小心，这样的处理方式可能会被误用或是过度使用，而使的原来的本意大打折扣。当你使用滤镜时，要谨慎并且要有选择性，试着避免直接使用它的预设值，并且尽量将多种滤镜组合使用，以创造出不能被归类为某一种滤镜效果的图形。对电脑新手来说，你的作品中所使用的滤镜效果可能会令他们眼花撩乱，但是对从事图像创作的艺术家而言，你的作品只是，比如说，误用柔焦滤镜而产生的结果，而贬抑你的努力，认为那是个老套的东西。

　　10、破除框框的安排形式

　　另一种艺术工作者常用的小技巧是打破大多数图形所遵从的直线栏框。一般的图形都是被预设为以矩形的形状储存，虽然矩形的格式可以让你的画面看起来比较有组织，但是有时候一个突破框架限制的图形能够引起视觉上的刺激，并形成一个新的架构，这样子的挑战创新能够让你的文件看起来更具动态。当你在设计 GIF 图形档时，你可以将这个档案设定为以某一种颜色当作透明罩遮，当你用浏览器看这个图形时，这个颜色就会变成透明的。这种透明效果只能用在 GIF ，而不能用在 JPG 档，用得好的话，它可以让你的 WWW 网页生色不少。

　　11、动画

　　WWW 的引进对网际网路的意义，就像是电视的发明之于收音机的世界一样，我们可以看到影像并且很容易地接收资讯，但是你能够想像如果电视上的所有影像都是静态的图像吗？电视就像是一连串的幻灯片或弹匣。早期的 WWW 浏览器只能经由外挂程式来看这些时间导向的媒体，因此，影片的内容和网页的内容是分开的。后来程式设计师们发明了一种聪明的方法来从伺服器〝推动″图像，以模拟动画的效果，但是频宽的问题却让这项发明无法广为大家所用，目前则有配合伺服器之推动动作的动画型态的 GIF 格式，以及 Shockwave 档，和一些其他的小技巧，能够在浏览器视窗内模拟动画图形的效果。

　　动画效果对你的网页可以说是既能载舟，也能覆舟，所以你必须仔细考虑何时 以及为何要使用动画，在许多例子中，动画是被用来标示你的画面上的一些新鲜有趣的东西，有时动画则可以增加资讯的负载量，制造出某一种气氛、或是配合支援网页的内容。要记住，在大部分的情况中，动画都会使得下载的速度变慢，而让连线必须一直处于开启状态。

　　如果你创造了一个动画，请仔细的想想看这个动画会与网页上的其他元素产生怎样的互动？它会对读者的感受与所要传达的资讯有帮助吗？动画的动作跟色彩或是其中元素的安排一样重要。如果你打算要放进一个动画，那就让它值得观赏者花费那些下载的时间，并且让你的动画变动的动作看起来尽可能地顺畅。