新媒体互动设计教程/丘星星

本书以“新 + 实用”为特色，从新媒体互动设计的广泛性与特殊性的考量，介绍了文化产业创新的前沿动态和多维度的新媒体互动设计知识，致力解决当下新媒体经济发展时期出现的跨学科知识交叉作用与文化技术融合应用的相关问题，探索适合中国文化创意产业的创新经济与文化创业的设计教育专业教学的编写方式，以期提高从业者对新媒体文化艺术与技术美学的认识和素质，为在校生及从业人员提供更多实用的知识与技术。

本书共 6 章，全书以“新 + 实用”为特色，在“大众创业，万众创新”的新时代，旨在厘清当下新媒体经济发展时期出现的跨学科知识交叉作用与文化技术融合应用的相关问题，以期提高从业者的素质和对新媒体文化艺术与技术美学的认识，探索适合中国文化创意产业创新经济与文化创业的设计教育的教材编写方式，为在校生及就业人员提供更多的实用知识与技术。

第 1 章?新媒体设计发展概述?/?1 1.1 文化创意产业与新媒体设计教育… …………………………… 2 1.1.1… 文化创意产业… ………………………………………… 3 1.1.2… 创意产业与新媒体设计教育… ………………………… 5 1.1.3… 中国语言文化传播… …………………………………… 6 1.1.4… 古汉语 新创意… ……………………………………… 9 1.2 新媒体文化… ……………………………………………………10 1.2.1… 技术与艺术互动… ………………………………………12 1.2.2… 视听媒体… ………………………………………………13 1.2.3… 物化媒介… ………………………………………………14 1.3 新媒体创意经济特征… …………………………………………16 1.3.1… 兆亿经济… ………………………………………………16 1.3.2… 注意力经济… ……………………………………………17 1.3.3… 体验式经济… ……………………………………………18 1.4 超常跨界应用… …………………………………………………20 1.4.1… 新媒体跨界融合的审美转换… …………………………20 1.4.2… 审美消费多元化… ………………………………………21 1.4.3… 审美消费体验化… ………………………………………21 第 2 章?互动媒体设计艺术?/?25 2.1 数字互动设计艺术教育内容… …………………………………26 2.1.1… 互动创意设计… …………………………………………26 2.1.2… 流媒体审美特征… ………………………………………27 2.1.3… 象征性价值… ……………………………………………27 2.1.4… 创意基本准则… …………………………………………28 2.2 基于浏览器的互动设计… ………………………………………29 2.2.1… 界面设计精准化… ………………………………………29 2.2.2… 图文编排功能化… ………………………………………29 2.2.3… 使用程序模块化… ………………………………………29 2.2.4… 操作可视化… ……………………………………………30 2.2.5… 按键随性化… ……………………………………………30 2.3 非基于浏览器的互动设计… ……………………………………31 2.3.1… 设计形式的创新性…… ……………………………………32 2.3.2… 界面互动可创性… ………………………………………32 2.4 应用开发… ………………………………………………………32 2.4.1… 游戏设计与应用… ………………………………………32 2.4.2… 游戏类型… ………………………………………………32 2.4.3… 设计风格特征… …………………………………………34 2.4.4… 设计图像心理特征… ……………………………………35 2.4.5… 设计步骤易导性… ………………………………………36 第 3 章?移动媒体创意设计?/?39 3.1 影视动漫媒体文化… ……………………………………………40 3.1.1… 动漫美学… ………………………………………………41 3.1.2… 动漫创意美学教育与文化创业… ………………………42 3.1.3… 动画文本图像化… ………………………………………45 3.1.4… 漫画动画… ………………………………………………47 3.1.5… 动画插画… ………………………………………………48 3.2 真人秀演绎… ……………………………………………………49 3.2.1… cosplay 高仿动漫… ………………………………………49 3.2.2… 明星消费心理… …………………………………………49 3.3 影音媒体… ………………………………………………………49 3.3.1… 影音媒体的商品属性… …………………………………50 3.3.2… 影音内容的创意与制作… ………………………………51 3.3.3… 视听媒体集成化… ………………………………………56 3.3.4… 全息投影… ………………………………………………57 3.3.5… 动态图像广告… …………………………………………58 第 4 章?互动媒体与移动媒体的交融?/?61 4.1 物联网… …………………………………………………………62 4.1.1… 服务经济创新… …………………………………………63 4.1.2… 引领创业创新… …………………………………………63 4.2 技术与艺术很好融合的成就… …………………………………64 4.2.1… 与众不同的“创艺”………………………………………64 4.2.2… 神经营销… ………………………………………………66 4.2.3… 与众相同的知心… ………………………………………66 4.2.4… 变商品推广为艺术收藏… ………………………………67 4.3 体验互动价值的认同… …………………………………………68 4.3.1… 电子商务… ………………………………………………68 4.3.2… 电商互动美学… …………………………………………72 4.4 网页互动设计… …………………………………………………73 4.4.1… 体验用户… ………………………………………………73 4.4.2… 体验商品… ………………………………………………73 4.4.3… 体验互动… ………………………………………………73 4.4.4… 体验设计… ………………………………………………73 4.4.5… 体验创意… ………………………………………………74 4.5 衍生（周边）产品与附加值… …………………………………74 4.5.1… 古文物 3C 商品……………………………………………75 4.5.2… 华语文创展示设计… ……………………………………75 4.6 传播与推广… ……………………………………………………76 4.6.1… 传播教育… ………………………………………………76 4.6.2… 传媒道德准则… …………………………………………77 4.6.3… 人才发展潜力培养… ……………………………………78 4.7 社交网络市场… …………………………………………………79 4.7.1… 社交教育网络… …………………………………………79 4.7.2… 媒体创意市场研究热点… ………………………………80 4.7.3… 媒体创意设计的显著特征… ……………………………80 4.7.4… 媒体创意产业的基本特征… ……………………………83 第 5 章?传统媒体与新媒体文化融合?/?85 5.1 新媒体文化提升艺术品收藏价值… ……………………………86 5.1.1… 百幅唐卡与文化创新体验… ……………………………86 5.1.2… 美术展览与新媒体互动… ………………………………89 5.2 水墨画与纤维数字艺术设计… …………………………………89 5.2.1… 绘画与纤维创意设计… …………………………………89 5.2.2… 水墨画与蓝夹缬工艺创意丝巾走秀… …………………90 5.3 插画设计与数字媒介… …………………………………………91 5.3.1… 纤维堆绣插画… …………………………………………91 5.3.2… 绘本插画… ………………………………………………92 5.4 包装艺术与数字创新… …………………………………………96 5.4.1… 华语包装设计创意… ……………………………………96 5.4.2… 禁烟包装创意艺术… ……………………………………99 5.5 全介质数字技术创新与传统艺术… ………………………… 100 5.5.1… 全介质媒材与传统手工艺… ………………………… 100 5.5.2… 全介质创意设计与复合工艺… ……………………… 101 5.6 数字摄影与表现介质… ……………………………………… 102 5.6.1… 数字影像创意求异化… ……………………………… 102 5.6.2… 数字影像输出多元化… ……………………………… 107 第 6 章?佳作范例图文解析?/?111 6.1 新媒体设计发展概述… ……………………………………… 112 6.1.1… 图文解析… …………………………………………… 112 6.1.2… 佳作赏析… …………………………………………… 113 6.2 互动媒体设计艺术… ………………………………………… 114 6.2.1… 写实中国风… ………………………………………… 114 6.2.2… 唯美风格… …………………………………………… 114 6.2.3… 卡通风格… …………………………………………… 116 6.3 移动媒体创意设计… ………………………………………… 117 6.3.1… 二维动画案例赏析… ………………………………… 117 6.3.2… 电影动画案例赏析… ………………………………… 120 6.3.3… 动画漫画案例赏析… ………………………………… 123 6.4 互动媒体与移动媒体的交融… ……………………………… 127 6.4.1… 文化传播案例赏析… ………………………………… 127 6.4.2… 品牌设计服务创新案例赏析… ……………………… 128 6.5 传统媒体与新媒体文化融合… ……………………………… 129 6.5.1… 文化产业创新与艺术品收藏案例赏析… …………… 129 6.5.2… 水墨艺术纤维与数字创意设计案例赏析… ………… 131 6.5.3… 包装艺术创意设计案例赏析… ……………………… 132 6.5.4… 插画艺术创意案例赏析… …………………………… 134 6.5.5… 书籍装帧艺术创意案例赏析… ……………………… 136 参考文献… ………………………………………………………… 138 附录… ……………………………………………………………… 139 后记… ……………………………………………………………… 141

    1.1.2 创意产业与新媒体设计教育 1. 创意产业 早在 1997 年，英国根据本国经济发展阶段的特点，宣布了极具后工业化色彩的所谓“创意产业政策”后，立刻掀起一股以文化作为新时代国家经济发展主轴的风潮。一时之间各国群起仿效…… 2001 年，中国大陆正式将文化产业纳入全国“十五规划纲要”，拟作为新阶段国民经济和社会发展战略的重要部分。中国台湾地区则于 2002年提出“文化创意产业发展”，试图将注重美学表意的创意思维纳入产业体系，以期让台湾地区文化产业迈向另一个高峰。 显然，这种商业、科技、艺术文化相结合，产生创新经济价值，已是优选的趋势，只是不同国家和地区政策选择适用的词略有不同：英国、新西兰、中国的澳门和香港等称“创意产业”，欧陆诸国以及中国大陆则用“文化产业”，中国台湾地区综合两者词意，称之为“文化创意产业”，美国更为具体地喻此为“智慧版权产业”，日本更宽泛地指其为“内容产业”。 2005 年 2 月，联合国教科文组织于渣德浦会议提呈的《文化产业的背景报告》中提出， “文化产业”与“创意产业”几乎是两个可以互换的名词，在此之后“文化创意产业”的叫法已被各国专业人士认同。 近十年，文化创意产业在优选蓬勃发展，创意创新带来了世界经济的繁荣，高新技术成果如雨后春笋。以海水循环发电的海峡原生态保护为创意理念设计的动力水轮机，如图 1-9所示。优选有名的计算机领域的苹果品牌，不断推出“与众不同”的创意产品，如图 1-10 所示。 2. 新媒体设计教育内容 目前，文化创意产业的定义沿用英国的内容：起源于个体创意、技巧及才能的产业，通过知识产权的生成与利用，进而有潜力创造财富和就业机会。诸如设计、电影、戏剧、音乐、广告（传播）、动漫、电玩游戏、服装、艺术品收藏等，这些具备高附加值的创意以及高流通特点的活动形式，都属于该范畴，与这类相关的学科知识、专业技术与产业管理模式以及传媒道德操守等亦属于新媒体设计教育的内容。 图 1-9 海峡动力水轮机 综合材料 Anthony Reale 美国 College for Creative Studies 图 1-10 Apple Watch 与红点奖 美国 设计要解决哪些问题？设计是否关心弱势群体？是否关心公益？新媒体经济时期对创意设计的评价标准是致力于贴近生活，创造性地解决民生问题，服务国家建设和发展。以上要点成为衡量创意产品设计成功与否的核心所在，同时也是新媒体设计教育应该关注的问题。 图 1-11、图 1-12 所示题为《森林》的创意设计委婉生动地向世人提出了保护自然资源的警示。 图 1-11 森林 视频创意设计 1 Adobe 获奖作品 图 1-12 森林 视频创意设计 2 Adobe 获奖作品 由此可见，文化创意产业内容丰富，而且是多学科、交叉性的门类，与之相关的文化创意产业教育也成为一个超常跨界的学科领域（inter-disciplinary）。在不同社会背景下，文化创意产业有着不同的创意语言的表达方法及美学教育内容和运作模式，因为不同地域的创意产业发展成功与否都受所处的地缘环境、经济、文化教育资源的影响，并且所在地民众对当代媒体体验经济模式的认同与否也可能直接或间接地影响创业导向。 1.1.3 中国语言文化传播 学术发展有一定的规律，中国语言文化传播应该从中国语文（普通话）基础研究开始，从而建构中国文字的科学性，以便提供适合信息制作技术的基本规范。 在过往几千年的历史长河中，中华文明缔造了数量惊人的艺术品，其形式精美、技术纯熟，尤其以象形文化独具创造特色的传播方式，向世界展示了从远古走来的图像文化足迹，无与伦比。 汉字源于中华文明五千年的历史积淀，构成每个汉字的偏旁部首都是一个完整的文字，并具备特定的词义，有的偏旁部首还来源于美丽的民间传说甚或跌宕起伏的动人历史故事，如图 1-13~ 图 1-20 所示。 此外，不少汉字至今还保留着古时造字对词义生成的情境特性，金文“旦”字便是一例。但凡在海边目睹日出全过程者均有此感：当太阳即将跳出海平面之刻，一直与海平面保持着若即若离的距离，仅日出前的酝酿足足有几分钟。这个过程在金文“旦”的演绎过程中体现得惟妙惟肖，让人有感日出的孕育来之不易，一日光明并非触手可及，如图 1-18 所示。 金文的“人”字演变，从“爬行”到“直立”，极具从猿到人的过程意象，如图 1-19 所示。 金文的“月”更是象形文字的图像化表达：弯月中的一点，宛如月亮的高光，如图 1-20 所示。 汉字古今，趣味无穷。2015 年春节期间，由中国中央电视台举办的元宵节猜字谜大赛，所出的谜面蕴含的华语创意展现了数字时代古汉语与当代文化交互演绎的情景，汉字以新媒体传播方式为载体，给中国传统新春佳节带来别样的乐趣，在此列出几则案例与读者分享。 （1）谜面：“双方都许可” 打一网络语言（2 字） 谜底：呵呵。 解释：双方都允许，两个“口”都说可以。 很好形象地描述了汉字象形部首的直观形态。 （2）谜面：“打破砂锅问到底” 打一电脑配件 谜底：硬盘。 解释：硬是盘问。 对汉字字面固有的意义进行语义重组，体现了跨学科领域的思维特征。 （3）谜面：“春天还会远吗？” 打一中国传统农历二十四节气 谜底：冬至。 解释：感受气候的变化，冬天已到，春天就不远了。 这是一个与生活常识有关的内容，具有汉语言图像形容场景的逻辑意义。 （4）谜面：“赤橙绿蓝紫” 打一中国汉语成语 谜底：青黄不接。 解释：中国传统习惯对彩虹色彩的说法是“赤橙黄绿青蓝紫”，此谜面有意隐藏“黄”和“青”两字，得出“青黄不接”，色彩形象地描绘农耕时令的征候，也是生活常识内容。 （5）谜面：“粒粒皆辛苦” 打一生活必需品 谜底：中药丸。 解释：用五言唐诗形象地形容中药加工过程的不易，突出古为今用的汉语联想特点。 （6）谜面：Not enough 打一中国古代诗文（七字） 谜底：不足为外人道也。 解释：选用东晋末诗人陶渊明著的《桃花源记》中的一句话，取译英文的“不足”之意，英文又含有“外人”之意。将英文引入汉字字谜大赛，从一个新的视角体现了语言文化多元性的当代文化现象，以及超常跨学科的语言媒介创意的互动作用。 近年，中国不少非物质文化遗产的创新成果与新媒体技术与艺术互动密切相关，在体验中反省中华传统文化教育伦理的意义，对弘扬优选性文化与树立崇高理想起着潜移默化的作用。中国中央电视台推出了很多弘扬中华传统文化并具有教育意义的节目，深受广大观众喜爱，如图 1-21 和图 1-22 所示。 图 1-13 象形文字“日” 图 1-14 象形文字“川” 图 1-15 象形文字“雨” 图 1-16 象形文字“山” 图 1-17 象形文字（金文）“鱼” 图 1-18 象形文字（金文）“旦” 图 1-19 象形文字（金文）“人” 图 1-20 象形文字（金文）“月” 图 1-21 锦绣 非物质文化遗产创意节目 央视网络春晚 图 1-22 信中国 网络与新媒体互动 央视综合频道