网络形象设计（IVIS）与视觉文化时代思维导图

青衣衫

2023-03-01

浏览量: 8

文化

时代

视觉

网络

设计

识别

网站

一个

形象

互联网

工程纠纷

建筑工程管理

工程设计管理

摘要：随着时代步伐的前进，时代的概念也在逐渐变化，第四媒体互联网的迅速发展，使信息传播业面临一场变革，视觉识别系统（visual Indentity system），也延伸到新的领域，互联网络上逐渐成为企业讯息等宣传的重要阵地，具有迅捷、传播范围广等优势，vi的含义也逐渐应用在互联网上，我们重新定义为网络形象识别设计，简称VISI（Visual Indentity system internate），开拓了新的空间，视觉文化成为主导设计潮流。

树图思维导图提供《网络形象设计（IVIS）与视觉文化时代》在线思维导图免费制作，点击“编辑”按钮，可对《网络形象设计（IVIS）与视觉文化时代》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：22969696440d58e01aca772176cf50f9

思维导图大纲

一、历史的形象识别设计与视觉文化

1、历史上CI的出现

从50年代初到现在，CI的诞生有近50年的历史，他发展沿革大致上经历三个阶段：A 从商标品牌到产品视觉统一设计，B 企业风格的视觉传达设计，C 从视觉形象识别到整体形象识别，CI已经从单纯的视觉传达设计演变为一种企业形象的传播策略，我们可以看出VI形象的识别是现在CI、MI等的最初起源，最初是商品标志视觉功能的扩展，商标品牌作为商品的标记和象征，在商品市场的竞争中发挥这主要作用，1851年，美国宝龄公司老板发现负责货运的人总是在装蜡烛的箱子上画上黑叉叉，经询问才知道是为了那些目不识丁的码头工人能分辨哪是蜡烛哪是香皂。后来，有位聪明的工人把难看的叉叉改成了星星，进而成为固定的符号经常出现。

CI这一词最早由美国的设计家来蒙特于1930年左右提出。第二次世界大战以后，美国的经济发展在世界一直处于领先地位，企业重视工业设计和产品的视觉设计。现代设计的摇篮德国包豪斯设计学院，这所起初培养建筑设计而创建的学校，转而以培养工业设计、商业设计、视觉传达设计等专门人才。造就了一批设计师，对今天设计产生了深远的影响。

2、视觉文化时代的到来

据说视觉文化的时代已经来临。丹尼尔·贝尔认为：“目前居统治地位的是视觉观念。声音和景象，尤其是后者组织了美学、统率了观众。在一个大众社会里，这几乎是不可避免的”。随着时代的进步，大众社会的要求逐渐扩展延伸，品牌等成为一种无形资产成为商品分辨和信誉保证的重要识别，使得在人们视线里出现整体的视觉识别系统，时代也有了它新的概念，即视觉文化时代。视觉文化时代的到来，急剧加速经济的发展，经济的发展也促使视觉文化的进步，总之，设计与经济时代的发展是紧密联系不可分割的。

二、第四大众传媒互联网的发展

1、互联网的发展自从发明了电脑，出现了WWW，科学发明改变了社会，人类的智慧是无穷无限的，互联网的发明称之为人类历史上迄今为止的最伟大的发明。PC时代的数字化是个人的，互联网时代的数字化则是全球的。互联网使时空的距离成为零，整个地球被收缩成一个新的世界，我们可以周游世界，大大地降低了信息的传播费用，实现社会化，达到信息的迅速广泛的传播。与传统的传媒方式相比较，互联网具有鲜明的优势。以计算机二进制语言处理的数字化信息，构成了信息社会的最基本原子，在信息时代，人类的生存和生活，不可避免地建立在数字化信息之上，第四大众传媒互联网将普及发展与人类社会。

2、四次信息传播革命

自从人类诞生以来，人类社会至少已经经历了四次意义重大的信息传播革命，每一次信息传播革命都把人类文明推向一个新的发展阶段。

第一次信息传播革命是语言传播的诞生：提高了人类信息传播的质量、速度与效率。

第二次信息传播革命是文字传播的诞生：使得人类的信息传播革命第一次突破时间、空间的限制，得以广泛流传和长期保存。

第三次信息传播革命是印刷传播的诞生。报纸、杂志、书籍等印刷品大众媒介迅速普及。第四次信息传播革命是模拟式电子传播的诞生。

