《视觉形态语素》课题设计
——以多媒体网站设计为例
指导教师：许娟
视觉形态语素①
课题名称 视觉形态语素 教师 许娟 学分 3 学时 60 前修课程 设计基础1、2、3 交互界面设计创意 动态图像实验 网络媒体编辑策划 教学目的 教学课题设计 ·概念理解网络媒体视觉形态设计功能与形态 视觉形态语素一以多媒体网络站设计为例 的关系。 ·掌握网页布局实验形态语素的运用。 课题① 功能与形态 ·掌握视觉思维与进行语素分析的方法，培养形式功能优先还是形态优先①，由设计课题决认知与表达的习惯。 定。构建网站的独创性构思时，网页布·掌握展开形式游戏的方法，培养具有个性化的形局形态是非常有效的设计要素，有助于式趣味表达方式。 激发创意，兼顾网页布局结构②和网页布 局形态③。 课题思路 课题② 含义表达与情感传递 形态最先向使用者传达设计理念和意图，·讲授视觉思维的基本理论，分析介绍网络媒体视但不是形态传达的绝对意义，人们对同一觉艺术表现的形式语言。 形态感受差异很大，对“点、圆、三角形、·分析网络媒体的基本视觉要素，如LOGO、交互四边形、菱形、直线、斜线、自由曲线、导航、 动态影像、色彩情感、实验字体设计、曲线”等九种形态的感受进行问卷调查。 布局结构等。 ·分析普通形态、独特形态、实验形态、模糊性的课题③ 普通形态 混沌美感等视觉语言表现法则及在网络媒体设 旨在快速传达信息的信息架构的网页布计中的应用。 局类型，通过相似的网页布局和形态给使 用者熟悉的印象，但却少特色的差别化策略。 课题来源 课题④ 独特形态 ·随着网络、后影像时代的到来，艺术设计领域迎依据设计意图和表现策略，独特的网页布来新的设计课题—网络媒体视觉形态设计。 局形态进行多样化的表现。 ·网络媒体视觉形态设计是一门新兴交叉学科，融 合网络媒体技术和艺术设计等多门学科构建。 课题⑤ 实验形态 没有定型的框架、通过实验性的、尝试性的形态大胆地表现网页布局结构。注重概教学要求 念性的、创造性的设计，其互动的交互方 式新颖独特、另类前卫时尚。 ·能够注重概念性的、创造性的设计。 ·具备尝试性的大胆地表现网页布局结构和形态的课题⑥ 模糊性的混沌美感 创造能力。 运用视觉要素的混乱排列方法，实验字体·互动的交互方式新颖独特、另类前卫时尚。 ·将无秩序、非常规、拼贴、解体、游戏、混乱等设计，将无秩序、非常规、拼贴、解体、主题语另类地融合在一起。 游戏、混乱等主题语另类地融合在一起， 混乱中蕴涵着美感。 ①
“功能优于形态（形随机能：Form Follow Function）”，这句话出自美国功能主义建筑的早期理论家霍雷肖.格里诺的一篇文章，后来经过美国建筑师路易斯.沙里文的大力推广和鼓吹，成为20世纪设计师的金科玉律。 ②
网页布局结构作为一种功能研究，指向使用者提供便利的用户界面，提高使用性的逻辑思维表现。 ③
网页布局形态作为一种视觉语言，指容纳网页布局结构的框架形态，让使用者认识网站外观风格时的感性表现。
视觉形态语素②
课题教学步骤 ·讲课：8课时，视觉形态语素，以网络媒体为例 ·阅读：4课时，根据书目阅读精典文献与图像案例。 ·案头：4课时，构想文本，提出理念及初步形式计划。 ·对话：8课时，根据作业“虚似对话”的要求，根据文本现场进行，演示与讨论。 ·讨论：12课时，由学生发展自己的构想，师生群席展开讨论。 ·草图：16课时，强制，修改方案，制作计划书 ·定稿：8课时，作品制作。 ·总结：4课时，展示作品，对课程进行回顾，总结成绩，提出问题，教师对作品进行反馈。 示范作业① ·涂鸦插画表现自由奔放的个性 参考书目、图像、网站 ① 邬烈炎著《艺术设计课题实验教学丛书—设计基础：来自自然的形式》江苏美术出版社2003 ② 周至禹著《过渡—从自然形态到抽象形态》湖南美术出版社2000 ③ 尹国均著《先锋试验》东方出版社1998 ④ 曹方编著《现代汉字艺术设计》，江苏美术出版社，2000 ⑤ 何苏六著《网络媒体的策划与编辑》北京广播学院出版社，2001 ⑥ 张燕翔著《新媒体艺术》科学出版社，2005 ⑦ 视觉中国网站 http://www.chinavisual.com ⑧ 七色鸟设计空间 http://www.colorbird.com ⑨ 设计在线网站 http://www.dolcn.com ⑩ 简约、建筑解构http://www.hejingyuan.com ·提供音乐、音乐家信息及各种广播、电视、采访内容的在线音乐电台的网站。运用自由的笔锋表现的能够激发年轻人音乐情感的绘画素描突出了自由奔放的个性。