山东女子学院艺术设计学院2020级产品设计专业信息产品设计方向《界面设计》作业展

/课程介绍/

Course introduction

     本课程是产品设计专业的专业选修课,主要讲授产品界面设计的概念和发展、设计规范流程和原则,特别是网站、手机界面和App的设计类型、流程和标准。

    学生通过对本课程的学习,全面了解产品界面设计的发展过程、移动电子设备发展、设计基本原则等,掌握产品界面设计的表现方法和制作技能,提高学生设计审美能力。通过实践训练,培养学生信息产品的宣传编排、界面和图标、运营图的设计操作和实际运用能力。

 

/开课班级/

Opening class

20级产品设计信息设计方向

/任课老师/

Teacher

杨杨

/开课时间/

Opening time

2022-2023(2)第6周-第9周

 

/教学目标/

Teaching objectives

1.培养学生具备开阔的设计视野、时代意识、系统思考方式。

2.培养学生具备独立完成网站设计的能力,使学生拥有良好的审美素养和职业精神。

3.具备独立完成App的架构、交互和视觉设计,使其具备严谨逻辑思维、良好的审美素养和职业精神。

4.培养学生对产品界面设计经典案例的专业分析能力,具备良好的审美素养、利用设计创造美好生活和服务社会的意愿。

 

/教学框架/

Teaching Framework

1.讲解产品界面设计的概念与发展、交互效果和注意事项。

2.网站设计概述与网站设计。

3.手机主题界面设计与图标设计。

4.App设计概述与App设计。

5.带领学生学习欣赏经典网站设计案例、手机界面设计案例、App设计案例,并自定主题根据所学设计一款App。

 

/作业展示/

Homework presentation

01曲帅龙

陪伴常在老年医疗App

设计说明

     健康问题就目前来说是老年群体及家庭关注的焦点,该产品就是基于服务老年群体而设计的一款医疗社交类App,根据前期的调研分析,将App的主要功能确定为互助帮、交友模块、健康生活等几个大的方面去帮助老年人们在日常生活中所遇到的一些问题和需求,界面的配色主要以绿色为主色调,并附带有一些清亮的图标图案,能够给人一种清新舒适的感觉,还能够有效的缓解老年人视觉疲劳。

展板展示

左右滑动查看图集

二维码

陪伴常在App——为老年人的设计

 

App操作展示

点击边框调出视频工具条
 
02张文文动物权益社App

设计说明

     目前我们大多数人的动物保护意识十分薄弱,有许多野生动物的栖息地正在逐渐消失,生存状况及其危险,种群数量大大减少,濒临灭绝。人们的动物保护意识急需提高。在动物权益社中设计了一系列以动物保护为主的功能,例如云家长(动物保护活动征集、线上讲座、为受伤害的动物发声等功能);动物保护法科普、入刑新闻等提高人们的危机意识,减少食用野生动物;在首页添加志愿活动、夏令营等板块,让用户深入了解动物。

展板展示

左右滑动查看图集
二维码
动物权益社App 

App操作展示

点击边框调出视频工具条

03丁相雨

共守——老年防诈骗App

设计说明

     近些年随着信息科技的发展,电信诈骗层出不穷。为了降低子老人上当受骗的机率,设计一款老年防诈骗App。这款App通过老年端与子女端相连,实现子女帮助老人预防诈骗,手环作为辅助老年端的硬件设施,实时与老年端相连接。界面设计logo采用三个相同形状的图形,代表老年端、子女端和手环端三方,logo的三种颜色则是界面的配色。以绿色为主要图标主要采用线性图标,简约易懂。App以老年群体为主要用户,因此不管是老年端、子女端还是硬件端界面的字体较大,图形较多,符合老年群体的使用习惯。

展板展示

左右滑动查看图集

二维码

共守——老年防诈骗App

 

App操作展示

点击边框调出视频工具条

04董月倩

OOTD——服装搭配App设计

设计说明

     此款App位主要为集学习、搭配、体验、设计、购物、社交和衣橱分类的服务平台。设计师与普通用户交互,提供适合用户自身的搭配思路,用户也可以进行自由搭配,同时可以在社交圈分享穿搭。目的是为了提升用户搭配技巧、缓解用户穿搭方面的焦虑、提升用户精神生活需求,帮助广大的非服装专业的普通用户快速选择到适合自己的服装。

