（设计艺术学专业论文）交互设计理念与主题类网络社区的视觉传达设计.pdf

a b s t r a c t w i t ht h er a p i dd e v e l o p m e n to fo n l i n ec o m m u n i t i e s ，s u b j e ag a t e w a y so n l i n ec o m m u n i t y b e c o m e st h en e wh o t s p o t ；w i t ht h er i c h n e s so fi t sc o n t e n t ，f o r m sa n db u s i n e s sm o d e l s ，a s t a b l eu s e rg r o u pb e c o m e san e c e s s a r yc o n d i t i o nf o rt h es u c c e s s f u ld e v e l o p m e n to ft h e c o m m u n i t y t h u s ，i n t e r a c t i v ed e s i g np h i l o s o p h y , w h i c ha p p l i e si t s e l f t ou s e r - f r i e n d l ya n d m a k e su s e r st of a c i l i t a t et h el o n g t e r mu s e ，b e c o m e st h en e wd i r e c t i o no fv i s u a l c o m m u n i c a t i o nd e s i g no fs u b j e c tg a t e w a y so n l i n ec o m m u n i t y e a c hs u b j e c tg a t e w a y so n l i n ec o m m u n i t yh a sd i f f e r e n ts u b j e c t c o r r e s p o n d i n g l y , t h e i r t a r g e tu s e r si sd i f f e r e n ta n dt h e i rc h a r a c t e r i s t i c so ft h es p e c i f i ci n t e r a c t i v ed e s i g ni sn o t t h e 蜀u f l e t h e r e f o r e t h ev i s u a ld e s i g nc o m m u n i c a t i o no fd i f f e r e n ts u b j e c tg m e w a y so n l i n e c o m m u n i t ys h o u l df o c u so nt h e i ro w nc h a r a c t e r i s t i c so fi n t e r a c t i v ed e s i g n ：d o u b a n c o m m u n i t y , a st h er e p r e s e n t a t i o no fc u l t u r a l o n l i n ec o m m u n i t y , f o c u s e so nv i s u a l a t m o s p h e r ea n da c c u r a t ea d v e r t i s i n g ；m o r ep a r k , a st h er e p r e s e n t a t i o no fg a m eo n l i n e c o m m u n i t y , i sc o m m i t t e dt oah i g hd e g r e eo fv i s u a lu n i t yo f u ia n dv ia n dt i m e l y u p d a t e s ；a m a z o nc o m m u n i t y , a st h er e p r e s e n t a t i o no fs h o p p i n go n l i n ec o m m u n i t y , f o c u s e so nt h ee x c e l l e n tr e a s o n a b l es e a r c hs y s t e ma n dv i s u a ls e c u r i t yi m p l i e d ；n w p c o m m u n i t y , a st h er e p r e s e n t a t i o no ff r o n td e s i g no n l i n ec o m m u n i t y , i sc o m m i t t e dt ot h e e d i ta n da r r a n g e m e n to fi m a g ei n f o r m a t i o na n dt h em u t u a ls u s t a i n m e n to fe l e c t r o n i ca n d p a p e rp u b l i c a t i o n s i n t e r a c t i v ed e s i g nm a k e s v i s u a lc o m m u n i t yd e s i g nm o r e r e a s o n a b l e m o r ec o n c e r no ft h eu s e re x p e r i e n c e ，w i t he x t e n s i o no fv i s u a lc o m m u n i c a t e d e s i g no fo n l i n ec o m m u n i t y , t h et h e m eo fi n t e r a c t i v ed e s i g nw i l lb ed e v e l o p e d t o s u b j e c tg a t e w a y s o n l i n ec o m m u n i t y , m a i n t a i n i n gt h ed i f f e r e n t i a t i o no fv i s u a l c o m m u n i c a t i o nd e s i g ni si m p o r t e n t b u ti ti sa l s on e e d e dt om o r ei nl i n ew i t ht h eu s e r i n t e r a c t i v ed e s i g n h o wt os u c c e s s f u l l yl e ti n t e r a c t i v ed e s i g nc o n c e p t si n t r o j e c t 谢t l l v i s u a lc o m m u n i c a t i o nd e s i g no fs u b j e c tg a t e w a y so n l i n ec o m m u n i t yi n t e g r a t e d l ya n d r e a s o n a b l l y , i sw h a tw en e e dt oe x p l o r ei nt h ef u t u r ep r a c t i c e k e yw o r d s ：s u b j e c tg a t e w a y so n l i n ec o m m u n i t y ：v i s u a lc o m m u n i c a t i o nd e s i g n ： i n t e r a c t i v ed e s i g n 2 5l j f 沿设计类网络社区的视觉设计传达设计中交互设计理念的应用分析一1 4 2 5 1 有效的图片预览，准确吸引不同用户的注意力1 5 2 5 2 电子产品与印刷品有选择的同步，突出社区某一时期的讨论中心o q o o o o o o o o 1 6 第3 章将交互设计理念融入主题类网络社区的视觉传达设计中是网络社区发展的 必然趋势“1 7 3 1 “纯文本设计过度设计适度设计 主题类网络社区视觉设计 在成长17 3 2 交互设计理念融入视觉传达设计共同促进使主题类网络社区乃至整个网络 设计健全的发展”1 7 结论 参考文献 攻读学位期间的研究成果 致谢 1 9 2 0 2 l 2 2 学位论文独创性声明、学位论文知识产权权属声明”2 3 青岛大学硕士学位论文 、 引言 ，、 、 主题类网络社区、视觉设计、交互设计都是近些年出现的新的名词。现代 网络日益普及，网络社区的发展模式正在走向成熟，主题类网络社区有成为网 注热点的趋势。随着主题类网络社区竞争的日益加剧，视觉设计成为社区开发 用户共同关注的问题。随着用户对网络社区使用体验的不断加深，如何将以用 中心的交互设计概念合理的融入主题类网络社区的视觉设计中，成为很值得我 论的问题。 一定程度上如同对待朋友一般彼此关怀，从而所形成的团体。他们通过在线聊天、 b b s 论坛、群组讨论、公告栏、个人空间、交友及其他增值服务等形式的网上交互 空间，把具有共同兴趣爱好的访问者集合到一个虚拟的空间，达到成员之间互相沟 通交流的目的。 网络社区最初的雏形是克罩森( k r i s o n ) 和罗斯( r u s sl a n e ) 的两台通过电话 线连接在一起的苹果电脑，他们在1 9 7 8 年实现了世界上的第一个b b s 。近年来，在 互联网技术的飞速发展之下，b b s 在功能上得到不断扩展，并迅速成为全世界计算 机用户信息交流的园地网络社区的基础。从1 9 9 4 年开始，现代意义的网络社区 不再单单是b b s 一电子公告牌和讨论组的以文本为主的表现形式，它已经发展到博 客、播客、三维技术等文字结合图片、语音、视频、虚拟形象、三维互动等多种交 流形式的社区。 从1 9 9 4 年起，随着网路技术的高速发展和社区开发程序的不断普及和改良，网 络社区正成为互联网上最繁荣耀眼的一道风景。截至2 0 0 9 年底，中国3 1 0 1 万家拥有 网络社区的网站。从门户到行业网站，从地区门户到个人站点，拥有网络社区的独 立网站占网站总数的8 0 以上，社区规模也越来越大，社区的形式也越来越丰富多彩， 当前用户的注意力已经不只停留在社区提供的信息和信息的更新速度上，越来越多 的用户更加关注信息的互动性，u p s n s 服务( s n s 服务是通过好友信息分享、娱乐 和互动等项目，让用户间的沟通和交流变得更加立体化和形象化，更加契合当前用 户需求。艾瑞咨询调研数据显示，2 0 0 9 年中国网络社区用户对s n s 服务表现出高度 的热情，5 3 3 的用户正在使用s n s 服务，3 6 0 9 6 的用户表示希望使用s n s 服务) 。 专家认为，网络社区已经进入商业模式探索的阶段( 图1 1 中国网络社区发展阶段及 特点) 。 量一直 童阶段 辱。市坛龌一用白# 寮奢业唯r事卫f ，：- 暮车 用户诉掌 肾区 ? ，曼兰亿麦子置耄信e开：1 i ! 社区形式 f 茸重b b ss n s 亿付 謇鞋， 捌方式 币节传磊叠e 锂h 疆 刁辱。蓑矿杰。蓑 嘎+ 一舌噎。一告 屯z 宅奢毋毡= 电警务 暑寰： # 口4；*二：4：*一一 图1 1 中国网络社区发展阶段及特点 2 青岛大学硕士学位论文 主题类网络社区( 又称专业类社区、垂直人群社区) ，通常指像豆瓣、榕树下 以及各高校论坛等比较专注于某一话题、群体、领域或活动的社区。 2 0 0 6 年的调查数据就已经表明：主题类网络社区已经成为社区网民使用最多的 类型，占3 4 2 ；其次是门户网站论坛，占3 1 6 。相对于2 0 0 4 年4 5 3 的网民喜欢参 与综合社区网站，有3 7 1 的网民喜欢主题类网络社区，用户对社区的关注点已经有 了很大的变化。 调研数据同时表明，中国网络社区细分化趋势明显，垂直及区域类社区将快速 发展。用户对于网络社区的需求无疑是多样化的，很难有一个社区可以满足用户的 全部需求，对于网络社区运营商来说，其面临的机会空间是多维度的。与大型社区 相比，内容丰富性和覆盖广度并非中小网络社区长处。在数量上占绝对优势的中小 型网络社区核心竞争力则更需要体现在内容的个性化和深度及用户覆盖的针对性， 上，针对于本地区或某细分领域的主题类网络社区将拥有更大机会空间。 1 2 交互设计理念使主题类网络社区的视觉传达设计更切合用户的需 求 1 2 1 用户开始越来越重视网络社区的视觉传达设计 2 0 0 9 年中国网络社区各要素的重要分布调查图表( 图1 2 ) 显示，虽然网络社区 最吸引的地方依然主要是感兴趣的内容和更新速度，而前者比例最大，f i 【1 3 9 6 的网 民认为网络社区吸引的人的地方是内容自己感兴趣，2 4 1 的网民认为信息的更新速 度也是很重要；但是，1 3 9 的网民认为社区的氛围是吸引用户、留住用户的要素之 一。这是很值得设计师们关注的现象。 图1 22 0 0 9 中国网络社区各要素的重要性分布 3 青岛人学硕士学位论文 对于这个调查结果，我认为是用户重视社区的氛围，或者说重视在社区氛围中 占很大比重的视觉氛围的开始。 网络社区的建设与传统意义上的社区不乏共通之处，人文环境的建设是也整个 社区建设中的重要环节。有特点、有针对性、有侧重的视觉设计恰恰可以营造一种 与社区形象相契合的环境和氛围，使社区用户除了关注社区提供信息本身的质量和 更新速度之类的“硬件因素 之外，乐于使用、参与和体验网络社区的各种功能( 如 豆瓣和摩尔庄园，各自具有不同的视觉特点，风格明晰，营造了各自特有的入文网络 环境) 。因此，网络社区的视觉氛围也是吸引新老用户、增加社区黏性、加强用户对 网络社区依赖性和忠诚度的重要因素。 1 2 2 交互设计理念与主题类网络社区的视觉传达设计的交叉 交互设计( i n t e r a c t i o nd e s i g n ) ，简单的说，就是人工制品、环境和系统 的行为，以及传达这种行为的外形元素的设计与定义。不同于主要关注形式的 传统的设计学科，交互设计更多的是关注内容和内涵。而交互设计首先旨在规 划和描述事物的行为方式，然后描述传达这种行为的最有效形式。交互设计借 鉴了传统设计、可用性设计及工程学科的理论和技术。它具有不同于其它科学 和工程学科的方法，是一个具有独特方法和实践的综合体。 从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技 术，它致力于了解目标用户和他们的期望，了解用户在同产品进行交互时彼此 的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交 互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领 域、多背景人员的沟通。 而交互设计的应用，有利于主题类网络社区从用户角度出发，考虑如何让 社区易于使用，让用户心情愉悦。交互设计的作用在于了解目标用户和他们的 期望，用户在同产品进行交互时彼此的行为和心理行为特点，以及了解各种 有效的交互方式，并对它们进行增强和扩充。 因此，交互设计对于主题类社区的视觉设计而言，有一定的指导意义。在 保持主题类网络社区的特征和气氛的基础上，让用户更舒适的参与到社区活动 中，进而增加主题类网络社区的黏性、加强用户对主题类网络社区依赖性和忠诚 度。 第2 章交互设计理念在主题类网络社区视觉设计传达设计中的作用 2 1 准确的定位是主题类网络社区的视觉设计传达设计成功融入交互设 4 青 计理念的前提 位，不一定有利于社区目标用户的社区体验，也不一定便于主题社区与目标用户之 间的双向信息交流和反馈。 豆瓣网作为一个文化类的交流平台，目标用户是那些愿意“发现感兴趣的未知 事物”的人，毫无疑问的促进了小众文化的传播，由此可见，豆瓣网的设计更多的 是以个人为中心，不是以资源为中心。网页的视觉设计也符合大多数网民的阅读习 惯，不容易造成视觉的疲劳，进而对内容进行有效的分类、编排和管理。 豆瓣的标志在页面左上方出现，有非常强的识别性。豆苗一样的绿色配合浅蓝 浅黄和白色空间，让用户联想起蓝天白云下透着健康的绿和稚嫩的黄的豆瓣；感觉 5 青岛火学硕士学位论文 的气氛。 豆癸蕾乐九点豆赞电自 首页嚣的豆蘑我的小蛆同壤翻览发现 e日ij直钾建懈站生曩 ? ! 翟? ? 冀篡? 巴：竺翟罢蜘 a 顺三= 黧。嗍执埘一啷 湛英关注雕刻时光嘲啡馆 榜 ：； 摊眄址 友讳f e 位嗣童芙注。人锭1 人关疰) 雹圈乳譬 小蛀 博记已注销 g e m m a 黻罗麓久篡鼍慧：”嚣c 虻h a 1 e s t o n 罢蛳 旱彳7 o 再- q 久 尢“t ? ，j 薯一，。爱，吒。：，皓： ： i p ：f 叮，】_ l iz ：z p却爵-目”n*-； 敞：嚣1 冀? ：筹冀：芝三置：= 割罄瘿鸽轭虻 餐嚣关牲的谜体站 。卉龋：上詹，# 柙婶 。十蛘，丰挚缸呲未珏割罄瘿鸽导匠，j 干= 二；j l 腔叠9 q 9 元垫寞 i 摹来临，空垒焉羹中l p 空蔫仅9 9 9 元 点击童 ) 不峙曲生囊 一事鼻生 象薅薯的黼竞 气匏蔓殂击囊劳霄后隅 曩鼠鼻心俱曩的虐生话信线中 医井鼻心正元气敞拉到六丈 蠢劳矗扶。量，j k 曩l 囊虚。的称1 皇匮大师的 心葬生大法 时下量热门的小嚣 二蠢弗譬舟簟 嘲盒髓藉i d 鬟用碍 i 菖面质量一穗：英语壮比 51 雕啊方面粕7 埔 毫枧台薯名艺丰索原汁曩睬的配 t 加止可以艟黼中文字 可以说锄日l 呒可靠嬲 点击嘲妥， 色比蛙謦矗仓4 并 色比：迸耸立曩的，【譬 覃誓膏：9 9 元 更；芭比睦娃立即抽 哥一臣一 囊拦 矸鬯 一瓣 二 r 相对于后面千篇一律却必须要有的法律声明，显的条例分明，易于用户核对和确认。 2 5 前沿设计类网络社区的视觉设计传达设计中交互设计理念的作用 能够稳定运营下来的前沿设计类网络社区比较少，n w p 是其中之一。 n w p ( n e w w e b p i c k ) 最初是专业的在线创意与潮流杂志，内容涉及：广告、 网站、f l a s h 、平面、街头艺术、插画、3 d 、产品与包装、建筑与空间、摄影、 时装、试验艺术后来发展成国际设计艺术潮流的专业期刊，展示全球最前 沿的设计作品，收集国际最新的设计资讯，辨析某时期内设计艺术的动向。n w p ( 图2 5 ) 的目标是建立全球数码艺术领域中最权威的信息交互平台。目标用 1 4 青岛大学硕士学位论文 户是世界各地的各类设计师、设计从业人员、艺术爱好者。这些人群具有一定 欣赏品位；挑剔、个性、敬业：敢于实践，忠于原创，形成自己的风格。 咿嘲雕嘲一一 岫e 喇- w：- 帕w 曲附啊_ 碑fmh - 恤 t _ 岫f 哪 。 拿蹋田卿霭 - 一。墨墨墨墨 2 密图 ，潦塞冀邕 “”一譬叠童譬露誓 纛：嗣碌崤 晶南一一1 砰：万 一一蘸型一避富露幽 h b 憎丘_ l a i： 粼懒黟0o m 甲e 6 t h l。o 一一m u 曩墨墨曩 t _ * v - 一啊踟。：= ：盎晨= ： 图2 5 h l p 主页 2 5 1 有效的图片预览，准确吸引不同用户的注意力 n w p 的用户绝大多数是了解最前沿设计的作品、趋势、动态等，注重学习、 改进与自我启发；相应的用户体验要点是尽量清晰、充分的给用户提供可用的 图文信息。而最能充分表现设计的是图片。n w p 是一个信息量非常大的主题社区， 它的页面用横向的划分，按网站模块分类，把能够表现设计特点的图片以缩略预览 图的形式整齐排列，便于用户通过自己对图片的第一印象进行挑选性阅读。 作为全球数码艺术领域中最权威的信息交互平台，虽然n w p 的标准设计的非 常独特，但它自身的界面设计并不花哨，只有红、黑两色，导航栏、边框和说明文 】5 3 谷一 岱函一 日签 粤一8 一 甓一凸一 蠢t疆囵鞫 青岛大学硕士学位论文 字为黑色，主要和常用的按钮为红色。这样在视觉上最大限度的突出了社区的可用 信息。 2 5 2 电子产品与印刷品有选择的同步，突出社区某一时期的讨论中心 2 0 0 6 年1 0 月，n w p 的电子杂志开始收费，同步发行了n 1 1 p 杂志支付卡( 图2 5 2 ) ， 仍然以最新潮的设计作品为题材，印制精美。虽然除了作为支付一次性支付媒介， 卡片自身几乎没有实用价值，但是对于喜好设计的广大用户，其诱惑显而易见。 2 0 0 9 年，n w p 开始发行独立编辑的印刷品( 图2 5 2 ) ，依然是面对各类设计 师、设计从业人员、艺术爱好者。对于这类目标受众而言，购买n w p 的印刷品 是为了感受最前沿的设计作品，启发自己的设计思路；相应的用户体验要点是 尽量清晰、充分的给用户提供可用的图文信息。 2 5 1n w p 出版物 2 5 2 舯电子充值卡 1 6 青岛大学硕十学位论文 第3 章将交互设计理念融入主题类网络社区的视觉传达设计中是 网络社区发展的必然趋势 3 1 “纯文本设计过度设计遁度设计一主题类网络 社区视觉设计在成长 最原始的网络社区( b b s ) 是在技术条件允许的情况下加入尽可能多的信息，几 乎是纯文本或者简单框架形式的，谈不上视觉设计。 之后一段时间，随着电脑的各种硬件技术和网络传输速度、存储载体、文件格 式的不断革新和各种软件的不断更新和开发，技术条件上允许网络社区( 仍然以b b s 为主) 开始进行视觉上的改进，主题类网络社区也开始出现了变化。此时开始出现 界面模板，虽然相对简陋，但是聊胜于无，很多b b s 开始套用这些免费的模板，直 接导致了中国很多地区、信息结构、面对人群都不同的主题类网络社区除了名称不 同，网页看上去完全一样。 到了前几年，i t 业的发展带动了整个网络经济，各种设备的成本开始大幅度降 低，网页制作和管理的软件( 比较突出的有d r e a n 研e a v e r 、f l a s h ) 进行了值得称赞 的改进，软件的操作更简易，使用更加普及了，然后出现了c s s ，然后是使用更加 精彩的c s s + d i y 我们的网络社区开始被添加上各种或流行的、或特殊的、或新 奇的、或高技术含量的视觉效果。可以说，只要服务器能够负荷，什么样的视觉效 果都可以添加。这一阶段的互联网视觉设计，包括主题类网络社区的视觉设计，反 映出了设计师和用户对互联网高新技术体验的迫切渴望，但新奇眩目的视觉效果并 不一定利于主题类网络社区信息的接收和传播。 现在，随着“用户体验 和“交互设计 这些名词的普及，越来越多才设计师 和用户认识到网页视觉表现需要舒适、便捷。互联网的视觉表达正在进行着一次有 意义的变革。对于主题类网络社区而言，人们开始越来越重视它的视觉氛围可能带 来的各种影响，开始将开发策略、推广策略、营销策略等与社区的视觉体系结合起 来进行统筹规划，抛开对技术的炫耀，更理性的构建主题类网络社区自己的特性。 3 2 交互设计理念融入视觉传达设计一共同促进使主题类网络社区乃 至整个网络设计健全的发展 随着网络社区快速的发展，社区的内容表现形式和商业模式也逐渐丰富，差异 化竞争已经成为大多数主题类网络社区的首选策略。由此引发的差异化视觉，在不 久的将来很可能会成为网络视觉的主流趋势。如何让主题类网络社区在保持差异化 的同时，从用户的角度出发，让用户充分体验社区的各个环节，是今后主题类网络 1 7 青岛大学硕士学位论文 社区需要在实践中不断探索的主要问题之一。 交互设计带给主题类网络社区的改变可能与艺术审美无关，甚至在不久的将来， 随着主题类网络社区视觉外延的拓展，会更对的延伸到它所涉及的非数码介质当中。 但是正如很多网络社区开发者所认为的那样：社区活动的网络化将更加丰富人们的 线下生活而不是削弱。主题类网络社区的建设应该是丰富我们的线下的生活并不是 制造“网瘾 ，更不是为了把用户更多的注意力、更多的精力吸引到线上去。 从某种意义上说，交互设计的价值在于让用户在最短的时间内获得尽量深刻网 络体验：更有效率的检索信息，更顺畅的相互交流，更舒适的网络气氛这些价 值很大程度上需要视觉设计来实现，通过合理的视觉表现，二者共同作用，丰富用 户的线上和线下的生活。 1 8 青岛大学硕士学位论文 结论 视觉设计和交互设计有着统一的用户群和商业定位，也有着统一的终端目标。 目标用户是主题类网络社区的视觉设计和交互设计服务的直接对象，二者要在这个 一致的定位的基础上共同努力进而得到最佳的视觉表达效果。现在，网络开发者越 来越关注用户的网路体验，交互设计理念开始越来越多的参与到主题类网络社区的 视觉传达设计中。多种情况下，交互设计的价值需要通过视觉设计来实现，主题类 网络社区自身的发展又需要有可以保持差异化的视觉设计。为了用户能拥有尽量完 美的主题类网络社区体验，我们需要在实践中不断探索，让交互设计理念和视觉设 计合理的融合在一起。 1 9 青岛大学硕士学位论文 参考文献 l 、i r e s e a r c h ，2 0 0 4 年中国网络社区简版报告，钠吼i r e s e a r c h c o f l l c ，2 0 0 4 ( 1 ) 2 、i r e s e a r c h ，2 0 0 5 年中国网络社区简版报告，唧i r e s e a r c h c o m c n ， 2 0 0 5 ( 1 ) 3 、i r e s e a r c h ，2 0 0 6 年第二届中国网络社区站长调研报告，册i r e s e a r c h c o m c n ，2 0 0 6 ( 1 ) 4 、i r e s e a r c h ，2 0 0 6 中国网络社区网民发展状况调奄报告，嗍i r e s e a r c h t o m c n ，2 0 0 6 ( 1 ) 5 、i r e s e a r c h ，2 0 0 7 年中国网络社区研究简版报告，嗍i r e s e a r c h t o m c n ， 2 0 0 7 ( 1 ) 6 、i r e s e a r c h ，2 0 0 8 年中国网络社区发展研究报告简版，w w w i r e s e a r c h t o m c n ，2 0 0 8 ( 1 ) 7 、i r e s e a r c h ，2 0 0 8 年中国网络社区电子商务研究报告简版，嗍i r e s e a r c h c 伽