王瑾 蒋莉
摘 要:随着网络不断发展,企业网站成为企业经营中不可或缺的一环,为了提高网站吸引力,设计师需要准确把握设计风格,合理进行排版设计,打造优秀的配色方案。本文主要从三个方面分析了如何从设计层面提高企业网站对用户的吸引力,留住用户,实现企业网站的建站目的。
关键词:企业网站;风格;排版;配色
0 前言
企业网站是企业直接面向用户的窗口,借助企业网站可以推广企业形象、宣传企业产品,为企业提供展示平台、开辟互联网市场、开拓销售渠道、节约运营成本,同时也为用户提供了解企业的途径,为商务交易提供便捷方式。企业网站为了达到建设网站的目的,提高用户对网站的认可程度,对网站的吸引力提出了较高的要求。设计师如何能在设计层面上抓住用户眼球,突显企业文化,提升网站吸引力,值得进一步探讨。
1 准确的设计风格
1.1 品牌风格
一个强大的品牌能够使企业从竞争者中脱颖而出,网页设计的目标是将网页和用户连结,有效传达品牌和信息,为用户建立对品牌的信任感,帮助推广品牌。网站的整体风格,从配色、logo、图标、导航、背景、版式……设计师创建的每一个元素都需要和品牌紧密挂钩,形成浑然一体的品牌风格,让用户在进入网站之后就能感知企业文化。
1.2 设计风格
如今,关于扁平化与拟物化孰优孰劣的讨论此起彼伏。拟物化设计强调设计要反映物理世界的真实细节与质感,但大多数拟物化界面并没有实现功能化,花费大量的时间在视觉效果上,反而降低了效率。扁平化设计摒弃高光、阴影等造成透视感的效果,通过抽象、简化、符号化的设计元素来表现,非常适合目前人们更希望专注于信息和任务本身的需求,但是因为去掉了装饰,使得个性化的空间很小,造成令人深刻的界面不多,设计师很容易实现它,但是要做出真正出色的东西却更难。
设计的好坏不是“美学”可以决定的,风格不存在好坏,对设计风格的选取要取决于需求的实际情况,拟物化不会就此消失,一方面总是有人喜欢,另一方面部分界面需要趣味和亲和力,有必要用到拟物化,同时极简的设计,也会被人看腻而适当加入一些装饰元素。
2 合理的排版设计
2.1 网页尺寸
随着科技发展,显示器屏幕尺寸越做越大,大屏幕在逐渐普及,以往1000px宽度的网站已经不能满足于大屏幕的展示。因此在设计中需要考虑不同屏幕尺寸下,界面元素的展示方式。最基本的要求是要考虑好最大及最小的场景:1920×1080和1024×768,通过科学合理地布局以满足大部分用户浏览网站的舒适度。
2.2 常用结构
大批网站有一套通行的排版布局模式,页头、页脚、侧边栏和内容区域,企业网站一般常用的布局包括国字型、拐角型、左右框架型、上下框架型等。
国字型最上面是标题导航,下面是主要内容,呈现左中右结构,中间较宽是主要部分,左右较窄分列两小条内容,最下面是网站基本信息、联系方式、版权声明等。拐角型与国字型很相近,上面是标题导,下面左侧是一窄列链接,右侧是较宽的正文,下面也是网站的辅助信息。左右框架型是一种左右为分别两页的框架结构,一般左侧是导航链接,有时最上面会有一个小的标题或logo,右侧是主要内容。上下框架型与左右框架类似,区别仅在于上下分为两页。
2.3 排版趋势
互联网的变化翻天覆地,虽然不少传统企业的网站设计更倾向于传统风格,但是也开始有企业关注网站转型,比较注重视觉效果和公司形象展现,网站布局不再拘泥于固定格式,不再严格遵循某种准则或既定体系,不少有创意的网站布局让排版方式进入了一个新的时代。
3 优秀的配色方案
3.1 配色内容
颜色的使用在企业网站设计中占据着非常重要的位置,创建一套具有凝聚力又能抓人眼球的色板是创建一个成功网站的先决条件。好的配色不论是用来集中用户的注意力还是表达感情或者是传递信息都是非常有力的工具。网页设计的配色包括四块内容:主体色,是占据网页面积最大的一块颜色,面积占整个网页的40% ~ 70%;辅助色,一般是主体色在色轮90度以内的近似色,起到变化的作用,面积占20% ~ 30%;点睛色,一般取主色和辅色色轮120 ~ 180度的对比色或者补色,起到点睛作用,面积在10%以内;背景色,是网页上什么也没有的情况下显示的颜色。
3.2 配色方法
(1)应用品牌色。网站的配色是影响网站视觉效果的重要元素,色彩是最容易吸引用户的,成功的企业往往都会巧妙地运用品牌色,利用色彩刺激用户的视觉,增强对品牌的记忆力。如果拥有现成的品牌,构建网站的时候,可以根据企业提供的CI和VI资料使用现成的品牌风格指南,根据需求适当地拓展出不同深浅、色度的衍生色,将品牌色作为界面的主体配色来使用,这样更符合企业品牌的需要。
(2)创建配色方案。如果需要从无到有构建一个全新的配色,最简单安全的方法是使用单色配色,很多网页的主体通常使用白色或浅灰色的背景搭配深灰色或者黑色的文字,首先这种对比度能够确保可读性,其次黑白灰中性色可以和任何配色方案搭配,在简单大方的基调上选择一个比较柔和的颜色,扩展它的色相、饱和度和亮度,就可以创建出一个单色配色方案。也可以再增加一个新的高亮颜色,例如在蓝色中加入橙色或者绿色,通过两种色彩的选择,一主一次,支撑起网站视觉。在必要的时候,可以基于这两种色彩拓展出更多的同色系色彩,令网站色彩更加丰富。
(3)运用其他色彩选取方法。除了根据色彩原理自行创建配色之外,还可以借助一些色彩选取方法,得到好用且高效的配色方案。这些配色的灵感可以源自于其他作品,也可以得自于天然,可以使用在线的色轮工具,也可以向其他设计领域进行借鉴,只要是一套靠谱的方案就会有助于设计。
4 结语
本文概述了如何利用风格、排版、配色提升企业网站的吸引力,正确的设计风格可以为整个网站确定基调,排版是设计的灵魂,是视觉识别能力的核心,色彩的成功使用可以令网站赏心悦目,协助组织信息、平衡结构、突出元素,吸引用户的注意力。为了使网页具有更吸引人的视觉效果,除了文中讨论的三点之外还有字型、字体、对齐、间距、按钮、图片等问题都值得深入研究,同时由于网页设计流行趋势的不断更新,设计师需要时刻保持对设计趋势的关注,以期更好地完成设计任务。
参考文献:
[1] 郭海礁.企业网站内容设计与艺术效果[J].信息与电脑,2015(12).
[2] 贺冬梅.浅谈网站设计的风格色彩与美化[J].现代服务,2008(6).
[3] 朱月娇.浅析企业网站设计中网页版式设计[J].科技向导,2015(2).
作者简介:王瑾(1981—),女,江苏泰州人,硕士,讲师,从事Web前端设计、动画制作、计算机技术研究。
蒋莉(1996—),女,江苏泰州人,电脑艺术设计专业学生。