展板展示

左右滑动查看图集

二维码

OOTD——服装搭配App设计

App操作展示

点击边框调出视频工具条

05朱文阳

去野App

设计说明

     露营,作为当下休闲度假的当红选择之一,是旅行者接近大自然的一种快捷方式。目前国内露营人数达3.6亿次,许多想露营的小白露营爱好者对露营地点不知和知识储备不足,导致许多问题发生,所以我们去野App是一款基于户外露营、路线规划为核心的App,为露营小白和露营爱好者提供充实的业余生活,学习,了解露营户外知识的平台。其特色功能集户外露营、路线规划、露营知识科普的App。去野App宗旨是享受当下,一起去野。

    展板展示

左右滑动查看图集

App操作展示

点击边框调出视频工具条

06李祝君

大学生心理健康App(愈心)

设计说明

     以大学生为主的心理解压软件,这款软件主要开创社团活动,用户可以参与到房间里,通过群聊聊天的方式商量结伴出游或者参加别的活动,之后还有科普+解压+心理测试+助眠+娱乐+调节情绪等模块等用户探索。通过调研大学生喜欢经常使用的解压方法,我在软件首页采用了环形阵列的方法把解压方式罗列起来,用户喜欢哪个方法就点进去哪个解压方法,使用起来好玩有趣,逐渐忘掉此时烦恼。此外软件logo设计的是软件名字和爱心在的构造,直接突出软件名称,图标主要是线性图标,界面主要配色是白紫,有强烈的对比,主要字体采用苹方粗体,和谐统一。

展板展示

左右滑动查看图集

二维码

大学生心理健康App(愈心) 

App操作展

点击边框调出视频工具条

07吴梦莹

非遗临清App

设计说明

     这次选题主要目的是想要传播家乡临清的非遗文化,除了非遗文化还有各种当地特色文化。为了增加用户的黏性,软件新增加了新闻、视频、文创购买、积分兑换、地图导航、美食推荐、旅游打卡、3D效果预览等功能。这些板块中间交叉贯通一些功能,旅游打卡功能和推荐旅游界面同时进行,打卡完成后可以获得积分,用相应的积分兑换文创产品。

     软件界面设计整体采用淡粉色,文字统一采用苹方简体,输入相关信息后可以进入软件。logo用当地鳌头矶做为原型进行设计。配色主要以粉色做为主色调。整体分为四个板块,相对应于不同的功能,以此类推进行设计和推广运行。

展板展示

左右滑动查看图集
二维码
非遗临清App 

App操作展示

点击边框调出视频工具条

08周进哲

用药小帮手App——老年人安全用药助手

设计说明

     老年人用药安全小助手,主要为老年人群体服务,防止老年人随着年龄的增长记忆力下降有提醒吃药功能,家人互联留言提醒给予二次保障,主页设置扫码快捷查询,扫码得知药物生产日期及保质期,能够使老年人快速的辨别药物是否能够服用,以及怎么正确服用。设置在线医生,附近医院医生线上坐诊,让用户更加放心,不会再畏惧上网。此设计的主要目的是为了使长期用药的老年人能够安全的、便捷的、舒心的使用智能手机的用药小助手App,减轻儿女的负担。此设计功能齐全,设计扫码条形码获得药物信息和家人互联留言提醒是本App的创新点。

展板展示

左右滑动查看图集

二维码

用药小帮手App——老年人安全用药助手

App操作展示

点击边框调出视频工具条

09冯子宸

安帮陪诊App

设计说明

     “安帮”是一款主要关于陪诊服务的APP,主要是蓝绿色的配色,和人们固有思想中跟医疗有关的颜色相接近,给人以清新,简洁,大方的感觉。

     该陪诊软件的开发,可以使病患独自前往医院时不必慌张,并且节省病患时间,提高了就诊的效率,协助患者流程的办理和陪伴之外,专业的陪诊员还可以提高患者选择科室的精准度,增加医患沟沟通的简洁度,让患者最大程度的降低时间和金钱成本。满足更多用户使用需求,同时还能提高用户使用体验。同时,陪诊师的入驻拉高了就业率。

     软件的设定为三方交互,陪诊师和患者以及患者家属共用一个软件,在该软件内,陪诊师可以实现接单,接受平台监管患者家属能实时监控到陪诊的进程,以及患者的安全。

