企业网页设计的布局与用色技巧.docx

企业网页设计的布局与用色技巧

[摘要]企业网站通过互联网上进行网上销售和形象宣传，等同于企业的网络名片，不但可以向用户传递信息还可以宣传企业形象。网站想要吸引浏览者的目光、增加网站的浏览使用率的关键在于：网页的布局与用色技巧。色彩与布局的合理运用，可以让用户在浏览信息的同时获得强烈的视觉冲击力和艺术感染力，让网页能够更广泛的传播出去。
[关键词]企业网站 布局与用色
随着互联网的出现，拉近了全世界人们的距离，这样的距离改变的不仅仅是我们的生活，也改变了各行各业。网站伴随着互联网的快速发展应运而生，而一个网站是由很多网页构建而成。就好比网站是一栋楼，而网页是每一栋楼里的房间，主页就是家中的庭院。所以想要做好网站就需要网页的配合，而色彩和布局是构成网页的两大重要组成部分。合理的布局与用色，不仅能够吸引用户的目光，还可以更好向用户展示企业文化，增加企业知名度。
一、企业网站的发展
在互联网还没有出现时，人们只能通过报纸、广播等传统媒介获取信息，由于传统媒介的局限性，人们无法全面的了解信息；互联网出现后，人们通过新闻网站来了解时事，便捷、快速的方式大大方便了人们的生活；随着互联网的快速发展，图像、声音、动画、视频，甚至3D技术可以在互联网上得到呈现，各行各业开始把自己的信息发布在网络上，有些企业看到了其中的商机，建立了属于自己的网站。企业通过网站呈现产品、服务、理念、文化，或向大众提供某种功能服务，人们可以快速的了解企业的现状，增加对企业的信任感。
在我国，网页设计被当作一种新兴的传播媒介得到越来越多人的重视，投身于这个行业的年轻设计师也越来越多。虽然我国的网页设计处于发展的状态，但同时也存在着模仿抄袭、原创力不足等问题。大多中小型企业把网站的建设工作全权交给设计公司，而很多网站设计师在进行网页设计时，很少会主动去了解客户的需求，做好市场调研工作，直接就进行设计，更有些设计师会直接套用网页模板，这样做出来的网站往往都惨不忍睹。而随着电脑技术的发展，网页设计不再是单一的文字和图片形式，越来越多的元素和特效运被用到网页中，这些技术手段的使用让静态页面变得丰富多彩，能够更好的向用户传递信息。但是如果只是炫技而忽视网页的内容，往往会起到适得其反的结果。一方面，网页的加载速度变慢，大多数浏览者没有那么好的耐心，可能页面还没有显示出来，浏览者就把它关闭了；另一方面，过多的特效会给人一种眼花缭乱的感觉，突显不出网站的主题。
网站是企业对外的宣传的窗口，我们在考虑美观的同时也要注重浏览者的感受。在色彩上，要选择让人舒适的颜色，因为过亮的色调会使长时间盯着电脑的人感到不舒服，这样我们就不能完全的把信息传达给用户。现在用户对网站的要求不断的趋于人性化、简约化,在布局上也要趋向于思路清晰、逻辑合理,尽量让浏览者可以方便快速找到所需的信息。大大小小的企业都有自己的网站，那么想要在众多网站中脱颖而出就要突出个性化，体现企业鲜明的特点，创建一个独属于自己的网站。而且个性化对企业网站以后的售后服务、案例解析、用户交流都是长远的发展的利器。
二、网页设计的布局及用色技巧对网站的影响
网站的基础在于布局，它不仅能够迅速协助用户获取所需的信息，还影响到网站的美观。创意十足且新颖的布局能够显著吸引用户的目光，但也不要让创意影响到了用户体验。比如图2.1这个网站就很好的引导着用户，当你不断下划时，会出现相应的文字提醒你接下来可以到哪里，指引用户通过点击等操作按钮浏览网站，了解信息，这样不仅给用户提供了很大的方便，还不会给用户造成压迫感。按照一定的布局去展示网站的主次内容优先级，比如图2.2这个网站，就将主要的内容放在了顶部，用三个卡片的形式展示，其他的普通内容放在下方通过列表的形式展示，底部则做成标签分类的链接。Z模式的浏览模式用与主要是图片的页面内容。不论是否因为这里有个菜单栏，还是就仅仅因为从左到右自上而下的阅读习惯，人第一眼先看到的是页头水平方向上的内容。当视线抵达底部时，又遵循着从左到右的习惯模式，重复在水平扫视页尾的最底部的内容。例如图2.3开始这个页面就有一个注册按钮，通过水平位置的浏览，用户已经获悉了这一信息，下拉会出现产品的卖点，这些卖点的展示就是遵循重复着Z模式的最佳例子，直到最下方的支付选项就抵达了Z模式的尾部那个水平线。这三种方法各有千秋，我们要根据具体的网页内容来进行设计。

