商业网页设计欣赏

由于我们对传统美学职业的认识，web设计一直被强调为视觉上的表现手段，如果不计算技术的因素，web设计中重要的问题往往是如何组织和创建web站点的内容。而随着电子商务的流行，是否带来商业方面的成功也成为衡量web设计作用的标准。因为internet的特殊性，使得web设计不再是一个普通的从事应用美术的职业，它变成了跨学科，跨领域知识的综合体。为了实现更好的web设计，你大概需要掌握图书情报学，计算机图形学，程序设计，客户机/服务器技术，用户界面设计，人机互动关系，可用性研究，心理学，社会学等诸多方面的知识，并达到一定的水平。一个完整的web设计工作应该至少拥有以下主要的方面：内容是的，网站的本质在于信息的传播以及如何传播，问题集中在怎么样引导和劝说用户。由于web的特殊性，内容已经脱离我们传统的定义，它可以包括：文字，图形，超连接，交互操作，动画，视频，音频，在线游戏甚至的混合型的组织形式。拥有高质量的内容是网站成功的关键。我们常常误解web设计为制造优秀的视觉体验，带给客户不同以往的美学感受。当然，这样做，可以吸引第一次访问的客户更加注意你的站点，但是一旦客户在某个地方停留下来后，他的所有活动将转变成寻找对他有用，或者他感兴趣的信息。如果一个站点空有一个漂亮的架子，而缺乏实际的内容，用户最终会离开。而设计在这里的作用是？ 对，如果一个优秀的内容，用户无法很快的找到它（或者并不明显），内容也失去了它的意义。因此，web设计的最基本原则是 – 通过有效的方法更好的组织和规划用户所能浏览到的信息。这样做的目的是获得用户的好感，并且使用户得到方便。例如，我们通常说的好的导航， 应该是具有明确含义的连接名称，基于逻辑的按钮组合，优秀的充满质感的表现；好的页面应该有语意清晰的标题，一致的导航元素，降低视觉疲劳的颜色组合，清晰明朗的文字编排，懂得提示和警告的编辑技术等。设计师往往喜欢把自己放在高处，不过你要记住，用户来到你的站点，并不是来欣赏你的设计（会这么做的，只有那些和你一样的设计圈子内的朋友们，或者企图进入这一行业的新手）。当用户来到一个站点，通过导航系统和安排好的组织结构寻找内容，导航本身不过是路径。就算你的导航设计真的很巧妙，那并不重要，如果你花费在“包装”上的时间比“引导”上的精力的话，你获得的成效不会让你感到高兴。由于用户的差异性，设计师不可能设计出完美的导航，当用户进入一个陌生的站点，他们不知道该如何操作这些繁杂的页面，找出他们需要的部分。这时用户并不希望浪费时间去学习掌握复杂的流程系统。他们对自己所在的位置，只有在自己无法找到合适的东西时才变得重要。只要你的页面导航能够帮助客户方便的找到自己需要的东西，这样的导航就是合适的。技术技术的完善与系统是保证合理功能的基础。Web是由纸张进化到internet的信息工具，其传播媒介已经发生了彻底的变化，因此要从internet的根本特性出发设计站点。好的站点应该具备强大的技术支持，一个拥有好的设计的站点，也同样要拥有好的运作。站点无论如何是不能崩溃的（天灾人祸也请尽量避免它们，不要再为你微薄的技术能力找借口，作为技术工程师的你，职责正在这里！），HTML的正确表现，图像的正确显示，其中参与交互的元素 – 客户端的javascript，服务端的CGI程序，一定要在客户不易察觉的情况下，体现良好的运作并帮助客户得到web的正常功能。“404：file not find”不会为你带来第二次的客户关注，错误的站点是不会被允许成功的。可能引起错误的原因大概是： 技术的更新和改变，开发经验的欠缺，不考虑人力的时间进度安排，方法学的缺乏，未考虑到网络媒体的特殊限制。我们不难发现技术的更迭是相当迅速的，HTML，CSS，JAVA等都在以超乎你想象的速度发展。一个优秀的web设计师应该时常关注技术领域的变化，忽略技术和媒体特征的结果是你无法完成本该高质量完成的工作。Web设计师要保持在掌握浏览器更新，带宽变化，程序设计及协议等问题上的高度兴趣。外观在一个站点拥有好的功能和简单明了的导航系统，强大的技术支持后，我们发现它们未必能够成为用户青睐的目标。一个站点的外观是最先被注意到的，而这个特征几乎在任何设计类工作中体现出来。尽管我们知道，好的品位无法逼迫出来，几乎也不可能被预测。但我们知道，好的web设计与浏览它的用户的品位直接有关，第一眼印象是由在线的站点造成的。站点的外观会影响用户对站点的看法，外观好的站点会被主观的认为比外观差的站点好，至少第一眼是这样。https://zhidao.baidu.com/question/448658326.html