展板展示

左右滑动查看图集

二维码

安帮陪诊App 

App操作展示

点击边框调出视频工具条

 

10孙浩然

Timeline

设计说明

     Timeline是宝宝成长记录(工具)+专业育儿知识(PGC)+社区交流(UGC)+母婴商品(电商)为一体的工具型应用,其定位是专注于为孕期及0-6岁家庭提供私密亲子空间和个性化育儿服务的一站式亲子育儿平台。首页分为两种模式,满足两种时期不同的需求,提升用户留存率。省掉复杂的、非必要存在的功能,凸显出应用的特点,轻量化的展现,把核心业务模块快速地露出,第一时间抓住进入首页用户的注意力抓住。根据温馨、柔和、阳光提炼出设计元素,以暖色系橘色、淡黄色做为主色调,低饱和的颜色,看起来清新而又唯美,绿色作为辅助色展现活力,象征着万物生长、清新与希望。

展板展示

左右滑动查看图集
二维码

Timeline

 

App操作展示

点击边框调出视频工具条

11谢艺婷

愈MAMA

设计说明

     本选题来自产后抑郁的女性群体,主要从预防和治疗两个方向入手。目标用户患有产后抑郁的用户和想要预防产后抑郁的用户。针对未生育的用户能够有效预防产后抑郁增强抗压能力和心理素质,患有产后抑郁的用户有效治疗抑郁情绪,恢复健康心理状态。首页分为预防和疗愈两个主要大模块。界面设计以温馨的暖色系为主,鹅黄、淡粉、橄榄绿,给人以温暖治愈的感觉。图标以纯色为主,图案圆润,造型清新可爱,简洁易懂,配色简单干净与App主色调相搭配融合。启动界面的标语“我值得拥有无尽的爱和幸福”是App想要带给用户的情感导向。引导界面对App的内容定位做了大致说明。

展板展示

左右滑动查看图集

二维码

愈MAMA

 

App操作展示

12宋天宇

悦尔App(音乐类App)

设计说明

     现如今,音乐类App的种类特别的繁多,同时也有许多复杂的功能,让对于小众喜好音乐的一些用户造成的影响。该设计面向于小众喜欢沉浸音乐的用户,许多用户只能使用碎片化的时间去放松,该产品的亮点来源于此;相比于其他音乐类App软件,设计沉浸式听音乐,减少功能的同时,增加用户体验感。同时沉浸式音乐画面,也会随天气和用户听歌习惯更换背景,达到减少压力的效果。

展板展示

左右滑动查看图集
二维码
悦尔App(音乐类App) 

App操作展示

13李守业

CG game 游戏平台

   设计说明

     现今的游戏平台只是一个游戏的应用商店,包含的功能过少,对于用户的游 戏体验关注度不够。   但是在CG游戏平台上缺失截然相反,不仅仅对于游戏的咨询有详细的整合,让用户可以一目了然的看到最新的游戏咨询,对于平台内和全网的游戏进行了一个排行,增加了游戏的曝光度,让一些喜欢猎奇的用户可以不费力的发现一些好玩的游戏。本平台的设计思路是以用户体验为上的,将信息整合,游戏资源管理, 游戏曝光和游戏论坛讨论的融合式App。

展板展示

左右滑动查看图集

二维码

CG game 游戏平台

 

App操作展示

14陈彦

预虫堂App

设计说明

     我国作为农业大国粮食安全与产量一直是持续关注的事情,而农作物病虫害频繁,导致农作物减产甚至绝收,制约着农业的健康、可持续发展。本次设计主要通过五大功能区展开设计。在围绕病虫害的基础之上,增加专家咨询、智能设备管理、三方相互交流、商城以及讲堂学习平台,在进入App之前会对农户进行种类分组。App以植物幼芽为原型进行logo设计,主色为绿白相间,整体的设计上较为简单,确保用户更流畅的操作预虫堂,为使用预虫堂的用户一个极致的体验感受。

展板展示

左右滑动查看图集
二维码
预虫堂App 

App操作展示

 

15刘佳慧

女性健康App设计——知愈

