《企业网页设计的布局与用色技巧.docx》由会员分享，可在线阅读，更多相关《企业网页设计的布局与用色技巧.docx（5页珍藏版）》请在课桌文档上搜索。
1、企业网页设计的布局与用色技巧日商要企业网站通过互联网上进行网上销售和形象宣传，等同于企业的网络名片，不但可以向用户传递信息还可以宣传企业形象。网站想要吸引浏览者的目光、增加网站的浏览使用率的关键在于：网页的布局与用色技巧。色彩与布局的合理运用，可以让用户在浏览信息的同时获得强烈的视觉冲击力和艺术感染力，让网页能够更广泛的传播出去。关键词企业网站布局与用电随着互联网的出现，拉近了全世界人们的距离，这样的距离改变的不仅仅是我们的生活，也改变了各行各业。网站伴随着互联网的快速发展应运而生，而一个网站是由很多网页构建而成。就好比网站是一栋楼，而网页是每一栋楼里的房间，主页就是家中的庭院。所以想要做好网
2、站就需要网页的配合，而色彩和布局是构成网页的两大重要组成部分。合理的布局与用色，不仅能够吸引用户的目光，还可以更好向用户展示企业文化，增加企业知名度。一、企业网站的发展在互联网还没有出现时，人们只能通过报纸、广播等传统媒介获取信息，由于传统媒介的局限性，人们无法全面的了解信息；互联网出现后，人们通过新闻网站来了解时事，便捷、快速的方式大大方便了人们的生活；随着互联网的快速发展，图像、声音、动画、视频，甚至3D技术可以在互联网上得到呈现，各行各业开始把自己的信息发布在网络上，有些企业看到了其中的商机，建立了属于自己的网站。企业通过网站呈现产品、服务、理念、文化，或向大众提供某种功能服务，人们可以
3、快速的了解企业的现状，增加对企业的信任感。在我国，网页设计被当作一种新兴的传播媒介得到越来越多人的重视，投身于这个行业的年轻设计师也越来越多。虽然我国的网页设计处于发展的状态，但同时也存在着模仿抄袭、原创力不足等问题。大多中小型企业把网站的建设工作全权交给设计公司，而很多网站设计师在进行网页设计时，很少会主动去了解客户的需求，做好市场调研工作，直接就进行设计，更有些设计师会直接套用网页模板，这样做出来的网站往往都惨不忍睹。而随着电脑技术的发展，网页设计不再是单一的文字和图片形式，越来越多的元素和特效运被用到网页中，这些技术手段的使用让静态页面变得丰富多彩，能够更好的向用户传递信息。但是如果只是
4、炫技而忽视网页的内容，往往会起到适得其反的结果。一方面，网页的加载速度变慢，大多数浏览者没有那么好的耐心，可能页面还没有显示出来，浏览者就把它关闭了；另一方面，过多的特效会给人一种眼花缭乱的感觉，突显不出网站的主题。网站是企业对外的宣传的窗口，我们在考虑美观的同时也要注重浏览者的感受。在色彩上，要选择让人舒适的颜色，因为过亮的色调会使长时间盯着电脑的人感到不舒服，这样我们就不能完全的把信息传达给用户。现在用户对网站的要求不断的趋于人性化、简约化,在布局上也要趋向于思路清晰、逻辑合理,尽量让浏览者可以方便快速找到所需的信息。大大小小的企业都有自己的网站，那么想要在众多网站中脱颖而出就要突出个性化
5、，体现企业鲜明的特点，创建一个独属于自己的网站。而且个性化对企业网站以后的售后服务、案例解析、用户交流都是长远的发展的利器。二、网页设计的布局及用色技巧对网站的影响网站的基础在于布局，它不仅能够迅速协助用户获取所需的信息，还影响到网站的美观。创意十足且新颖的布局能够显著吸引用户的目光，但也不要让创意影响到了用户体验。比如图2.1这个网站就很好的引导着用户，当你不断下划时，会出现相应的文字提醒你接下来可以到哪里，指引用户通过点击等操作按钮浏览网站，了解信息，这样不仅给用户提供了很大的方便，还不会给用户造成压迫感。按照一定的布局去展示网站的主次内容优先级，比如图2.2这个网站，就将主要的内容放在了
6、顶部，用三个卡片的形式展示，其他的普通内容放在下方通过列表的形式展示，底部则做成标签分类的链接。Z模式的浏览模式用与主要是图片的页面内容。不论是否因为这里有个菜单栏，还是就仅仅因为从左到右自上而下的阅读习惯，人第一眼先看到的是页头水平方向上的内容。当视线抵达底部时，又遵循着从左到右的习惯模式，重复在水平扫视页尾的最底部的内容。例如图2.3开始这个页面就有一个注册按钮，通过水平位置的浏览，用户已经获悉了这一信息，下拉会出现产品的卖点，这些卖点的展示就是遵循重复着Z模式的最佳例子，直到最下方的支付选项就抵达了Z模式的尾部那个水平线。这三种方法各有千秋，我们要根据具体的网页内容来进行设计。图2.1W
7、图2. 3图2. 2在色彩设计应用中，我们对颜色不同程度的理解，影响到设计页面的表现，熟练地运用色彩搭配，设计时才不会事半功倍。色彩与品牌有着千丝万缕的联系。不同于语言和文字，色彩为品牌提供了一种非口头传达的意义和信息。而色彩给人的感觉和所蕴含的含义主要来源于所处的文化和环境。在深入了解一个网站之前，用户通常先注意到色彩，色彩所传达出来的情绪会下意识地感染用户，所以我们可以利用这种原理来设计网站、优化品牌。例如图2.4,绿色常常让人想到自然、环境和治愈等含义，而WhoIeFoOdS作为一个全天然有机食品品牌。将有机食品和品牌与绿色完美的融合在一起，在网站中使用了大量的绿色的元素和形象，唤起用户
8、对于自然的认同感，配合黑色和白色这种中性色来完成整个网站的设计，三种色彩在网站设计中达到了平衡点。其次你的网站想要具备什么样的个性，想传达什么样的感情。例如图2.5,FaCeboOk作为社交网站，非常需要得到用户的信任，让用户能怡然自若地在上面分享生活，而蓝色给人一种安全、可信的感觉，所以FaCebOok选择了蓝色用来传递出“信任”的感受。图2. 4图2.5三、国内外企业网站在网页布局与用色技巧上的区别与价值体现由于国内外的文化、教育、经济等不同，导致国内外的设计师在网页布局与用色技巧上存在着很多差异。我们浏览欧美的企业网站会发现它们的页面非常简洁、清晰，侧重于提高易用性，实现清晰准确的沟通。
9、而网站的色调搭配通常使用一种颜色为主色，另一种颜色为配色，或者直接就一种颜色。而越有名气的公司，使用的颜色就越简单。而中国的企业网站给人的感觉就是多、长，千篇一律以及各种广告的堆积。在用色上则具有中国的民族风，所以一般都会采用三种或三种以上的色调。例如图3.1苹果公司的网站在页面中间放上轮播广告图片，很好的宣传了产品。页面上方是导航栏，采用黑底白字的方式，对比鲜明，辨识度高。页面下方是四个产品按钮，链接了苹果网站下的四个子网站，帮助用户更快的选择自己感兴趣的页面。在色彩上采用了白色作为整体页面背景，黑色的导航栏在白色的背景上醒目突出，起到很好的导航效果。页面下方的子网站，采用浅灰底，很好的衬托
10、出了产品。黑底白字、白底黑子、白底灰字，不仅相互统一，还巧妙的运用了苹果包装设计上的元素。而图3.2华为公司的官网，整体的框架采用矩形，看上去方方正正，体现出企业网站严肃、专业的一面。以白色为背景，深灰色为一级导航栏，浅灰为二级导航栏。页面下方采用黑色背景，突出文字内容。子网站直接采用图片形式，简洁明了。但是页面整体看上去过于散乱，文字较多。目前，很多企业建设了属于自己的网站，当然也有些企业认为网络太过虚幻，因此放弃了建设网站，这在起点上就输给了那些抢占先机的企业。那么企业网站的价值体现在哪里呢？首先，树立良好的企业形象,打造独属于企业的品牌。随着电子商务的快速崛起，企业网站已经成为衡量企业紧
11、随时代潮流的标准。然后，企业可以通过符合自身形象。具有鲜明特色的网站来宣传产品、服务，并通过用户的反馈信息及时做出调整。最后，能够帮助企业加强与客户沟通，发掘潜在客户，拓展商业渠道。四、结束语我们通过布局，使网页达到良好的视觉效果，给浏览者赏心悦目的感觉，增强网站的吸引力。而色彩对视觉的刺激起到第一信息传达的作用，在网页设计中合理地运用色彩可以直接影响整个网页的风格。所以设计师在设计网站时要充分了解客户的需求，了解企业的特点与受众群体，将这些元素融入到网站设计中。本文分析和研究了企业网站的布局与用色技巧两方面，在网页布局与网页色彩的理论基础上，从心理学和设计学上分析了它们对企业网站的影响，并结
12、合实际案例对比国内外企业网站在布局与用色技巧上的区别，探讨了企业网站的价值体现，让我们感受到页面布局与色彩搭配对于企业网站的重要性。综上所述，在设计企业网站时，在页面布局与用色技巧上要根据一定的理论知识结合敏锐的观察力，做出符合企业标准并具有鲜明特色的网站。参考资料口胡松，于,慧.新锐网页版式与风格设计案例指南M.北京:中国青年出版社.2007.4.2李东生.Dreamweaver网页设计与配色技术精辟M.北京:清华大学出版社.2007.6.3张利平.当前国内外网页设计现状分析及策略J.文艺生活下旬刊，2015年,第11期：1487484何芳.我国网页的发展设计现状及未来趋势初探J.软件：教育现代化（电子版），2012年，第7期.5邓洁茹.信息化时代的新媒介设计一浅析我国中小型企业的网站设计J.魅力中国，2010年，第M期.6雷宇.网页布局结构与色彩搭配解析J.中国民族大学，2012年.7张春明.企业网站发展现状研究J.当代经济（下半月），2008年，第09期.