这是天霸设计用木棉花为设计主题及设计元素，打造的生福百货超市装修设计效果图，利用了当地的文化特色，可以说是很有创意，又很独特了。

　　两者是有区别的：　　平面设计师：多数要求印刷 需要对印刷相关知识了解 简单的平面设计比如做个超市的招牌，这也是平面设计，高端的平面设计要有创意，有范儿，要有深入的理念，要有商业价值，3秒内能让浏览者确定要继续品味。要有第一印象，要可以回味，最终以达到商业宣传的效果，做为平面设计师像混口饭倒是容易，如果真想走向国际的水准，那你一定要有过人的天赋和后天地狱般的磨练。　　网页设计师：需要了解甚至是深入了解用户体验，网页是互动的 不像平面广告一样看看就行了，作为高端些的网页设计师要了解各种网页制作的知识，要了解客户端，要了解浏览器，要了解面向人群，甚至要了解心理学，好的作品有两种目的，第一就是在浏览者大脑中强化印象，提升客户品牌形象（比如德芙，可口可乐，奔驰等等这种大的品牌为的是扩张自己的形象，以成为潜在客户在需要的时候的第一选择为目的，这种网站需要达到的效果是浏览者在浏览的时候有一股子电流从脚底上升然后散开，就像一见钟情的感觉），第二直接或间接产生订单的成交（比如桃保商城，京东1好店等电商，设计非常热闹，要有一种撕心裂肺的叫卖声，不只是减价，是陪了命的减价，）所以好的网页作品设计出的不是看到的内容而已，他设计出的是一种客户看到的心理感受，设计出的是企业或品牌的灵魂。

　　VI（视觉识别Visual Identity）以标志、标准字、标准色为核心展开的完整的、系统的视觉表达体系。将上述的企业理念、企业文化、服务内容、企业规范等抽象概念转换为具体记忆和可识别的形象符号，从而塑造出排他性的企业形象。　　VI（视觉识别VisualIdentity）系统包括：　　A、基本要素系统：如企业名称、企业标志、企业造型、标准字、标准色、象征图案、宣传口号等。　　B、应用系统：产品造型、办公用品、企业环境、交通工具、服装服饰、广告媒体、招牌、包装系统、公务礼品、陈列展示以及印刷出版物等。

