教师信息

朱自瑛

课程信息

《界面设计》课程

      《界面设计》主要教学思路:

  1.             1.掌握UI设计基本概念、设计流程、设计方法、设计原则、设计规范。
  2.             2.课程教学主要围绕创建问题和远景陈述,探索和头脑风暴、确定人物模型期望、构建场景剧本、明确设计需求、构建精益画布、信息架构(流程图、功能架构图、交互稿)、视觉框架与风格、设计开发、验证与测试。
  3.             3.课程以:“社会服务创新”为主题,锻炼学生需求分析、设计、实现能力。

      课程设置知识要求:交互设计、用户研究、界面设计、Xmind、process on、Axure、Mockplus、墨刀等交互工具

      课程设置能力要求:思维能力,分析能力,原型制作能力、设计开发能力

      课程达成目标:熟练掌握UI设计流程与方法,设计pc或移动端产品

      课程阶段

          步骤一:发现问题

            同学们以“社会服务创新”为中心,进行思维扩散,分组讨论,整理出亲和图,从而发现想要深入研究的问题。

          步骤二:深入研究问题

            根据问题形成用户体验地图,以问题剧本及理想剧本的方式进行剧本表演。

          步骤三:进行调研

            针对想要研究的问题及方向进行竞品分析(象限分析/swot分析/yes/no分析/五维分析),通过象限分析分类出三类竞品(直接竞品、间接竞品和其他竞品),再选择3-5种竞品制作战略层、范围层、结构层和框架层进行分析,同学们通过这些竞品分析步骤可以更清晰地定义自己的产品。

          步骤四:用户画像

            针对目标用户进行访谈、观察,寻找用户共性,形成用户画像。针对如何访谈,如何提问进行讲解。

          步骤五:方案线框图设计

            围绕产品目标、核心功能,进行功能架构设计,并绘制完整线框逻辑图,并在课堂上每个小组之间交换线框图,以测试线框图的交互效果。

          步骤六:视觉设计

            确定线框图后,大家需要为自己的产品确定相符合的觉风格,确定产品的规范、Logo、图标等。

          步骤七:高保真原型设计

            在完成所有的视觉界面稿后,同学们需要把它们放入墨刀等原型软件,实现交互动效。

          步骤八:最终作品呈现

            在最后一堂课上,每一个小组依次上台介绍自己的产品,演示自己的APP以及产品视频。

<一>

      作品介绍/课程总结

小组组员:秦婕、李家祺、李哲悦

                      方案概要:该组同学以面包店面包废弃,浪费食物;流浪汉的食物温饱问题;流浪汉遭人厌弃;流浪汉失去生活希望四个角度进行分析,制定了流浪汉“以废换食”计划——针对城市流浪者的社会服务创新设计。

      课后感想

            从对界面UI设计一无所知到有一个完整的理论和实践知识体系,要感谢小朱姐每节课满满的干货。还有进行方案分析的时候,她不断向我们抛出一个个问题,纠正、完善我们的逻辑和细节问题,引发我们不断挖掘深入主题,这对我们设计组来说是最痛苦同时也是最有效的学习方式。还有我们做的是流浪汉的主题,所以调研和将设计代入这类特殊用户也是我们设计项目的难点。

<二>

小组组员:秦婕、李家祺、李哲悦

                      方案概要:在夏天高温,紫外线强烈的时候男生会希望有个可以搭伞的异性以免被人取笑在雨天女生拿着东西撑伞不方便时会希望有个男生可以在一旁帮忙以伞作为线上转线下的媒介,实现社交新方式

扫码观看完整版

      课后感想

            通过课程学习,朱自瑛导师对界面设计课程以简约至上,交互设计师精髓的设计思路系统地教授,对于设计流程深入浅出的讲解,让我对设计有了更为深入的了解和思考。尽管只有短短一学期的时间,却也让人收获甚多,受益匪浅。

<三>

小组组员:王李琳、高小玉、夏慧聪

                      方案概要:孩⼦们的心愿往往很⼩,也很容易易被忽略,尤其是在连温饱问题或许都解决不了的贫困地区。在那些地区,⼩小的砾⽯石一般的愿望,就是他们最珍贵的幻想。LIliland是我们自创的词汇,LILI是砾粒的谐⾳音,孩⼦子们的梦想淳朴、渺小,就像砾⽯一般,是细⼩又粗糙的颗粒,而在这片LAND上,他们可以发出耀眼的光芒。Lililand代表的就是这样一种美好之地。

扫码观看完整版

      课后感想

            在小朱老师的课堂上,很少有人走神,因为老师讲课非常的细致和干货满满。在一些理论的地方她都会举一些例子来讲述,让我印象深刻的是在讲用户画像的时候,她举了一个超市奶昔产品改良的例子,通过师生课堂的互动讨论,我也清晰地理解了用户画像前期的需求和技巧。在中后期,我们确定产品功能后进行视觉设计,因为我们对视觉的把握能力不是太扎实,我们组一共大改了三次视觉稿,在这过程中老师也为我们提出了“一针见血”的建议,使得我们的最终呈现比一开始出彩太多。