互联E时代，整合网络视觉设计存在的机遇与挑战

　　摘要：通过典雅的风格设计提供给潜在读者高质量的信息。希望我们从事品牌设计与推广、平面设计、数字媒体等艺术设计领域中的师生，把握前台基本语言编写规则，能够抢先占领网站设计的宽广市场，通过对企事业单位和部门职能的调研，充分发挥自己的创作才能，在不久的将来使更多赏心悦目的网站呈现在世人面前。
　　关键词：网站，前台，代码，设计，市场
　　
　　当今社会，计算机的应用已经普及在各个领域之中，随着中国网络经济的迅猛发展，网民数量的急剧增长，越来越多的企、事业单位已经意识到建立网站的重要性。所谓网站，相当于各单位或部门在网络世界的门脸，是展示给社会各阶层的又一重要形象。世界各地的人们随时随地通过访问网站，了解有关企业动向，产品新特性等。在广大企业极力追逐企业上网的热潮下，网络文化已日趋走向成熟，已成为各企事业单位对于自身宣传、推广必不可少的有效工具之一。但是很多单位和部门对于网络的认识趋于浅薄，重视程度也不够，不能充分利用当前极好的网络市场环境将自己的企业、产品或部门职能进行大面积推广与宣传，使自己的企业迅速溶入世界经济环境中。
　　我们知道，一个好的网站，起码需要具备样式美观，功能齐全等特性，从而能够夺人眼球，准确恰当的给予社会各界以崭新的形象，体现自身的独特气质与价值。然而从技术角度来讲，优秀的互动网站需要具备很深的计算机程序编写技能才能实现，大多为JAVA,ASP,.NET,JSP,PHP等等的语言来编写，艺术设计专业的学生对此技术的学习有着一定的局限性，而此类语言编写者大多不曾接受系统专业的艺术设计培训，多数靠现成模板的编写与修改形成网站，因此，网站的功能可能比较齐全，但从设计风格上能否真正体现甲方的形象气质，在视觉感观上能否被浏览者所接受从而产生广泛的影响等方面往往不尽如人意，而这方面，恰恰是所有甲方在建设网站时最先考虑的问题，解决网站设计的风格，样式的美观程度，如何与甲方部门的企业形象识别相吻合，同VI设计一样，艺术设计领域的这些视觉设计师，必然仍是甲方的首选人员，设想，如果能够解决基础的语言程序，即代码编写问题，那么网站设计将成为设计类院校的又一个重要课题。
　　从设计艺术教学及现状来看，品牌推广是一门涵盖面较大的重要学科，其推广渠道中众所周知的就是视觉识别系统，而网站作为企业及各单位推广的重要手段之一，其点击率的提高是从事网站设计者的根本目的，为使网站提高人气，尤其是在网络用户群如此庞大的市场中脱颖而出，最重要的就是网站的总体设计，这里面首要的就是视觉设计。在品牌推广的相关子课程中，我们曾学到很多可以应用于网站设计的具体知识，如VI导入，我们知道，一个企业的标识和标准色彩映托了企业的文化属性及其性格，围绕标识和限定的标准色彩，以及标识的辅助图形和企业可选用的配色方案展开设计，必然也应该是网站设计风格的一个出发点，同时他也拓宽了我们毕业生从事VI视觉识别系统设计的一个应用领域。比如说老昌食品的标志和标准色彩为赭石色，航天公司的标志和标准色彩为蓝白色调，那么我们做网站时肯定不会把老昌食品主色调设计为蓝色，也不能把航天公司设计为赭石色，在没有特别要求时，网站页面上的背景和底图大多应该选用标识的延展图形，而不是与企业不靠边的其它图片，以此确保网站与企业形象定位的一个统一，由此可见，网站首页的美观程度，是否能够抓住浏览者视线，肯定与我们平面设计者的专业功底有直接联系。
　　目前，在很多中小型企业甚至是大型企业中，企业上网的概念仅仅局限在做个网站，宣传一下产品，有的只是通过收发电子邮件来联系客户。这些问题的存在归根结底源自目前整个提供网络服务的行业缺少专业的企业信息化顾问公司及专业的网络形象策划设计公司。企业斥资建立网站，花费财力宣传网站，但是点击率不够，效果不好，自我推广意识不强，当问及企业在上网方面资金投入的主要用途时，网站建设高居榜首，其次为网站推广和网站维护。毫无疑问，绝大多数部门非常看好互联网的作用，并且已感受到上网及网站推广对于自身发展的必要性和重要性。但目前通过网站自我推广意识还尚未普及。企业的网络品牌与企业的实际品牌形象不相符，不能在消费者中及对外联络中恰当传递企业品牌的形象及价值。不少企业网站制作缺少整体、系列的策划设计过程，实质内容不多；包装色彩过重等等问题，都严重影响了网站的人气。
　　如今市场上提供网络服务的公司越来越多，由于进入网络市场门槛较低，各公司的技术水平及服务质量也参差不齐，缺少真正能够为企业全程策划量身定做的专业网络品牌策划及设计机构，所以我们必须培养一批优秀的网络策划设计人员，能够为企业提供全程策划与设计，能够伴随企业信息化建设的整个过程，为其出据阶段性的指导性方案，对现有网络资源实时进行调整及布局，让网络能够在企业各个部门、领域发挥作用。这应该是所有开设品牌设计与推广的艺术类院校应该重视的课题。
　　这几年，网络正在呈现出一副良好的发展态势，可以说是一个很好的契机，我们国内很多企业已经走出国门，并且取得了很大的成功，在国外建立了完善的营销体系，网络营销体系也已经成为一个重要的组成部分。很多企业包括不少大型企业尚未引进自己的网络建设方面的人才，很多大型企业虽然已经意识到建立网络品牌、网络营销机制的重要性及迫切性，但在本地区却很难找到与之已有的品牌相匹配的网络品牌策划合作对象，不少企业不得到国外去招标，选择与国外的策划设计机构进行合作，当世界已进入信息网络时代的今天，将会有越来越多的企业需要建立适于自己的网络品牌。
　　那么究竟我们应该如何开展网站设计人员的培养工作呢？让我们就此问题展开初步的探讨，经过调查研究，网站设计在艺术设计的教学领域中还是存在着广阔的市场的。
　　那么，是不是能设计出漂亮的LOGO和色彩就可以放心大胆的做网站了呢？事实上，是与不是之间只隔了一道面纱，我们这就将它揭开。正如很多编程人员所讲，你们（平面设计师）做出的页面效果图的确非常美观漂亮，也很时尚，但大多不实用，很难用计算机语言编写出来，这是因为设计师在做效果图时没有掌握编程的潜规则，这就是阻拦我们从事网络设计的面纱。受过平面设计专业培训的学生都知道版式设计，这是程序员所不懂的，而版式设计中最基本的排版方式----网格，就是揭开这一面纱的有效工具，看到这里游人可能会有恍然大悟的感觉，因为回想一下，163、搜狐、新浪、雅虎等几乎所有的网站都是，甚至只能是网格的排列方法，这与网页搭建的两种手段，即表格布局和DIV+CSS布局有关，他几乎注定了网页将以网格的排版方式来呈现，而网页版式中的暗格会显得更加机械化，较为明显易于区分其它版块的内容，不能像平日里做版式设计那般随意，也就是说，只要遵循这种排版方式，就会使后期程序代码的编写较为容易，有助于后期维护和深入的进行动态开发，所以我认为，我们了解到网格排版的方式和网页布局的相关特征，两者间的内在的必然联系，便可以尝试页面设计。另一方面，网站的最大功能要属各种页面与特效的链接功能，程序员可以利用技术完成各种特效代码的编写，可是链接中，子页面的样貌、与首页的主次关系、色彩关系、链接图标的样式和出现的位置、浏览者习惯接受的阅读顺序也涉及到视觉设计领域的范畴，即视觉流程问题，对平面专业的师生来讲，视觉流程也算是份内之事。
　　
　　网站建设可粗略分为网站前台建设和后台建设。所谓后台，指的是通过ASP，JAVA，。NET语言等软件编写而成，是网站掌控人员发布消息、传载内容的工具，这里涉及着语言树、高数、以及计算机外语等很多学科，所谓前台则正是我们能够解决的网站形象、功能板块的设计与分配布局，以及基础的页面链接关系等内容，这里同样涉及到代码编写，不过却不像后台对计算机技术要求那般严格和复杂。目前，大家所了解的网页设计三剑客，就能轻松解决这一难题。其中如photoshopCS、Flash等软件已经是我们从事视觉设计的学生的拿手好戏，而另外Dreamweaver更是可以将前者设计出的静态页面活灵活现的应用于Inter网上，它和我们熟练使用的平面排版软件类似，可以在工作区尽情的将设计师的创意编排出来，而这一软件的强大之处正是艺术类学生学做网站的头号敌人——代码编写，Dreamweaver能够将设计师在页面中设计编排的图文，自动生成代码，我们只需要像使用Photoshop一样修改网站面貌，代码便可随之生成和改变，两者并不矛盾，我们可以用这个软件制作出无数个页面，包括网站形象页、网站首页以及网站子页等文件，并给页面与页面之间、页面中的文字和图形之间等网站中所涵盖的一切内容设置超级链接，最终将站点内的所有文件上传至服务器即可被浏览者所访问。例：
　　这是我们在IE浏览器中看到的吉林艺术学院的网站首页，其实质内容为下图编写的代码所示（部分）：这是由专业的语言程序代码编写人员所制，然而Dreamweaver制作的网页文件可以在编辑的同时自动生成代码，设计者可以通过代码修改编写，或者直接修改图文来制作网页，如图：通过拆分这一命令我们可以看到，当选中网页中的部分内容时，工作区上半部分的代码中相应的内容也被同时选中，我们只需对工作区下半部分的网站内容中的图形或文字进行修改，代码便会随之更改，这一强大的功能使学生们顺利通过了网站设计中代码编写的这一难题。当然，一些基础的ASP语言和HTML语言的学习也是必不可少的，这些相对制作后台的整套程序而言可谓容易很多，学生通过老师讲解或是自学亦可完成。Dreamweaver制作的文件可以保存为多种格式，同时支持Flash等格式文件及动画的插入链接，基本上能够独立完成网站中页面形象风貌的设计，以及根据其甲方要求体现的功能和内容，对版面进行合理的布局，即我们所说的版式设计。在Dreamweaver中，我们还可以通过简单的编写形成语言文字以及图片的显示效果，使网站具有动态效果，浏览起来更加生动，也能更好的、更完整的将网站中的内容展示给各地网民群众。由此可见，我们通过对学生进行前台制作软件的培训，便可使学生能够战胜从事网站设计时的技术困难。
　　那么通过培训以后，技术的问题得到初步解决，接下来就是如何使网站的样式更容易为人所接受，这是我们设计者的看家本领，网站设计区别于其他领域的设计，它大多数是静态与动态的内容相结合，可供设计师运用的设计语言也变得异常丰富，下面是在做网站时应该注意的一些问题，一个好的网站最重要的一点就是界面的简单、朴素。初期制作者们很容易掉入这样一个陷阱，即把所有可能用到的网页技巧，例如：框架、表格、字体、GIF动画等等都用上，这当然是好的，但如果多了的话就会让你的访问者眼花缭乱，不知所措，也不会给他们留下很深的印象。记住，只是因为你可以创建一个效果，但并不意味着你必须创建这个效果。先问一问你自己：我在网页上加入这个技术有什么价值？是否能更好的向访问者表达我的主题？当然简单的真正含义并不是迟钝和乏味。许多人会被网站多余的奇特效果所迷惑，而忽视了信息的有效性。保持简单的真正含义就是：想一想如何使自己网站的信息与你的访问者所期待和所需要的一样。应该把技术和效果用在适当的地方，用在有效信息上，让访问者关注他们想关注的东西。其次，要了解你的读者。你越了解你的读者，你的网站影响力就会越大。你的读者是否有个慢猫？那你最好应当特别的注意网页的大小；他们希望听到音乐片断吗？你就要想想网页上的音乐格式。你的读者是企业职员？那么血红色和黑色最好不要选择；或者他们是骨灰级游戏玩家？你就要避免用柔和的颜色和图案了。对一个好的网站来说，清晰的导航也是最起码的标准。应该让访问者知道自己当时在网站中的位置，并且愉快的通过你的指引而遍览你的网站。例如，你可以做到的一件事情就是：“下一步”的选择数目尽量少，以便人们不会迷失在长长的选择项目列表中。另外平衡是一个好网站设计的重要部分。文本和图像之间的平衡。除非内容决定了这是个完全文本或者完全图像的网站，你需要用直觉和审美观来作判断，以便其中的一个不会淹没另外一个。下载时间和页面内容之间也需要平衡。当然你希望有个漂亮的页面，但你也必须平衡你的页面内容，因为你的很多访问者正在通过modem阅读它。难道你网站的图片真的值得等待那么久吗？背景和前景之间的平衡也很关键，我们能在白纸上画出美丽的图案，网页上，如果能制作出漂亮的结构和背景是很令人激动的。但也容易使你的内容淹没在你的背景里面……。
　　由此可见，解决以上问题，绝对不是学好几个软件可以搞定的事情，在网站设计过程中，我们知道大多数成熟的程序员都能随心所欲的去编写和完成设计师所制定的各种要求及样貌，那么反过来，设计师要想能够熟练的、恰当的按照上述等设计方面的专业技巧制作网页时，理当对程序编写的“实用性”作出比较规范的考虑，在网站设计中，特别是前台设计中，有很多方法可以既满足设计师的设计需要，又符合后期程序员的编写要求，较为重要的就是CSS，CSS又称为层叠样式表，主要用来规范文本、链接、图片等的设计规格，包括字号、字体、行高、内外边距、内外填充、背景颜色或图片、初始状态与鼠标滑过的样式，鼠标点击与访问以后的状态、表格边框及样式等等应该为设计师所掌握的设计语言（如下图）。
　　这些看似较为复杂，仔细观察不难发现，”a.”表示CSS命令此时针对于链接，baizi是此样式的名字为“白字”，大括号中为此样式的具体内容，如：“font-size”为字号，“color”为字体颜色等等，即使不会输入也没问题，因为你在软件中敲击空格键，会自动弹出代码提示列表，用鼠标选择你要定义的内容即可（如下图）。当然，这些完全可以在可视化的操作界面中进行创作，只是熟练以后，用代码编写更为方便，设计视图与日常设计软件类似，此处略。
　　进一步遇到HTML语言编写困难时，为了简练代码排列编写，方便维护，我们还会涉及到DIV+CSS来创建网页布局，大大分担了设计者的工作重任，掌握了这些方法后，便可以实现与网站后台开发程序的对接，学生此时完全可以运用在校期间所掌握的专业知识，例如视觉传达设计中关于企业标准图形、图形外延应用与扩展、企业理念、企业标准色彩等，这些同时也正是网站开发设计的重要元素和创意来源，如果不是我们视觉传达专业设计师在做这些视觉设计，请问应该是谁呢？因此，我们得到一个有待继续探讨的结论：网站的策划与设计思维，是我们应该关注并有能力承担的一个项目。
　　互联网几经升级至今天，已经不再想过去那样慢的可怜，它的速度、信息量、可靠性、技术安全性等各方面已经在健康成长，这已经为我们搭建了好的就业平台，网站策划师，网页设计师，前台美工，页面维护与网站改版再设计等多种多样的职位等着我们去实践，优秀的设计师甚至完全可以自主经营自己的网站，类似于购物，淘宝等此类的站点完全可以自主经营买卖，自负盈亏。网上购物，网上咨询等服务类的网站都有机会成为你自主创业的机遇。总之，一个好站点的定义：通过典雅的风格设计提供给潜在读者高质量的信息。希望我们从事品牌设计与推广、平面设计、数字媒体等艺术设计领域中的师生，能够抢先占领网站设计的宽广市场，通过对企事业单位和部门职能的调研，充分发挥自己的创作才能，在不久的将来使更多赏心悦目的网站呈现在世人面前，从而为使大大小小的企事业单位通过网络来展现自己的品貌和理念，而做出自己应有的贡献。<本文是作者近阶段因工作需要而涉足网站设计时的一些心得体会，无参考文献，仅代表个人观点，虔诚期待您的批评指正>