　　一、网页艺术设计的内容　　设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设　　计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。　　1.视听元素　　这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文　　字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术　　的运用大大丰富了网页艺术设计的表现力。　　以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示GIF、JPE　　G图形和GIF89a动画。还有些多媒体文件（如MP3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏　　览器使用插件（Plug-in）可以播放格式的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页　　中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之　　中的小应用程序，相比于插件和ActiveX，JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之　　，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技　　术的出现，也对网页的艺术设计提出了更高的要求。　　2.版式设计　　网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式　　设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺　　术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。　　但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网　　页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计　　带来了一定的难度。　　二、网页艺术设计的原则　　网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，　　由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与　　形式的统一。它要求设计者必须掌握以下三个主要原则：　　1.主题鲜明　　视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，　　是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰　　和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。　　根据认知心理学的理论，大多数人在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息　　容易产生记忆上的模糊或遗忘，概括起来就是：较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含　　在人们寻找信息和使用信息的实践活动中，它要求视觉设计者的设计活动必须自觉地掌握和遵从。　　作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想　　运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对　　网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注　　意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的主题诉求效果。　　优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性　　质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次　　，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题　　。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现　　“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的　　网页为目的。它的主题只有一个，就是——美。　　只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都　　将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。　　要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的　　逻辑性的把握运用来达到。　　2.形式与内容统一　　任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式　　是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的　　结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如　　黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表　　现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”（黑格尔《美学》第三卷）　　一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的　　设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，　　深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。另　　一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。　　只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。　　据有关资料所做的保守估计，目前在WWW上网页数据传输平均以每秒1.5k的速度到达客户端。假设某个网页为了丰富其艺术性而　　追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十K甚至更大的网页数据，使浏　　览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之　　一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响　　了传达信息的效果，因而不是形式与内容的完美统一。　　网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这　　就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。　　因此，在网页设计中必须注意形式与内容的高度统一。　　3.强调整体　　网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。　　网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足　　人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部　　有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。　　网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特　　征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如：在版式上，将页面中各视觉要素作通盘考虑，以　　周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定；一个站点通常只使用　　两到三种标准色，并注意色彩搭配的和谐；对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，　　都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。　　从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。因此，在强调网页　　整体性设计的同时必须注意：过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。“整体”　　是“多变”基础上的整体。　　三、网页艺术设计的特点　　1.交互性与持续性　　网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因，也是网页设计时　　必须考虑的问题。传统媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事　　先确定的格式来传播。而在Web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息　　的加工处理和发布之中。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人　　员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。　　例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一　　贯性的基础上，不断创作出新的网页设计作品。　　2.多维性　　多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以　　在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、　　网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困　　难。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。　　印刷品中导航问题不是那么突出，如果一个句子在页尾突然终止，读者会很自然地翻到下一页查找剩余部分，为了帮助读者找　　到他们要找的信息，出版者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后面的非顺序页时，读者会看到类似于　　“续68页”这样的指引语句。然而，作为一名网页设计者，你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者　　考虑得很周到的网页中，导航提供了足够的、不同角度的链接，帮助读者在网页的各个部分之间跳转，并告知浏览者现在所在　　的位置、当前页面和其他页面之间的关系等。而且，每页都有一个返回主页的按钮或链接，如果页面是按层次结构组织的，通　　常还有一个返回上级页面的链接。对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页，因此必须　　考虑的问题。如：怎样构建合理的页面组织结构，让浏览者对你提供的巨量信息感到条理？怎样建立包括站点索引、帮助　　页面、查询功能在内的导航系统？这一切从哪儿开始，到哪儿结束？　　3.多种媒体的综合性　　目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平　　台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量　　提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（Stream）技术的推动下，　　Internet网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合　　运用是网页艺术设计的特点之一，是未来的发展方向。　　4.版式的不可控性　　网页版式设计与传统印刷版式设计有着极大的差异：　　(1) 印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器；　　(2)网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准；　　(3) 网页设计过程中有关Web的每一件事都可能随时发生变化。　　这一切说明，网络应用尚处在发展之中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致网页版式设　　计的不可控制性。其具体表现为：　　(1) 网页页面会根据当前浏览器窗口大小自动格式化输出；　　(2) 网页的浏览者可以控制网页页面在浏览器中的显示方式；　　(3) 不同种类、版本的浏览器观察同一个网页页面，效果会有所不同；　　(4) 用户的浏览器工作环境不同，显示效果也会有所不同。　　把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引人之处。　　5.技术与艺术结合的紧密性　　设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供　　的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主　　要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注　　重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。　　例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，　　由于音频或视频文件都比较大，需要较长的下载时间。流（Stream）技术出现以后，网页设计者充分、巧妙地应　　用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐　　服务，无疑增强了页面传播信息的表现力和感染力。　　网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间　　听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了　　技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。　　四　结　束　语　　网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，它兼容了传统平面设计的特征，又具备其　　所没有的优势，成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计，它所涉及的范围非常的广泛　　， 包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面，当然也离不开一定的科学技术发展。在本文中只从视　　觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容合理有效的视　　觉编排。美是任何网页所必需具备的基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉　　环境，技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。