设计说明

     此款App是为14-50岁有健康意识和健康需求及三线城市以上适育年龄的女性设计的。作为一款全面的女性健康移动应用App,依据不同年龄段的需求分阶段设计。针对女性生理、心理健康和身体健康进行全方位的监测。具体问题具体分析和评估,提供科学专业的健康资讯和指导建议。全方位关注女性身心健康,帮助每一位女性变得更加健康、自信。

展板展示

左右滑动查看图集

二维码

女性健康App设计——知愈App操作展示

16刘东静

口腔助手App设计

设计说明

     我的选题是围绕口腔为主题,该选题的设计定位为科普+检测+交流+咨询预约于一体的口腔健康服务平台,采用蓝紫色为主色的风格,清新有活力,更加现代、年轻化。文字规范统一采用苹方字体。口腔助手App分成了五大模块,分别是首页,学习、自诊、社区和我的。首页分成了三个使用频率较高的三部分推荐、商场和管理,更加方便用户查看。学习功能页面通过口腔学习、测试来科普宣传口腔知识,并实行积分激励制;自诊功能主要是口腔测试,是为了帮助用户检查检测口腔健康和预防口腔问题、并给出建议的功能,通过不同类型的夸张图片来吸引用户的使用。使更多的人了解到口腔健康的重要性和损害时的危害性,更加爱护自己的口腔健康。

展板展示

左右滑动查看图集

二维码

口腔助手App设计

 

App操作展示

 

17闫鑫宇

懒仔

设计说明

     由于现代社会的快速发展,生活和工作压力不断的加大,导致睡眠质量变差,引发了一系列的睡眠问题,已成为长期困扰现代人的一项生活弊病。

     本款App主要针对有睡眠问题的职场人士打造一个促进睡眠的音乐环境。快速放松身心,提高睡眠质量,摆脱睡眠亚健康状态。

     本产品主要在白噪音上增加更多音乐,双声道音效沉浸式睡眠;开启助眠主播直播助眠,陪伴式入睡;睡前减压运动,放松身心;友圈开启,减轻身心压力,开启美好明天。

     logo上采用树懒的形象,慢动作、慢生活。该形象的采用,主打反焦虑,反内卷,减轻生活、工作压力。颜色上采用咖色,能让人心理趋于平静,消除孤独感。

展板展示

左右滑动查看图集

二维码

懒仔

 

App操作展示

 

18王智彦

知茶——茶文化App设计

设计说明

      茶文化是中华民族在茶的品饮中所凝聚的文化精神,是一条表达民俗风情、审美情趣、道德精神和价值观念的历史文化长链。“知茶”是一款茶文化App,主要围绕中国传统茶文化的继承与发扬,把茶文化与现代语言结合,致力于普及茶文化知识,是一款集“体验+学习+新潮”的多元化平台。希望用户了解并传播茶文化,为发扬传统文化尽一份力。主打线上+线下,使学习传统文化更有趣;还有拍照智能识别茶叶功能和二维码溯源功能,提升 App 实用性和用户体验感,传达具有中华民族寓意的茶文化信息,打造虚拟世界中的传播途径,潜移默化促进传统茶文化的发展。

展板展示

左右滑动查看图集

二维码

知茶——茶文化App设计

App操作展示

19贾笑敏

无忧停车App

设计说明

     无忧停车有地下车库、地上车库、临时车位和固定车位的区分。可以更好的帮用户分析停车场剩余车位数量与车位的位置,也可以在手机上查询并预定自己想去的位置。通过车位预约功能提前锁定精准车位、通过互联网技术能够做到精准导航到具体车位,再也不用担心迷路在不到车的位置。该App以白色停车字符“P”加以蓝色为底为logo,总体上采用蓝白色的色彩搭配,色彩对比强烈增加整体性与艺术性。在应用图标设计中,在启动图标设计中以小山丘为底、汽车为始,增强界面使用用户的代入感。整体界面十分简洁,减弱附加功能,凸显主要功能,使用户在使用时更加清晰明了。

展板展示

左右滑动查看图集
二维码
无忧停车App 

App操作展示

 
指导老师 | 杨杨课程名称 | 界面设计

年级 | 2020级产品设计

 

关注 关注
关注
返回顶部