《数字界面图标设计》课程
《数字界面图标设计》课程是数字媒体艺术专业的学科基础选修课。本课程紧密贴合岗位需求而开设,高度注重实践操作,致力于让学生在实际动手过程中掌握 UI 设计的核心技能。自开设以来,课程凭借其独特的教学内容与实践导向的教学方法,在专业教学体系中占据重要地位。课程内容涵盖从图标设计到界面布局等 UI 设计的关键环节,全面且深入地为学生讲解 UI 设计的理论知识与实践技巧。
✦
课程名称:数字界面图标设计
课程类型:学科基础选修课程
课程学时及学分:64/4
授课对象:2023级数字媒体艺术设计A本(大二)
授课班级:230610501、230610502、230610503、230610504
授课人数:93人
授课教师:何卓群(讲师)、杜亚琪(助教)
一、课程简介:
《数字界面图标设计》是数字媒体艺术专业的学科基础选修课,紧密围绕岗位需求设置,高度重视实践操作,旨在让学生切实掌握UI设计的核心技能。 课程从界面设计延伸至图标设计,进行全面且深入的讲解。在软件应用方面,详细概述Photoshop和Illustrator的功能,帮助学生熟练运用这些行业主流软件实现设计构想。
主要教学内容课程聚焦于图形、图标、数字界面设计,以由浅入深的方式,通过丰富的具体案例,逐步讲解设计中常用的思路、方法与步骤。这种渐进式的教学模式,旨在帮助学生扎实掌握设计的基本思路与制作方法。
课程目标通过本课程学习,学生将深入了解数字界面图标设计的概念、基本原则、风格特点以及设计流程。熟练掌握图标与界面设计知识及方法,并能运用所学绘制软件,制作出符合主题设计需求的数字界面图标设计。同时,有效提升与客户沟通协作的效率与能力,为未来从事相关工作奠定坚实基础。
二、授课板块:
根据教学大纲以及教材内容,本课程分为七个章节进行授课,根据几轮授课情况,并结合学生学习情况,将课程内容进行优化,将项目教学与课程内容相结合,对于重点章节模块增加实践量,理论结合实践,加强设计项目的应用性和落地性。
第一章:UI设计
第二章:Photoshop功能概述
第三章:Illustrator功能概述
第四章:按钮、导航、控件的设计
第五章:图形、图标设计
第六章:系列主题图标
第七章:综合案例设计
1. 项目实训:拟物图标制作
2.项目实训:扁平化图标制作
3.项目实训:阴影图标和长阴影图标制作
4.项目实训:微渐变风格图标制作
5.项目实训:MEB风格图标制作
6.项目实训:主题系列图标设计
7.项目实训:主题图标界面设计
该课程讲授由理论到实践、由浅入深的渐进式方法,适应科学技术和知识更新的需要,具有系统性和先进性,有利于学生创新精神和创新能力培养。
三、学生作品展示
作品名称:《没泥不行——蛇生肖非遗泥泥狗UI设计》
设计者:潘淑丽
指导老师:何卓群(讲师)
设计说明:此作品是基于蛇生肖再创中国非物质文化遗产——河南淮阳泥泥狗的图标设计,该设计基于泥泥狗的文化,纹样,配色和蛇生肖的基本形态来进行创作,图标配色以中华五色:黑,白,赤,黄,青来搭配,再以泥泥狗特色纹样来点缀,将传统文化与现代设计相结合,并以这基础再创泥泥狗特色文创产品,增强中国文化自信,传承中国文化遗产,赋予中国文化新的活力与生机,展现河南淮阳非遗泥泥狗特色之美。
作品名称:《虎乐淘淘—布老虎非遗文化UI设计》
设计者:王佳琦
指导老师:何卓群(讲师)
设计说明:布老虎作为中国传统的非遗文化,承载着深厚的文化底蕴和吉祥寓意。本设计旨在通过现代UI设计手法,将布老虎的传统元素融入其中,打造出一个既具有传统韵味又不失现代感的设计作品,从而吸引更多用户的关注。设计过程中,我们注重保留布老虎的传统形象、色彩和寓意,同时融入现代审美观念和实用功能,将科技感的风格的图标应用于手机界面,为用户增添一份独特的传统文化氛围和科技感。使其更加符合现代人的审美需求和使用习惯。
作品名称:《云肩:从传统服饰到现代 UI 设计的华丽转身》
设计者:郭蓉
指导老师:何卓群(讲师)
设计说明:云肩 UI 设计的核心理念是将中国传统服饰元素 —— 云肩,与现代数字界面设计相融合,旨在传承和弘扬中华传统文化,同时为用户带来独特的视觉体验。云肩作为中国传统服饰文化中的瑰宝,承载着千年的历史文化底蕴与美学精髓,通过对其图案、色彩和寓意的提取与再创作,将这一传统文化元素转化为现代界面设计中的装饰元素,使其在数字环境下焕发新生。
作品名称:《美乐蒂UI图标——主题设计》
设计者:黄诗婷
指导教师:何卓群(讲师)
设计说明:美乐蒂的设计旨在传递快乐、友谊和温馨等积极情感,通过其可爱的形象和活泼的动作,让人看到它就会感到心情愉悦。用粉色系为主色调,搭配爱心、星星、蝴蝶结等,如在 APP 图标设计上,美乐蒂主体形象居中心,四周环绕闪烁星星,营造甜美梦幻氛围,吸引女性和年轻群体。
作品名称:《瓷绘青花印—素坯镂青现新姿》UI图标设计
设计者:徐香超
指导教师:何卓群(讲师)
设计说明:以青花瓷这一极具中国传统文化代表性的元素为核心,将其独特的艺术风格与现代图标设计理念相融合,旨在打造既具有古典韵味又符合现代审美和使用需求的图标系列,展现中国传统文化魅力的同时,提升用户界面的美观度与独特性。
作品名称:《穆夏·傩戏》
设计者:李敏欣
指导教师:何卓群(讲师)
设计说明:本图标设计旨在将穆夏风格的装饰艺术与中国传统傩戏文化相融合的神秘魅力与文化底落,使其在现代设计语境中焕发出新的活力,同时也为傩戏文化的传播与推广提供一种新颖的视觉表达方式。
作品名称:《马勺脸谱》主题UI设计
设计者:桂鑫
指导老师:何卓群(讲师)
设计说明:该UI设计整体以“马勺脸谱及蛇年IP设计结合为主,它承载着丰富的文化内涵和独特的视觉魅力。既保留其原始韵味,又赋予其新的视觉体验,采用了对称和平衡的构图原则,使图标在视觉上更加和谐稳定。本次设计的马勺脸谱UI图标不仅适用于传统文化主题界面设计,还可以广泛应用于各类现代感十足的应用场景中,如游戏,社交教育领域,可以创造出既具有传统韵味又不失时尚的独特视觉效果。
作品名称:瓦猫仔仔的奇妙UI世界
设计者:郑佳谊
指导老师:何卓群(讲师)
设计说明:瓦猫是云南传统居民特有的建筑装饰-屋脊上的守护者。在云南的文化中代表着保护家庭平安,免受疾病侵扰的寓意。其形象寓虎于猫,大口全开,寓意吸收八方财运。在IP形象的设计中加入金钱纹让瓦猫的形象更加饱满,运用红黄蓝三个配色使其活泼可爱,更受大众喜爱,借此传播云南民间文化。
作品名称:《 Happy Holiday 》主题UI设计
设计者:赵雅迪
指导老师:何卓群(讲师)
设计说明:本次设计以美式复古漫画为灵感进行设计创作。运用鲜艳的色彩进行拼合,运用诙谐幽默的画风。起名为《 Happy Holiday 》(愉快的假期),是希望用户可以通过使用本手机主题产品,从中获得轻松愉快的感受,更加享受自己的愉快的假期。
作品名称:《喵急送》外卖软件 UI 界面设计
设计者:刘盼盼、田芮瑗、黎思怡、寇靓、叶雨洁
指导教师:杜亚琪(助教)
设计说明:“喵急送 APP ”图标旨在塑造一个亲和、有趣且易于记忆的品牌形象,图标的设计以黄色和黑 色为主色调的小猫为形象,利用两色对比进一步突出了图标的主体 ,简洁的设计有助于提高图标的可识 别性和辨别度,符合外卖行业的活力形象,还能激发用户的食欲和好感度。其次,作为外卖软件不仅在设 计上注重简约而不简单、追求优质的用户体验和视觉效果,而且力求成为用户喜爱的平台,同时营造出一 种温暖、柔和且充满亲切感的氛围,设计充分迎合用户的审美,平台内容丰富,涵盖热门店铺推荐、美食 推荐以及附近美食推荐等多项功能,同时也配备了搜索、关注等便捷操作,使用户能够迅速定位到自己喜 欢的内容。
作品名称:《泥好》app形象设计
设计者:欧阳桢 谭博曦 钟俊辉
指导教师:杜亚琪(助教)
设计说明:泥“好”是一款专注于凤翔地区丰富多彩的非遗文化应用软件。凤翔,这片文化底蕴深厚的土地,孕育了无数令人叹为观止的非遗瑰宝。然而,这些珍贵的文化遗产如今却面临着被遗忘的风险。为了解决这一难题,泥“好”应运而生,本应用旨在通过现代化的数字平台,将非遗文化展现给全世界,提升其知名度和影响力,让更多人了解凤翔非遗文化,共同守护这份宝贵的文化遗产。
作品名称:《遇见敦煌》品牌形象设计
指导教师:杜亚琪(助教)
设计者:游裕祥,祝浩男,李旗,朱书豪
设计说明:主题的图标用敦煌两字组合形成一个九层塔的形状,以直观展示图标的主要成分,同时,敦煌的形状经过艺术化处理,使其更加像塔的形状,九层塔作为莫高窟的标志性建筑之一,彰显着古代敦煌地区高超的建筑技艺,是古代匠人们智慧的结晶,也凸显出莫高窟在当时佛教文化传播和发展中的重要地位,成为佛教圣地的突出象征,吸引着无数人前来朝拜、瞻仰,历经岁月见证着敦煌文化的传承与延续。遇见敦煌旨在通过数字化手段,向广大用户展示敦煌丰富的历史文化、艺术瑰宝,以及独特的自然风光。通过该APP,用户可以随时随地了解敦煌感受其深厚的文化底蕴和艺术魅力,购买敦煌相关周边产品等。