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

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

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

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

[摘要企业网站通过互联网上进行网上销售和形象宣传等同于企业的网络名片不但可以向用户传递信息还可以宣传企业形象。网站想要吸引浏览者的目光、增加网站的浏览使用率的关键在于网页的布局与用色技巧。色彩与布局的合理运用可以让用户在浏览信息的同时获得强烈的视觉冲击力和艺术感染力让网页能够更广泛的传播出去.

关键词企业网站 布局与用色

随着互联网的出现,拉近了全世界人们的距离,这样的距离改变的不仅仅是我们的生活也改变了各行各业.网站伴随着互联网的快速发展应运而生而一个网站是由很多网页构建而成。就好比网站是一栋楼,而网页是每一栋楼里的房间主页就是家中的庭院。所以想要做好网站就需要网页的配合,而色彩和布局是构成网页的两大重要组成部分.合理的布局与用色不仅能够吸引用户的目光还可以更好向用户展示企业文化增加企业知名度.

一、企业网站的发展

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

在互联网还没有出现时人们只能通过报纸、广播等传统媒介获取信息由于传统媒介的局限性人们无法全面的了解信息;互联网出现后人们通过新闻网站来了解时事便捷、快速的方式大大方便了人们的生活随着互联网的快速发展图像、声音、动画、视频,甚至3D技术可以在互联网上得到呈现各行各业开始把自己的信息发布在网络上,有些企业看到了其中的商机建立了属于自己的网站。企业通过网站呈现产品、服务、理念、文化或向大众提供某种功能服务,人们可以快速的了解企业的现状增加对企业的信任感。

在我国网页设计被当作一种新兴的传播媒介得到越来越多人的重视投身于这个行业的年轻设计师也越来越多.虽然我国的网页设计处于发展的状态但同时也存在着模仿抄袭、原创力不足等问题。大多中小型企业把网站的建设工作全权交给设计公司而很多网站设计师在进行网页设计时很少会主动去了解客户的需求做好市场调研工作直接就进行设计更有些设计师会直接套用网页模板,这样做出来的网站往往都惨不忍睹.而随着电脑技术的发展,网页设计不再是单一的文字和图片形式越来越多的元素和特效运被用到网页中,这些技术手段的使用让静态页面变得丰富多彩,能够更好的向用户传递信息.但是如果只是炫技而忽视网页的内容往往会起到适得其反的结果。一方面,网页的加载速度变慢大多数浏览者没有那么好的耐心可能页面还没有显示出来,浏览者就把它关闭了另一方面,过多的特效会给人一种眼花缭乱的感觉突显不出网站的主题。

网站是企业对外的宣传的窗口,我们在考虑美观的同时也要注重浏览

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

者的感受。在色彩上要选择让人舒适的颜色因为过亮的色调会使长时间盯着电脑的人感到不舒服,这样我们就不能完全的把信息传达给用户。现在用户对网站的要求不断的趋于人性化、简约化在布局上也要趋向于思路清晰、逻辑合理,尽量让浏览者可以方便快速找到所需的信息。大大小小的企业都有自己的网站那么想要在众多网站中脱颖而出就要突出个性化,体现企业鲜明的特点,创建一个独属于自己的网站。而且个性化对企业网站以后的售后服务、案例解析、用户交流都是长远的发展的利器。

二、 网页设计的布局及用色技巧对网站的影响

网站的基础在于布局它不仅能够迅速协助用户获取所需的信息还影响到网站的美观。创意十足且新颖的布局能够显著吸引用户的目光但也不要让创意影响到了用户体验。比如图。 1这个网站就很好的引导着用户,当你不断下划时会出现相应的文字提醒你接下来可以到哪里,指引用户通过点击等操作按钮浏览网站 了解信息这样不仅给用户提供了很大的方便,还不会给用户造成压迫感.按照一定的布局去展示网站的主次内容优先级比如图2.2这个网站,就将主要的内容放在了顶部用三个卡片的形式展示其他的普通内容放在下方通过列表的形式展示底部则做成标签分类的链接。 Z模式的浏览模式用与主要是图片的页面内容。不论是否因为这里有个菜单栏还是就仅仅因为从左到右自上而下的阅读习惯人第一眼先看到的是页头水平方向上的内容。 当视线抵达底部时又遵循着从左到右的习惯模式重复在水平扫视页尾的最底部的内容。例如图.开始这个页面就有一个注册按钮,通过水平位置的浏

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

览,用户已经获悉了这一信息下拉会出现产品的卖点这些卖点的展示就是遵循重复着Z模式的最佳例子直到最下方的支付选项就抵达了Z模式的尾部那个水平线.这三种方法各有千秋,我们要根据具体的网页内容来进行设计。

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

图  1图2。 2

图。 3

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

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

图2 4

图2.5

三、 国内外企业网站在网页布局与用色技巧上的区别与价值体现

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

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

看上去方方正正体现出企业网站严肃、专业的一面.以白色为背景,深灰色为一级导航栏浅灰为二级导航栏。页面下方采用黑色背景,突出文字内容。子网站直接采用图片形式,简洁明了。但是页面整体看上去过于散乱文字较多。

图3 

图 2

目前很多企业建设了属于自己的网站当然也有些企业认为网络太

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

过虚幻,因此放弃了建设网站,这在起点上就输给了那些抢占先机的企业。那么企业网站的价值体现在哪里呢首先树立良好的企业形象,打造独属于企业的品牌。随着电子商务的快速崛起,企业网站已经成为衡量企业紧随时代潮流的标准。然后企业可以通过符合自身形象。具有鲜明特色的网站来宣传产品、服务并通过用户的反馈信息及时做出调整。最后,能够帮助企业加强与客户沟通,发掘潜在客户,拓展商业渠道.

四、结束语

我们通过布局,使网页达到良好的视觉效果给浏览者赏心悦目的感觉,增强网站的吸引力。而色彩对视觉的刺激起到第一信息传达的作用,在网页设计中合理地运用色彩可以直接影响整个网页的风格。所以设计师在设计网站时要充分了解客户的需求了解企业的特点与受众群体,将这些元素融入到网站设计中。本文分析和研究了企业网站的布局与用色技巧两方面,在网页布局与网页色彩的理论基础上从心理学和设计学上分析了它们对企业网站的影响并结合实际案例对比国内外企业网站在布局与用色技巧上的区别探讨了企业网站的价值体现让我们感受到页面布局与色彩搭配对于企业网站的重要性。

综上所述,在设计企业网站时在页面布局与用色技巧上要根据一定的理论知识结合敏锐的观察力做出符合企业标准并具有鲜明特色的网站。

参考资料

[1]胡崧,于慧 《新锐网页版式与风格设计案例指南》 M . 北京中国