最新的一次信息传播革命，即正在我们身边发生的第五次信息传播革命，是数字式电子传播的诞生。进入90年代以来，先进的计算机技术不仅征服了文字数字化的难题，而且征服了比文字更复杂的声音世界。如今，表现和记录人类物资和精神世界的数字、语言、文字、声音、图画和影像等过去相互之间界限分明的各种信息传播方式，都可以用计算机的二进制语言来作数字化处理，从而可以浑然一体，相互转换了。报纸、广播、电视和书籍、杂志、电影等传统大众传播媒介在形式之间的差异正在缩小或消失；交互式传播媒体的出现，使得传播者与受众之间的传统的相互关系正面临巨大的变化。人类进入了真正的信息时代。

3、“第四大众传媒”互联网新媒体

网络作为新兴的第四媒体确实有它独特的优势，这恐怕任何一个用过互联网的用户都能一一道来：报道及时、零传播成本、多媒体、可以检索等等。有报道说互联网发展的速度远远超过了前几任媒体：无线电广播问世38年后，拥有5000万听众，电视诞生13年后，拥有同样数量的观众，而因特网从1993年对公众开放，到拥有这个数量的用户只花了4年时间。网络作为新的信息传播的载体，确实起了传统媒体所起的很多功用，或者说它替代了传统媒体的很多功用。

公认的大众传媒主要包括报纸、广播、杂志、书籍和电影等六大媒介。随着数字化技术的发展，电脑硬件的更新换代，互联网技术迅速普及和网站的大量建立，互联网正成为一种新的媒体广泛进入人们的生活。如今，国际上已把互联网纳入六大媒介中，并将其称为继报纸、广播、电视之后的“第四大众传媒”。这说明，人们已经认同了互联网的作用，能够同报纸、广播、电视等新闻媒介一样，广泛地传递新闻信息。其实，国际互联网不仅具有报纸、广播、电视等传统新闻媒介能够及时广泛传播信息的一般功能，而且还具有多媒体、实时性、交互性传播新闻信息的独特优势。它使人类面临着一次信息传播技术的前所未有的，带有根本性的突破和变革。传统的、界限分明的语言、文字、声音、影像等各种传播形式之间的铜墙铁壁顷刻就要瓦解，传统的、相互分割的报纸、广播、书籍、杂志和电影等大众传媒顷刻就要融为一体。人类社会，就要随着新一代信息传播新技术、新媒介进入一个信息传播的时代。由于国际互联网所具有的超越传统新闻媒介的优势，决定了网络对平面媒体的超越，不过是迟早的事情。

互联网的发展使视觉文化识别出现了新的空间和领域。

三、网络形象设计的出现与定义

1、几个问题的解答引述

网页设计重要吗？

要回答这个问题，就先得回答：网站的外观重要吗？一个网站的内容固然重要，但是如果没有一个好看而吸引的外表，哪怕有着再好的内容，有着再好的结构，相信整个网站的浏览效果也会大打折扣，浏览者的阅读兴致也会大减。就等于一个内涵丰富但却外表平庸的人在一个公共场所出现，是难以引起别人的注意的一样。人们称互联网经济为注意力经济，如何吸引大众的注意力，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。网站的外观非常重要，因此，网站的VI设计也非常重要。

怎样才是一个好的VI设计呢？

一个好的视觉设计，首先要有一个好的视觉效果。一个网站怎样才算是有一个好的视觉效果？一个最简单的判别方法是，看她三眼：第一眼，看是否抢眼；第二眼，看是否顺眼；第三眼，看是养眼。其实，这三眼就是网站给你的第一感觉。第一感觉很重要，浏览者能否接受这个网站，很大程度上，就看有否这种一见钟情的感觉。如果答案都是Yes，那么，这个网站就是有一个很好的视觉效果了，相信浏览者也会耐着性子去看完你整个网站的。

怎样才能有一个让人一见倾心的视觉效果？

上面谈到的VI设计仅仅是就一个页面而言，VI设计的另一方面是看整个网站的所有页面是否协调与一致。每个页面都使用相同种排版方式、相同的背景色及近似的按钮都能增加网页一致性，树立统一的风格。这是最基本而有最重要的网站VI设计。

2、成功网站的VI设计如果你是打算为企业建立一个商业网站，则更加要注重网站的VI设计。如果你的企业本身已经有了一个统一的CI设计（Corporate Indentity，企业形象识别），那么，网站的VI设计就应该遵循其CI设计。当然，前提是你必须有一套适用的CI设计。按照我们的经验，有相当的CI设计并不适合应用到网站的视觉设计之中，这使得网站的设计受到很大限制，因此企业在制定其CI设计时，很有必要听取专业网页制作人员的意见，哪怕企业暂时并被有触网的打算。

一个好的VI设计，事实上可以凭借CI设计里已经指定的Logo、色彩、或标准字型等予以发展。尤其是色彩部分，使用正确的色彩往往可以得到相得益彰的效果。另外针对Logo本身的一致性所作的设计上变化也是一种变化，总而言之，所有的做法必须能够发展出一套更具品牌形象的设计，而且能将网站的整体特性完全地容入浏览者的脑海里。能让浏览者记住，并能吸引浏览者回头的VI设计，就是一个成功的网站VI设计