图2.1 图2.2 图2.3
在色彩设计应用中，我们对颜色不同程度的理解，影响到设计页面的表现，熟练地运用色彩搭配，设计时才不会事半功倍。色彩与品牌有着千丝万缕的联系。不同于语言和文字，色彩为品牌提供了一种非口头传达的意义和信息。而色彩给人的感觉和所蕴含的含义主要来源于所处的文化和环境。在深入了解一个网站之前，用户通常先注意到色彩，色彩所传达出来的情绪会下意识地感染用户，所以我们可以利用这种原理来设计网站、优化品牌。例如图2.4，绿色常常让人想到自然、环境和治愈等含义，而Whole Foods作为一个全天然有机食品品牌。将有机食品和品牌与绿色完美的融合在一起，在网站中使用了大量的绿色的元素和形象，唤起用户对于自然的认同感，配合黑色和白色这种中性色来完成整个网站的设计，三种色彩在网站设计中达到了平衡点。其次你的网站想要具备什么样的个性，想传达什么样的感情。例如图2.5，Facebook作为社交网站，非常需要得到用户的信任，让用户能怡然自若地在上面分享生活，而蓝色给人一种安全、可信的感觉，所以Facebook选择了蓝色用来传递出“信任”的感受。

图2.4 图2.5
三、国内外企业网站在网页布局与用色技巧上的区别与价值体现
由于国内外的文化、教育、经济等不同，导致国内外的设计师在网页布局与用色技巧上存在着很多差异。我们浏览欧美的企业网站会发现它们的页面非常简洁、清晰，侧重于提高易用性，实现清晰准确的沟通。而网站的色调搭配通常使用一种颜色为主色，另一种颜色为配色，或者直接就一种颜色。而越有名气的公司，使用的颜色就越简单。而中国的企业网站给人的感觉就是多、长，千篇一律以及各种广告的堆积。在用色上则具有中国的民族风，所以一般都会采用三种或三种以上的色调。例如图3.1苹果公司的网站在页面中间放上轮播广告图片，很好的宣传了产品。页面上方是导航栏，采用黑底白字的方式，对比鲜明，辨识度高。页面下方是四个产品按钮，链接了苹果网站下的四个子网站，帮助用户更快的选择自己感兴趣的页面。在色彩上采用了白色作为整体页面背景，黑色的导航栏在白色的背景上醒目突出，起到很好的导航效果。页面下方的子网站，采用浅灰底，很好的衬托出了产品。黑底白字、白底黑子、白底灰字，不仅相互统一，还巧妙的运用了苹果包装设计上的元素。而图3.2华为公司的官网，整体的框架采用矩形，看上去方方正正，体现出企业网站严肃、专业的一面。以白色为背景，深灰色为一级导航栏，浅灰为二级导航栏。页面下方采用黑色背景，突出文字内容。子网站直接采用图片形式，简洁明了。但是页面整体看上去过于散乱，文字较多。

图3.1 图3.2
目前，很多企业建设了属于自己的网站，当然也有些企业认为网络太过虚幻，因此放弃了建设网站，这在起点上就输给了那些抢占先机的企业。那么企业网站的价值体现在哪里呢？首先，树立良好的企业形象,打造独属于企业的品牌。随着电子商务的快速崛起，企业网站已经成为衡量企业紧随时代潮流的标准。然后，企业可以通过符合自身形象。具有鲜明特色的网站来宣传产品、服务，并通过用户的反馈信息及时做出调整。最后，能够帮助企业加强与客户沟通，发掘潜在客户，拓展商业渠道。
四、结束语
我们通过布局，使网页达到良好的视觉效果，给浏览者赏心悦目的感觉，增强网站的吸引力。而色彩对视觉的刺激起到第一信息传达的作用，在网页设计中合理地运用色彩可以直接影响整个网页的风格。所以设计师在设计网站时要充分了解客户的需求，了解企业的特点与受众群体，将这些元素融入到网站设计中。本文分析和研究了企业网站的布局与用色技巧两方面，在网页布局与网页色彩的理论基础上，从心理学和设计学上分析了它们对企业网站的影响，并结合实际案例对比国内外企业网站在布局与用色技巧上的区别，探讨了企业网站的价值体现，让我们感受到页面布局与色彩搭配对于企业网站的重要性。
综上所述，在设计企业网站时，在页面布局与用色技巧上要根据一定的理论知识结合敏锐的观察力，做出符合企业标准并具有鲜明特色的网站。
参考资料
[1]胡崧，于慧.《新锐网页版式与风格设计案例指南》[M]. 北京:中国青年出版社.2007.4.
[2]李东生.《 Dreamweaver网页设计与配色技术精辟》[M]. 北京:清华大学出版社.2007.6.
[3]张利平.《当前国内外网页设计现状分析及策略》[J].《文艺生活•下旬刊》 ,2015年,第11期:148-148
[4]何芳.《我国网页的发展设计现状及未来趋势初探》[J]. 《软件：教育现代化（电子版）》，2012年，第7期.
[5]邓洁茹.《信息化时代的新媒介设计—浅析我国中小型企业的网站设计》[J].《魅力中国》，2010年，第14期.
[6]雷宇.《网页布局结构与色彩搭配解析》[J].《中国民族大学》，2012年.
[7]张春明.《企业网站发展现状研究》[J].《当代经济（下半月）》，2008年，第09期.
第7页 共7页