企业网站是企业直接面向用户的窗口,借助企业网站可以推广企业形象、宣传企业产品,为企业提供展示平台、开辟互联网市场、开拓销售渠道、节约运营成本,同时也为用户提供了解企业的途径,为商务交易提供便捷方式。企业网站为了达到建设网站的目的,提高用户对网站的认可程度,对网站的吸引力提出了较高的要求。设计师如何能在设计层面上抓住用户眼球,突显企业文化,提升网站吸引力,值得进一步探讨。
1 准确的设计风格
品牌风格
一个强大的品牌能够使企业从竞争者中脱颖而出,网页设计的目标是将网页和用户连结,有效传达品牌和信息,为用户建立对品牌的信任感,帮助推广品牌。网站的整体风格,从配色、logo、图标、导航、背景、版式……设计师创建的每一个元素都需要和品牌紧密挂钩,形成浑然一体的品牌风格,让用户在进入网站之后就能感知企业文化。
设计风格
如今,关于扁平化与拟物化孰优孰劣的讨论此起彼伏。拟物化设计强调设计要反映物理世界的真实细节与质感,但大多数拟物化界面并没有实现功能化,花费大量的时间在视觉效果上,反而降低了效率。扁平化设计摒弃高光、阴影等造成透视感的效果,通过抽象、简化、符号化的设计元素来表现,非常适合目前人们更希望专注于信息和任务本身的需求,但是因为去掉了装饰,使得个性化的空间很小,造成令人深刻的界面不多,设计师很容易实现它,但是要做出真正出色的东西却更难。
设计的好坏不是“美学”可以决定的,风格不存在好坏,对设计风格的选取要取决于需求的实际情况,拟物化不会就此消失,一方面总是有人喜欢,另一方面部分界面需要趣味和亲和力,有必要用到拟物化,同时极简的设计,也会被人看腻而适当加入一些装饰元素。
2 合理的排版设计
网页尺寸
随着科技发展,显示器屏幕尺寸越做越大,大屏幕在逐渐普及,以往1000px宽度的网站已经不能满足于大屏幕的展示。因此在设计中需要考虑不同屏幕尺寸下,界面元素的展示方式。最基本的要求是要考虑好最大及最小的场景:1920×1080和1024×768,通过科学合理地布局以满足大部分用户浏览网站的舒适度。
常用结构
大批网站有一套通行的排版布局模式,页头、页脚、侧边栏和内容区域,企业网站一般常用的布局包括国字型、拐角型、左右框架型、上下框架型等。
国字型最上面是标题导航,下面是主要内容,呈现左中右结构,中间较宽是主要部分,左右较窄分列两小条内容,最下面是网站基本信息、联系方式、版权声明等。拐角型与国字型很相近,上面是标题导,下面左侧是一窄列链接,右侧是较宽的正文,下面也是网站的辅助信息。左右框架型是一种左右为分别两页的框架结构,一般左侧是导航链接,有时最上面会有一个小的标题或logo,右侧是主要内容。上下框架型与左右框架类似,区别仅在于上下分为两页。
排版趋势
互联网的变化翻天覆地,虽然不少传统企业的网站设计更倾向于传统风格,但是也开始有企业关注网站转型,比较注重视觉效果和公司形象展现,网站布局不再拘泥于固定格式,不再严格遵循某种准则或既定体系,不少有创意的网站布局让排版方式进入了一个新的时代。
3 优秀的配色方案
配色内容
颜色的使用在企业网站设计中占据着非常重要的位置,创建一套具有凝聚力又能抓人眼球的色板是创建一个成功网站的先决条件。好的配色不论是用来集中用户的注意力还是表达感情或者是传递信息都是非常有力的工具。网页设计的配色包括四块内容:主体色,是占据网页面积最大的一块颜色,面积占整个网页的40% ~ 70%;辅助色,一般是主体色在色轮90度以内的近似色,起到变化的作用,面积占20% ~ 30%;点睛色,一般取主色和辅色色轮120 ~ 180度的对比色或者补色,起到点睛作用,面积在10%以内;背景色,是网页上什么也没有的情况下显示的颜色。
配色方法
(1)应用品牌色。网站的配色是影响网站视觉效果的重要元素,色彩是最容易吸引用户的,成功的企业往往都会巧妙地运用品牌色,利用色彩刺激用户的视觉,增强对品牌的记忆力。如果拥有现成的品牌,构建网站的时候,可以根据企业提供的CI和VI资料使用现成的品牌风格指南,根据需求适当地拓展出不同深浅、色度的衍生色,将品牌色作为界面的主体配色来使用,这样更符合企业品牌的需要。
(2)创建配色方案。如果需要从无到有构建一个全新的配色,最简单安全的方法是使用单色配色,很多网页的主体通常使用白色或浅灰色的背景搭配深灰色或者黑色的文字,首先这种对比度能够确保可读性,其次黑白灰中性色可以和任何配色方案搭配,在简单大方的基调上选择一个比较柔和的颜色,扩展它的色相、饱和度和亮度,就可以创建出一个单色配色方案。也可以再增加一个新的高亮颜色,例如在蓝色中加入橙色或者绿色,通过两种色彩的选择,一主一次,支撑起网站视觉。在必要的时候,可以基于这两种色彩拓展出更多的同色系色彩,令网站色彩更加丰富。
(3)运用其他色彩选取方法。除了根据色彩原理自行创建配色之外,还可以借助一些色彩选取方法,得到好用且高效的配色方案。这些配色的灵感可以源自于其他作品,也可以得自于天然,可以使用在线的色轮工具,也可以向其他设计领域进行借鉴,只要是一套靠谱的方案就会有助于设计。
word2010怎么查看段落字数(word如何查看段落字数)
word2010怎么查看段落字数呢?很多用户在使用word时不清楚这个操作,小编这里就给大家带来有关word2010怎么查看段落字数的回答,希望能够帮助大家了解(0)人阅读时间:2023-03-09word2013怎么插入ppt(word里怎么插ppt)
word2013怎么插入ppt呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么插入ppt的回答,希望能够帮助大家解决这一个问题。(0)人阅读时间:2023-03-09word2013怎么打开宏(word2013如何启用宏)
word2013怎么打开宏呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么打开宏的回答,希望能够对大家有所帮助。(0)人阅读时间:2023-03-09word2010怎么删除菜单中MathTye加载项 word删除mathtype加载项
word2010怎么删除菜单中MathTye加载项呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2010怎么删除菜单中MathTye加载项的回答(0)人阅读时间:2023-03-09word2010怎么查看段落字数(word如何查看段落字数)
word2010怎么查看段落字数呢?很多用户在使用word时不清楚这个操作,小编这里就给大家带来有关word2010怎么查看段落字数的回答,希望能够帮助大家了解..2023-03-09word2013怎么插入ppt(word里怎么插ppt)
word2013怎么插入ppt呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么插入ppt的回答,希望能够帮助大家解决这一个问题。..2023-03-09word2013怎么打开宏(word2013如何启用宏)
word2013怎么打开宏呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么打开宏的回答,希望能够对大家有所帮助。..2023-03-09word2010怎么删除菜单中MathTye加载项 word删除mathtype加载项
word2010怎么删除菜单中MathTye加载项呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2010怎么删除菜单中MathTye加载项的回答..2023-03-09word2010怎么查看段落字数(word如何查看段落字数)
excel表格筛选怎么用 excel表格筛选怎么用不了
excel表格如何把滚动选项关闭(excel表格如何把滚动选项关闭)
EXCEL怎么取单元格里面的的值的中间某些字符
在Excel中如何将一组数据绘制成图标? 如何将一组数据用excel做成图表
excel2016如何使用IF函数(excel2016 if函数怎么用)
Excel表格怎么自动排序?(excel表格怎么自动排序数字)
Excel表格数据比对和查找的技巧(excel表格数据比对和查找的技巧是)
Excel如何自动填充数字(excel如何自动填充数字排序)
Excel 如何制作任选项目的查询系统