理论教育 网页形象设计与包装优化

网页形象设计与包装优化

时间:2023-06-08 理论教育 版权反馈
【摘要】:一个好的企业网站,和实体公司一样,也需要整体的形象包装和设计。这里举例笔者给乐源宠物平台设计的网页Logo如图2-6所示,来看一下应该怎么去创意和设计网页标志。图2-7 网页的整体配色效果2.网站设计的标准色彩不可否认网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。“标准色彩”就是指能体现网站形象和延伸内涵的色彩。

网页形象设计与包装优化

所谓VI(Visual Identity,视觉识别),通俗地讲就是通过视觉来统一网站的形象。一个好的企业网站,和实体公司一样,也需要整体的形象包装和设计。准确的、有创意的VI设计,对网站的宣传推广有事半功倍的效果。在网站主题和名称确定后,需要思考的就是网站的VI形象了。其实,现实生活中的VI策划比比皆是,例如肯德基公司,其全球统一的标志、色彩和产品包装,给人的印象极为深刻。下面介绍一下网站VI形象的一些主要内容。

1.网站Logo的设计

网站Logo就是网站的标志。网站Logo是站点特色和内涵的集中体现,使浏览者看见Logo就联想起站点。目前国内、国际的网站已经相当多了,要想与众不同,跟别的网站进行Logo链接交换是很有必要的。简单地说就是在别人的网站上放一个用户的Logo,用来链接到自己的网站。当然若Logo很能引人注目的话,网站的浏览量不就增加了吗?

Logo标志的设计创意来自用户的网站的名称和内容。可以是中文、英文字母,可以是符号、图案,可以是动物或者人物等。比如,百度公司就是以Baidu加一小脚丫及中文百度作为象征性标志,很是吸引人。

营销指导:

如果用户本身拥有不错的企业Logo也是可以用作网站Logo的,这样能让用户的网站VI和企业的VI保持一致。

网络Logo不单要考虑在电脑高分辨率屏幕上的显示效果,更应该考虑到网站整体发展到一定高度时相应推广活动所要达到的效果,使其在应用于各种媒体时,也能充分发挥Logo的视觉效果。还有应考虑到网络Logo在传真、报纸、杂志等传媒介质上的单色效果、反白效果、在织物上的纺织效果、在车体上的油漆效果、制作徽章时的金属效果、墙面立体的造型效果等。

这里举例笔者给乐源宠物平台设计的网页Logo如图2-6所示,来看一下应该怎么去创意和设计网页标志。

978-7-111-45801-2-Chapter02-11.jpg

图2-6 乐源宠物Logo

形状创意:由乐源宠物中文和拼音共同组成一只宠物狗的躯干,“乐”字在形心,“源”与形相连接成一体。寓意乐源是宠物行业的奠基石,服务用于心,渊“源”于乐源品牌。此Logo是抽象时尚型的方案,也是现在比较流行的设计方案。

色彩搭配:主色:C=0 M=100 Y=100 K=0用血红色作为整个Logo的主色调,意味由乐源给宠物行业提供鲜活的血液,让宠物的生命更加的精彩。同时,红色是暖色,能代表宠物狗活跃的特点,乐源宠物馆的事业也应该是充满快乐和动感积极向上的。

此方案与现有的网站设计风格正好能融合一体,效果如图2-7所示。

978-7-111-45801-2-Chapter02-12.jpg

图2-7 网页的整体配色效果

2.网站设计的标准色彩

不可否认网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配将产生不同的视觉效果,当然可能会影响到浏览者的情绪。网站的选择和确定,是根据网站所选择的题材和用户自己的个人性格特点决定的。

“标准色彩”就是指能体现网站形象和延伸内涵的色彩。例如,麦当劳的红色条块,163邮箱首页的天蓝色如图2-8所示等,都给人很贴切、很和谐的视觉效果。

978-7-111-45801-2-Chapter02-13.jpg

图2-8 163邮箱的天蓝色网页配色效果

一个网站的标准色彩通常不超过3种,太多则让人眼花缭乱。标准色彩要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。当然其他色彩也可以使用,但只是作为点缀和衬托,绝不能喧宾夺主。通常适合于网站标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列。

营销建议:(www.daowen.com)

(1)建设网站之前,一定要了解网站所要传达的信息和品牌。选择可以加强这些信息的颜色。例如,在设计一个强调稳健的金融机构,首要选择冷色系但柔和的颜色,像蓝色、灰色或者绿色。在这样的状况下,如果使用暖色系或活泼的色系,可能会破坏了该网站品牌。

(2)还要了解此网站的读者群。文化差异可能会使色彩产生非预期的反应。同时还要知道,不同地区与不同年龄层对颜色的反应亦会有所不同。目前,年轻族群一般比较喜欢饱和色。

(3)网站的设计不要使用过多的颜色。主色系及修饰色共选择4~5个颜色就够了。太多的颜色会导致混淆,同样也会分散读者的注意力。

(4)在阅读的部分使用对比色。因为颜色太接近无法产生足够的对比效果,也会妨碍观众阅读。通常白底黑字的阅读效果最好。

(5)通常在设计网站时采用灰色阶来测试对比。当用户在处理黑色、白色和灰色以外的颜色的时候,有时候会很难决定每个颜色的相对值。为了要确认色盘能提供足够的对比,可以建立一个仿真网站,并将它转换成灰色阶即可。

(6)设计网站时选择颜色也要注意时效性。同一个色彩很容易充斥着整个市场,且消费者很快就对流行色彩感到麻木。但就另外一个角度来看,用户可以使用几十年前的流行色彩,引起人们的怀旧之情。

(7)在用软件设计网页的时候,选择颜色时请考虑功能性的颜色。别忘了在关键信息部分使用功能性的颜色,如标题和超级链接等。

(8)还要注意网站色差问题。每一个网站开发人员都知道,即使是网络通用颜色在跨平台显示的时候都会有些不同,会在不同的作业平台上测试用户的色盘。

在色彩的运用过程中,还应注意的一个问题是:由于国家、种族、宗教和信仰的不同,以及地理位置、文化修养的差异等,不同的人群对色彩的喜好有着很大的差异。所以在设计时需要考虑主要用户群的构成和背景。

一般来说,不同的色彩所传达的含义亦有不同,例如:

红色:代表了热情、浪漫、火焰、暴力、侵略。而且红色在很多文化中代表的是停止的信号,用于警告或禁止一些动作。

紫色:代表了创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。

蓝色:代表了忠诚、安全、保守、宁静、冷漠、悲伤。

绿色:代表了自然、稳定、成长、忌妒。绿色在某些文化中与环保有关。

黄色:代表了明亮、光辉、疾病、懦弱。

黑色:代表了能力、精致、现代感、死亡、病态、邪恶。

白色:代表了纯洁、天真、洁净、真理、和平、冷淡、贫乏。

3.网站设计的标准字体

标准字体是指用于标志、标题、主菜单的特有字体。通常网站默认的字体是宋体。当然为了体现网站的“与众不同”,可以根据需要选择一些特别字体。例如:为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等。总之要根据自己网站所表达的内容,选择贴切的字体。

目前常见的中文字体就有二三十种,常见的英文字体有近百种,网络上还有许多专用的英文艺术字体下载,所以要寻找一款满意的字体并不算困难。需要说明的是:要使用非默认字体,就必须把文字内容设置成图片的格式。因为一部分浏览者的计算机里没有安装这种特别字体而无法正常显示,那么辛苦设计的制作便会付之东流。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