3、VISI网络形象识别系统

VI设计，来源英文中的 Visual Indentity System，意即视觉识别系统。单单就网站而言，一个网站上看到的所有图片、文字、动画、以及他们的编排方式等等一切能够看到的元素都是VI设计的一部分，简单来说，其实就一一个网站的外观，他能在色彩版式等形成一种认知识别，达到一定的视觉效应，我们重新定义为VISI，即网络形象识别系统（Visual Indentity System internate）它既是CI部分的延伸、有是VI部分的发展与具体应用，网络形象识别系统是一个系统化的识别形象，它将根据企业CI、VI根据网络的要求整合定位成网络形象识别系统他的具体内容将在后面作具体说明

四、网络形象识别设计的语素

1、互联网的属性特点以互联网为代表技术的信息时代，为视觉传达设计师们提供了更为广阔的自由发挥空间。视觉传达设计与新媒体的结合必将产生前所未有的巨大力量，数字化设计成为未来设计师的主要表现手段。

传播范围广国际互联网的优势之一就是全球传播，不论在世界的哪个角落，只要计算机连入网络，那么你就可以将信息传送给他，或是获取他的信息。商家在互联网络上只花极少量的广告费用，就可以将他的产品在全球宣传；设计师可以与远在天边异国同行交流设计心得……

信息资源丰富有上网经验的人都有这种体会，即当你在网冲浪的时候，会真切地感受到互联网络这个信息海洋的广博无边。目前全球网民数量已超过1.5亿，网上主机数量约3000万台，可检索的网页数约50亿页，真正称得上“信息海洋”。

形态多样化网络对多媒体技术的支持，所以在视觉传达的手段上丰富多样。多媒体技术是将传统的、相互分离的各种信息传播形式（如语言、文字、声音、图象和影象等）有机地融合在一起，进行各种信息的处理、传输和显示。这样，视觉传达设计的表现手段和表现范围得到了大大的扩展，未来的视觉传达设计是综合性的，涵盖了人类全部感官的全面设计。这已经超越了现有视觉传达设计的概念。

2、网络形象识别设计

本文提出了网络形象识别设计的新概念，几下具体说明网络形象识别设计的语素。

网络形象识别设计要根据企业制定的识别系统进行扩展延伸，设计出新的符合网络属性特点的形象识别系统。从宏观上讲，网络形象应该具有统一的整体的便于识别的设计。

首先，网络形象设计的整体定位，网络海洋如此之大，但是整体的网络视觉效果很少能出现在我们的屏幕中，这就需要策划设计人员有依据的进行整体定位策划。VI设计中的企业标准形象需要重新整合组成，事实上可以凭借CI设计里已经指定的Logo、色彩、或标准字型等予以发展。尤其是色彩部分，使用正确的色彩往往可以得到相得益彰的效果。另外针对Logo本身的一致性所作的设计上变化也是一种变化，总而言之，所有的做法必须能够发展出一套更具品牌形象的设计。

网络形象标识设计可以以动态形式或静态形式出现，网络的web色彩和版式需要统一，我们称网络标准色彩和网络应用版式，当然其形式和要素非常多，我们可以概括为基本元素形式。这里所说的基本元素主要包括：文字的处理、背景色彩、各种动态按钮、图表、表格、导航工具、背景音乐、互动影像、视频播放、小窗口等，我们需要根据实际情况确定元素，当然更重要的是整个元素要有一种共同点，这也就是网络形象设计的创意设计所在。以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件（如MP3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏览器使用插件（Plug-in）可以播放更多格式的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet.它是用Java语言编写的应用于网页之中的小应用程序，相比于插件和ActiveX，JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。多媒体技术的运用大大丰富了网页艺术设计的表现力。

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。网页的版式设计和流程是网络形象识别系统的重要部分

总之网络视觉识别系统将是统帅所有技术与艺术集合的核心。紧跟时代步伐，视觉文化时代的要求将随着科技的进步不断变化，整体的统一的便于识别的视觉效果将会对品牌企业、产品的形象产生一定的效应。，促进经济文化的发展。

参考文献：

1、朱建强企业CI战略厦门大学出版社 2000

2、山田里英新CI战略艺风唐版

3、柴唐佩译21世纪视觉传达史湖北美术出版社

4、王晓玲企业文化教程同济大学出版社

5、丹涅尔·多累斯 WWWDESIGN 中国轻工业出版社6 MARKERTNG CORPORATE IMAGE jamesR.Gregory

9.战斗的基督教思维导图