
前 言
近年来,随着国家对文化创意产业战略的关注和对数字信息产品自主创新的重视,用户体验设计(User Experience Design,UED / UXD)、可用性设计(Usability Design)、用户界面(User Interface,UI)设计和交互设计(Interaction Design)等理论和实践成为国内许多高等院校艺术设计教育所关注的焦点。国外院校如纽约大学设计艺术学院、伦敦皇家艺术学院、伦敦传媒学院、苏格兰邓迪大学、旧金山州立大学等,以及国内院校如中国美术学院、清华大学美术学院、中国传媒大学、中央美术学院、汕头大学艺术学院、江南大学设计学院、北京服装学院等,均开设或开始建设数字媒体交互或数字媒体艺术方向的系科和专业。从国际学术界和教育界对“数字媒体艺术”专业内容的设定来看,其主要涉及视觉艺术、艺术设计、信息传播、人机/用户界面、多媒体、网络、动画、游戏和虚拟现实等艺术与技术方面的知识。图标设计课程主要属于高等院校数字媒体艺术设计学科中用户界面设计的教学范畴,在国内高等院校数字媒体、数字交互、信息设计、游戏设计、平面设计、工业设计等专业中多有知识涉及或课程开设,或包含于界面设计课程中,或独立成课,作为界面与交互设计、数字移动产品,乃至毕业设计课程的基础专业必修环节,同时也作为其面向其他系科和专业开设的选修课程。
作为物与人交流的媒介,用户界面的设计与研究在高校相关专业的教学中成为热门教学方向。本书主要选取艺术类高校数字媒体专业中“界面与交互设计”课程的部分内容,为相关专业课程或计划开设相关课程的专业提供教学指导、经验分享与交流,同时本着公开教育资源,促进我国高校改革发展,以及推进教育理念、教育内容和教学方法的改革这一宗旨,希望与更多的专业学习人员及爱好者分享高校课程教学内容。
本书内容安排
本书较为全面地论述了图标设计的相关基础知识及流程,从影响其创意思维的相关理论中汲取支持,旨在引导设计者关注从创意到设计的全过程,而非流于操作技能技法。同时本书对图标设计要素展开拓展讲解,并针对具体的实例进行操作步骤的指导。全书共有6章,每章的主要内容如下。
第 1 章 绪论。从图标概念的源头介绍到数字屏幕中的图标释义,然后分析图标、标识、标志之间的关系和易混淆之处。最后介绍图标设计的应用价值。
第2章 图标设计概论。主要从发展与现状、特征、创意原则、分类、软件与输出以及平台与规格6个方面对数字界面中的图标进行概述。通过对上述知识的了解与掌握,读者可以学会用更专业的眼光审视数字界面中的图标设计。
第3章 图标设计基础。主要介绍图标与符号学、图标认知中的隐喻,以及图标语言理论之间的关联与潜移默化的影响,尝试通过相关理论的讲解与练习探寻到图标创意和思路。
第4章 图标设计流程与创意。详细讲解图标设计流程,并结合优秀图标习作介绍设计者在设计过程中的思路、草图和最终方案的完成,从而使读者有一个直观的认识,并能够根据此过程自行展开设计尝试。
第5章 图标设计要素精讲。主要针对图标设计中的设计要素展开深入讲解,帮助学习者在设计制作过程中对图标的形、形式、色彩、材质、动效乃至情感体验细节进行刻画塑造。
第6章 图标制作实例。通过10个图标实际制作案例,按步骤演示制作过程,读者可以学习掌握不同质感图标的计算机绘制方法。
本书特点
本书从知识、技能、素养三方面切入专业内容的教学与实践,希望通过界面与图标概念以及相关理论知识的讲解,在图标设计流程和整体把握能力的训练中,培养读者的创意思维、自主优化的专业素养和良好的设计习惯。图标课程的设置以图标设计技术要求为前提,以识别性与艺术性融合的研究、形式语言及开拓性思维的培养为主导目标,倡导更多的探索与思考。
本书适合准备学习或者正在学习图标设计的初、中级水平读者,本书充分考虑到初学者可能遇到的困难,讲解尽量全面深入,通俗易懂,结构安排循序渐进,读者在掌握知识要点后能够有效总结与回顾,并通过实例分析巩固所学知识,提高学习效率。书中既有行业大咖的优秀作品赏析,又包含多年课程教学中涌现出的专业学生优秀作品与设计思路分析,帮助读者形成从创意开始直至制作完成的连贯思维,从而设计出优秀的图标作品。
课程目的与要求
本书帮助读者了解图标的基本概念、发展历程,从图标设计基础理论与设计意识出发,逐步掌握图标概念分析;掌握从文字到图解,最终设计成稿的步骤方法;从而对图标与视觉设计具备整体的把控能力。本书重视以“道”为主导的“技术”实践,为后续相关设计课程打下基础,也为该专业方向的人才储备必备的艺术设计专业知识。
课程周时与安排


本书作者
本书由中国美术学院数字交互专业教师童元园编写,作者结合自身十年教学所得,经过几番修正改进,梳理出关于图标设计学习的方法,循序渐进,由表入里。在书中参考了诸多同行与业界人士的宝贵经验,在此特表深深感激。图标设计技术更新发展之快令人感叹,如遇书中疏漏或不足之处,希望广大读者朋友批评、指正。
童元园
2018年8月