出山大师课
5G时代的艺术学习新方式
作者:STOYARD 2022-03-02 编辑:STOYARD SHANGHAI
2022
出山Master Class 是出山与世界级艺术大师合作,共同打造的艺术课程,曾多次举办线下艺术课程教学。我们接受委托策划,设计,开发了包括线上课程,购买,授课,在线学习,作业,课后答疑等网站系统。
1.项目背景
出山Master Class官方网站是出山艺术团队从线下课程教学拓展至线上课程的一次尝试,希望通过这个数字平台实现课程营销和艺术交流的目的。
2.网站定位
出山艺术团队有非常优质的艺术资源,不论是师资还是内容上都能排在业内前端,所以,我们希望网站的设计效果既有艺术性、创意感又能匹配对方团队的行业地位和愿景。
网站设计前期我们与出山艺术团队经过多次沟通,最终确定整体视觉风格为简约、静怡,另外加入创意构思。出山Master Class网站的内容非常精简,整个界面一目了然,分首页、全部课程以及我的课程三个核心内容。为了将这三类内容以多元有趣的方式展示出来,我们设计了一系列微动效和交互细节。
3.视觉元素围绕“出山”的意象
网站首页的Banner是一段经过剪辑设计的视频,以大师的教学场景作为切入点,令用户直观感受到网站艺术课程的专业性与趣味性。
下拉页面,我们通过两个内容可以精准地了解到品牌的核心理念,一为专注(专注职业艺术从业者的技能与认知提升),二为探索(探索5G时代的艺术学习便捷方式)。
我们从品牌名称及意象中提取了“山”这个形象并将其抽象成不规则形状,通过微动效将图形进行渲染,使得图形呈现出空间层次,旁侧几行沿着图形边缘滑动的文字以及不断旋转的小图形都能为画面带来灵动的效果。
网站整体给人的感官便犹如山林之风,徐徐而来,万物皆为之而动,既增加了画面趣味,也暗合了出山艺术团队的教学理念。
4.网站内容细节
网站课程聚集了东、西方的艺术精华,每一期课程都经过团队精心策划,向学习者传达一些具有积极意义的内容,比如“用测量凝视真实”课程,会有艺术家洛佩慈带领学生探讨艺术创作中精细真实的绘画技法,在“东方人物画解析”课上,会有导师带领学生了解古本解析与创作实践。
我们根据不同课程的主题设计了海报,我们将“山”的抽象形状与人物形象融合,在动效的加持下,我们仿佛看到导师们从“山”中走出,与学生一起踏上艺术旅程。
5.动态交互为网站带来活力
“全部课程”这一版块是对课程详情的介绍,其中包括课程介绍、试听课、课程侧重、课程安排以及导师的介绍。
用户可以通过这部分内容了解课程的整体信息,并进行支付。我们为整个页面的内容进行了配图以及版面设计,其中加了一些动态细节,随着页面滚动,会有文字的弹出和滚动,为静态的页面内容增加活泼的气氛,增加节奏感,动静相宜之下,令用户的使用体验更为愉悦,学习气氛也变得更轻松。
我们也设计了与网站适配的手机端页面,整体延续了简约的视觉风格,交互细节也更适用于手机端的展示,我们希望热爱艺术的学生及从业者在各种场景下打开网站都能有耳目一新的体验。