精华内容
下载资源
问答
  • 交互设计和UI设计有区别吗 UI学习路线是什么
    2020-12-09 10:25:17

      UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计,也是目前比较热门的高薪行业之一。学习UI设计可以从事很多职位,比如界面设计、交互设计等。不过什么是交互设计呢?UI设计师和交互设计师有什么区别吗?下面且看小编的分析。

    image/20191231/703c1dbf0399db9a2e91ff7b521ff57e.jpeg

      什么是交互设计?

      简单理解就是偏向理性的设计,而图形设计是偏向感性的设计。交互设计是面向过程的设计,所以需要描述清楚产品整体使用流程及相应的情况。使用交互文档进行描述是很好的方式,交互文档将作为技术开发,测试及设计人员进行全面的界面设计的依据。

      交互设计和UI设计有什么关系?

      交互设计和UI设计都属于前期人机交互工作范畴中,如果UI设计师有交互设计的经验,那做出的页面对产品的理解和展示将更能符合产品想表达的意思。反过来交互设计师如有UI经验,会让后期人员对原型的理解更加明了。

      为了更快的入门UI设计行列,掌握企业所需的全部技术点,很多人会选择专业学习一下。那么究竟什么样的学习路线才算好呢?一般通常要包含以下内容:

      1、造型训练与基础课程。意在培养学生们的对素描的基础了解和色彩绘图原理的掌控,通过临摹素描和色彩搭配的学习,提升学生对造型能力的掌控。

      2、设计工具与品牌形象设计。通过学习学生可以掌握基本软件的使用,视觉识别系统的学习与制作以及平面设计的工作流程。

      3、Web与运营设计。意在让学生掌握Web端设计规范、前端设计流程,构图与色彩的使用原理Banner设计技巧,三维辅助画面表现和专题的设计方法,学习C4D软件。

      4、网页静态布局。主要包括产品流程及用户体验分析,icon设计制作规范及方法,ios&安卓设计规范,产品动效表现:掌握AE中制作东西的基本方法,把控学员作品集的整体质量。

      5、移动端全流程设计。主要包括图标icon设计与主题表、UE、UX用户体验与交互原型、iOS&Android设计规范、移动端界面设计项目实训、智能可穿戴设备项目实训、 H5页面推广设计与发布,让学员熟悉整个移动端的设计流程。

      6、作品润色与整理。通过五个阶段的学习积累,将之前所做的项目作品整理并加以润色,从全局角度让作品更上一层楼。

      如果你对以上学习路线非常感兴趣,想要快速入行UI设计行业,可以选择来专业学习一下。

     

    更多相关内容
  • 交互设计学习心得

    2021-11-01 11:19:44
    设计前:产品分析 设计中:精细度提升 设计后:设计验证 主副区分区 设计依据: 用户使用频次 帮助用户做出选择(一维、二维分析法) 高频次在主区 按类型分类在主区 图表内外环呼吸感:0.618黄金分割比 内环/外环 =...

    一、概论:

    设计前:产品分析
    设计中:精细度提升
    设计后:设计验证

    主副区分区
    设计依据: 用户使用频次 帮助用户做出选择(一维、二维分析法)
    高频次在主区 按类型分类在主区

    图表内外环呼吸感:0.618黄金分割比 内环/外环 = 0.618
    请添加图片描述

    ICON的颜色
    色彩情绪 、色盲色弱的颜色规避、色彩连接。

    界面排版
    十字交叉 分析:
    请添加图片描述

    二、产品分析&目标导论

    1.目标识别:
    产品迭代需求

    2.页面层次分析请添加图片描述
    3.改进措施思考:

    三、首页页面功能

    建立认知 - 行为转换 - 流量分发

    建立认知:
    如何给用户形成产品形象?
    图片选取:符合目标人群
    配色方案:符合用户偏好
    图标样式:符合目标人群

    情绪板:
    原生关键词 - 衍生关键词 - 建立图库

    行为转换:
    如何让用户用我们的产品?
    兴趣推荐 - 给用户想要的
    标签提炼 - 突显卖点
    金融类:数字列表流
    电商类:瓷片区

    	流量分发:
    	出口越多,引流越快
    
    展开全文
  • 交互界面设计课程标准 课程名称 交互界面设计 适用专业 中等职业学校美术设计与制作专业 1. 前言 1.1 课程性质 本课程是中等职业学校美术设计与制作专业多媒体设计与制作方向的一门专业技能课 程其功能是使学生了解...
  • 网易交互设计微专业-课程笔记,在学习网易交互设计微专业时自己做的笔记,目录清晰,格式良好,适合打印学习,原课程3000+。对部分章节进行了知识点扩充,每部分都有图片介绍。适合初学交互设计、UI设计、产品经理的...
  • 软件学院人机交互技术结课作业:界面调研报告&交互界面设计。 实验内容: 1、界面改造:用Axure RP 9对热力计算的界面实现三种风格的改造:对话框方式、菜单方式、Tab栏方式 2、界面仿制:用Axure RP 9仿造Word ...
  • 交互设计 学习心得

    千次阅读 2019-09-03 23:45:46
    交互设计 学习心得 01 概论主副区分区图标内外环呼吸感图标的颜色界面排版 01 概论 设计前:产品分析 设计中:精细度提升 设计后:设计验证 主副区分区 设计依据:用户使用频次 帮助用户做出选择 (一维、二维分析法...

    01 概论

    设计前:产品分析
    设计中:精细度提升
    设计后:设计验证

    主副区分区

    设计依据:用户使用频次 帮助用户做出选择 (一维、二维分析法)
    在这里插入图片描述

    图标内外环呼吸感

    0.618 黄金分割比
    在这里插入图片描述

    图标的颜色

    在这里插入图片描述

    界面排版

    十字交叉分析
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    02 产品分析&目标导论

    产品分析:

    1.目标识别

    产品迭代需求

    2.页面层次分析

    在这里插入图片描述

    3.改进措施思考

    在这里插入图片描述

    十字交叉法案例

    在这里插入图片描述

    03 首页页面功能

    建立认知→行为转换→流量分发

    建立认知

    如何给用户 形成产品形象?
    图片选取:符合目标人群
    配色方案: 符合用户偏好
    图标样式: 符合目标人群

    解决方法:

    情绪板

    原生关键词→衍生关键词→建立图库
    在这里插入图片描述
    在这里插入图片描述

    行为转换

    如何让用户用我们的产品?
    兴趣推荐 给用户想要的
    标签提炼 突显卖点
    金融类:数字列表流
    电商类:瓷片区

    流量分发

    出口越多,引流越快
    丰富产品出口,做好流量分发

    总结

    在这里插入图片描述

    展开全文
  • 产品设计五部曲 第一步:产品架构图 产品架构图,真的很重要。 通过产品架构图,可以从宏观角度去梳理整个产品的重要组成部分及如何组成。 通过产品架构图,来判断我们所设想的系统本身架构是否合理,与公司已有...

    产品设计五部曲

    1. 第一步:产品架构图
      产品架构图,真的很重要。
      通过产品架构图,可以从宏观角度去梳理整个产品的重要组成部分及如何组成。
      通过产品架构图,来判断我们所设想的系统本身架构是否合理,与公司已有系统组成一个解决方案时是否合理,从而进一步指导、约束我们进行接下来的工作。
      这里有一点需要提醒部分同学,尤其在前几次绘制产品架构图时,会把架构图搞得很复杂,结构也不够清晰,这个需要下功夫去苦练,去学习别人绘制的架构图,要表达哪些重点内容。
      随着不断地积累,你会越来越得心应手,它也会由一项极度困扰你的工作,变成你产品规划及设计时的利器。
      一张好的架构图,结构是简单的,清晰并且合理的。

    2. 第二步:业务流程图
      分享一下我的个人经验。
      通常我会绘制多张业务流程图,一张用于梳理整体主流程的业务流程图,针对部分无关紧要的环节,不需要在该流程图中呈现。
      通过这张流程图,可以让研发更好的了解整个系统的主要业务流程是如何的。
      如果事无巨细的在该流程图中呈现,往往可读性就会降低,同时会让初次接触该需求的研发同学摸不到产品的重点,在进行底层构设计时可能会出现头重脚轻的情况。
      然后再基于各个大的功能模块,绘制多张详细流程图。通过局部详细流程图,可以帮助我们梳理所有可能遗漏的小流程,同时也有助于研发在开发时针对各个模块都有十分详细的开发参照。

    3. 第三步:功能脑图
      完成上述两步,可能我们感觉已经可以进入到原型设计的阶段了,其实还没有。
      完成了系统整体架构的设计,梳理完流程,接下来就是一个更需要耐心的工作了:绘制功能脑图。
      这里只有一点提醒:能多细就多细,把所有涉及到的功能点都放到脑图中,这样才可能最大限度防止功能点的遗漏。

    4. 第四步:原型设计与PRD
      原型设计是入行开始就必须要具备的从业技能,在此就不多做赘述。
      仅一点提醒:对照第三步中制作的功能脑图,每完成一个页面都需要逐项检查,是否覆盖了在初期构想系统时所有的功能点。
      当然也会出现在原型设计时发现脑图中有遗漏的功能点,此时千万别偷懒,将该功能点老老实实补充到脑图中,在此也不赘述原因,实操过程中,你会发现他的益处。
      PRD不在字数多,最重要都就是是否够清晰明了。有时我们写了上万字的PRD,研发同学真的不会逐字去读,冗长的PRD可能最终只能变成我们和研发据理力争时的呈堂供正。
      但好像此时也不会起到什么积极的效果,所以一定要有条理,争取不写一句废话。

    5. 第五步:复盘/迭代
      ok,你已经完成了90%的工作,马上就要成功,但是,最后这10%的工作如果做不好,可能会让之前付出的努力大打折扣。
      一定要复盘!!!!
      去重新审视一、二步制作的架构图、流程图,最终输出的原型是否发生了偏离?如果有偏离,哪个是更合理的?你需要大量的思考。
      当然也不必非要坚持一开始构想的东西,毕竟原型图更加具象,更有助于我们去整体的看待本次设计。思考之后再慎重作出决定要在哪一步进行修改。

    给产品人的小建议

    • 不断纠结的过程其实很有意义

    • 那些容易被忽略的细节杀死了用户体验

    • 适当考虑实际情况,但不能被过分影响

    • 碎片化的思考时间会有奇效

    交互设计

    交互其实分为两种:一种是酷炫的动效,一种是隐形的操作反馈和指引。

    1. 酷炫的动效
      好的动效会给产品增加不少色彩,比如path的按钮一度成为经典,QQ的一键下班也广为流传。这些交互能够在使用过程中给用户带来不少惊喜,也是我们广大PM们不断追求的。对于一个已经存在的产品,设计这样的动效则更加困难,首先要风格要与整个产品相同,其次则要让用户觉得这样的动效很自然,不突兀。这就是需要靠PM自己的经验了,具体的可以看看《度· 体验》《身边的设计》这些大厂出的经验总结。
    2. 隐形的操作反馈和指引
      这是我们今天探讨的重点,操作的反馈指的是点击反馈、警告反馈、确认反馈这些在实际使用中对产品进行操作后的提示,而指引则是用户进入应用后如何能快速进入下一步,比如说UI提示、手势交互、引导操作以及特殊情况的处理。

    在这里插入图片描述

    个人总结:交互贯穿用户进入应用到用户退出应用的每一步,在应用中每时每刻都在产生交互,只有基础的交互做好了,再去实现一些酷炫的动效会让产品加分,如果基础的交互有缺陷就急于实现动效,那么对产品是不利的。

    一、交互设计师的含义?
    交互设计,就是把产品的功能进行重新划分,按照重要等级、推荐等级等因素,进行功能划分,然后对操作流程进行梳理,使用户在使用产品的时候能够更简洁有效的进行任务。

    二、 交互设计的原则有哪些?
    交互设计可以遵守以下11个原则进行:

    1. 对于交互设计的原则,一切都要从用户使用的角度出发,首先是可用性,这个是重中之重。
    2. 第二个就是任何操作必须要有回应。
    3. 第三:合理性,交互的功能布局、操作都需要合理。无论是跳转页面、悬停变化、选中变化等等,都需要在操作中有相应的回应,否则用户看到没有回应,会猜疑的。
    4. 重点要突出,布局要合理,操作要符合用户习惯。
    5. 简洁 界面尽量简洁,使用最少的界面显示达到最大的效果,避免给用户产生视觉负担 。
    6. 规避用户出错。
    7. 在用户使用时,让用户可以去识别产品内容,而不要让用户通过回忆去使用。
    8. 我们的设计要符合现实生活。
    9. 不能让用户感觉脱离自己的掌控,感觉自己是被控制进行使用产品的。
    10. 时刻记得操作过程中的说明。
    11. 我们设计每一个内容时,都要知道自己为什么要这么做 。一定要用户使用最少的操作达到最大的效果,太多步骤,太多操作,容易导致用户厌烦。

    三、交互设计师应该具备什么样的素质?

    交互设计师需要具备以下9个基本素质:听、看、想、说、磨、做、验、写、讲:

    • 听:我们能够听得懂,会听需求方、开发等等他人的需求和意见。因为我们做的是体验,所以要听专业用户、普通用户、领导、团队等等所有让人的意见。让我们的设计更贴近实际使用场景。
    • 看:要看同类型的产品、博览群书,让我们的知识面广起来。看:要看同类型的产品、博览群书,让我们的知识面广起来。
    • 想:看别人的设计时、压马路时、旅游时,看看别人的东西是怎样的,如果自己做,会做成什么样。
    • 说:我们要会说,能说会道,否则在我们的设计评审时,遇到不同的意见,我们如何说服别人同意我们的设计理念和设计作品。
    • 磨:在对待前端开发时,他们告诉我们这样的设计实现起来太麻烦,需要重新换个设计,那么我们就需要最大可能的软磨硬泡,让他们帮我们实现。
    • 写:我是这么理解的:把自己的做过的项目都分析、归纳总结写出来,以给自己作为总结和勉励。
    • 做:这个当然好理解了,就是我们实际设计的能力了。
    • 讲:就是我们在给别人讲解我们设计时,需要用言语带入他们进入我们设计,从而认同我们的设计理念和设计内容。

    四、交互设计应该在什么阶段进入整个产品研发流程?
    交互设计最好是需求阶段就开始介入,因为在需求调研的时候,交互设计师可以最大程度了解用户使用场景,了解用户在使用过程中最容易出现什么样的问题,对什么问题最关注,这样在设计的时候就可以规避这些问题以及重点突出用户在意的。

    五、如何进行交互设计?

    1. 参考同类产品;找出同类产品的优缺点
    2. 用自己产品与同类产品进行比较,整理出差异;
    3. 整理自己产品的功能点(最好是功能重要等级也一起出来);
    4. 根据以上这些进行初稿设计;
    5. 完成之后进行讨论;
    6. 让其他完全不了解这个产品的人来体验(参与式),让他们说出自己感受;
    7. 修改;
    8. 再体验(最好还是完全不了解产品的人);
    9. 再修改;
    10. 重复;
    11. 直到完成。

    六、如何有效正确地评价交互设计的好坏?

    1. 重点是否突出;
    2. 是否能够快速的实现用户的目的
    3. 布局、操作是否合理简洁;
    4. 是否在最大程度上贴近用户的使用场景;
    5. 是否能让完全不了解此产品的用户较为容易的上手,中间不会出现中断。

    竞品分析大致内容
    测试环境、行业市场分析、产品架构、核心流程、功能结构、交互、界面设计

    展开全文
  • 交互设计的快速入门课程,帮助你快速了解交互设计的思考方法、核心要素等,以非常易懂的例子给你介绍学习,适合初学者科普
  • 单片机及接口技术课程自主学习交互式网络平台设计.pdf
  • 该楼层疑似违规已被系统折叠隐藏此楼查看此楼考生:黄**本科|湖南大学 物联网工程硕士|浙江大学工业设计/交互方向初试成绩(65%):394...87.00综合成绩:81.67综合排名:设计学5/91、考研历程2016年寒假(大三上学期...
  • 交互设计》作业-第二周

    千次阅读 2020-12-12 20:28:09
    1、交互设计的工作流程可以分解为几个部分? 需求分析——设计初稿——设计细化——设计评审——设计走查——效果评估 2、五步产品创意法包含哪五类方法?具体方法有哪些? 第一步:目标市场定位 目标市场定位...
  • 人机交互学习

    2022-03-11 10:59:43
    人机交互课程学习
  • 学习交互设计需要具备哪些个人能力呢?整理了新手学习交互设计需要掌握的4项能力,一起来看看吧! 1、学习交互需要具备逻辑能力 作为交互设计师日常工作最多的就是画流程图或者做信息架构,所以逻辑能力很重要。...
  • 在充分地对学习者做了需求分析的基础上,针对如何增强课程的有效性、趣味性和应用性的教学难点,设计开发了密码学课程交互式算法演示系统。以DES 算法为例,介绍了算法演示过程的动态性和交互性以及数据输入的灵活性等...
  • 本书是一本数字产品和系统的交互设计指南,全面系统地...本书的读者对象包括数字产品和系统的交互设计师、用户界面设计师、项目经理、可用性工程师等,以及目前正在学习交互设计和用户界面设计专业的本科和研究生等。
  • Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。...
  • 交互设计名人堂

    2019-07-31 22:37:58
    交互设计的领域,有许多优秀的前辈值得我们去学习,甚至可能不单单只有这个领域。今天给大家介绍几位国外的知名人士,各位有时间的时候可以了解他们的经历,借鉴他们的经验,学习他们的概念和想法。 其实,发展到...
  • UI 交互元素设计课程标准 UI 交互元素设计课程标准一课程基本信息 信息工程系 课程名称 开课系部 UI 交互原色设计 50830108 ...第1次修订 二课程性质和任务 UI 交互元素设计课程设计专业的专业基础课通过本课程
  • 刚入行用户体验设计的人在学习时总会遇到这样的难题: 网上的文章看了不少,行业大V也follow了好几个,但是摄入的知识总感觉是一盘散沙,心里仍然没个底儿。 为此,墨刀特整理了一个学习清单~ 有系统的UX设计知识...
  • 目录 1 系统分析 1 1.1 需求概述 1 1.2 用例分析与描述 1 1.2.1 用例分析 1 1.2.2 用例描述 5 2 系统设计 8 2.1 多层结构设计 9 2.2 问题域设计 10 2.2.1 域模型设计 10 ...设计此系统的目的在于为教师和学生提供一
  • 1.2.3 “明德e”智能移动学习终端 8 1.2.4 移动学习运用于企业员工培训 8 1.3本文主要研究内容 8 1.3.1 移动学习理论与技术基础 8 1.3.2 Android移动学习系统架构设计 9 1.3.3 Android移动学习系统的具体实现 9 ...
  • 本文提出了一种网络课程直播中实时交互学习模式,设计并实现了网络远程教育系统中的课程直播子系统,为学生在远程学习模式下、直播学习的过程中,与老师交互提供了服务,同时有效地增强了远程学习环境下师生之间的互动...
  • 交互设计——超越人机交互

    千次阅读 2020-08-17 20:57:20
    综合各个相关学科的知识、技能,这些内容是:交互设计、人机交互、信息设计和网站设计的基础。 本书内容: 如何应用各种设计、评估技术,开发成功的交互式产品 结合实例,交互设计涉及的认知、社
  • 本书由交互设计界的三位很好学者联袂撰写,是该领域的经典著作,被优选各地的大学选作教材。新版本继承了本书一贯的跨学科特色,并与时俱进地新增了一章讨论大规模数据,同时补充了新的发展成果。书中包含大量实例,...
  • 计算机图形课程里面的一个实验,有可能会是课程设计
  • 第一款动效设计软件:Adobe After EffectsAE这个软件我想大家都知道,火得一塌糊涂,如果没猜错的话,它目前属于设计动效的首选。目前市场上出现了很多AE培训的课程。也特别的多。报名人数也很多。它的特点就是.....
  • 交互设计》作业-第六周

    千次阅读 2020-12-27 17:57:20
    1、什么是情感化设计?情感化设计的目标是什么?情感化设计是旨在抓住用户注意力、诱发情绪反应,以提高执行特定行为的可能性的设计。 通俗的讲,就是设计以某种方式去刺激用户,让其有情感上的波动。例如通过产品...
  • Sketch和交互设计搭配会产生什么样的化学反应?答案就在由夜雨编著的,2018年8月出版新书《Sketch交互设计之美:从零基础到完整项目实现》中。本书内容支持Sketch49以上版本,包括最近更新的Libraries功能,16开全彩...
  • 社会性交互对MOOC学习者粘性影响模型构建研究——以“Web系统开发与设计课程为例.pdf

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 51,316
精华内容 20,526
关键字:

交互设计学什么课程