精华内容
下载资源
问答
  • 学习软件交互设计
    千次阅读
    2019-09-30 16:25:37

    一、工具的认识
    1. XD对标sketch
    它们都是针对UI做高保真设计,给客户看“交互演示原型”,适用对象是交互设计师或UI,而非产品经理。
    如果产品经理单单只是追求交互、演示的便利,反倒会增加产品在原型设计上花费的时间。
    sketch只能在mac上使用。

    2. XD对标AI和PS
    	PS:是图形编辑处理工具,主要应用平面设计、修复照片、广告摄影处理、影像创意(将原本风马牛不
    			相及的对象组合在一起)、网页制作等等。
    			https://www.jianshu.com/p/794e4ca2ef4c
    	AI:是矢量图形工具,是图像创作软件,主要应用于印刷出版、海报书籍排版、专业插画、多媒体图
    			像处理和互联网页面的制作等。
    	XD和sketch软件为UI设计而诞生,简化PS的功能并强化了UI交互设计,能快速上手的UI设计软件。
    	
    3. AxureRP软件
    	AxureRP:专业的快速原型设计工具,更加侧重产品经理的使用。一般工作流中(除非给客户看)还是
    	比较少要出一个“交互演示原型”的,快速原型更多是替代prd(产品需求文档)的作用,在设计时,注
    	释(后台逻辑、交互逻辑等)功能会更加重要,侧重把页面逻辑、页面视觉优先级的定义更好得传递给
    	UI设计师与开发人员。
    

    众所周知,Axure是一款老牌的设计软件。作为专业的原型设计工具,它能快速、高效的创建原型。而输入高保真原型,则需要把视觉设计师在Sketch中制作好的矢量素材,例如图标、控件、按钮等导入到Axure中提高交互设计的效率。

    安装好Sketch插件AxureRP.sketchplugin,选中Sketch的素材,点击菜单的Plugins-AxureRP-Copy Selection。

    二、自己的需求分析与学习计划

    更多相关内容
  • 软件交互精髓5,用于软件交互设计,用于学习交流
  • 人工智能-机器学习-教学游戏软件中的交互设计研究.pdf
  • 最近常常收到一些童鞋们的来信,经常询问的问题集中在:如何成为一位交互设计师?应该学习那些软件?我有时候不知道如何开始回答,大约在心中觉得交互设计师是一个对综合能力要求很多的职业,无法“说一不二”。工具...
  • 人工智能-机器学习-教育游戏软件的用户体验模型和交互设计.pdf
  • 软件工程交互设计PPT学习教案.pptx
  • 人工智能-机器学习-面向道路交通安全评估的交互仿真软件设计.pdf
  • 帮助文档 系列文章目录 提示:这里可以添加系列文章的所有文章的...例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。 提示:以下是本篇文

    软件设计 基础篇 系列文章目录



    1. 软件设计

    软件设计是从软件需求规格说明书出发,根据需求分析阶段确定的功能设计软件系统的整体结构、划分功能模块、确定每个模块的实现算法以及编写具体的代码,形成软件的具体设计方案。

    软件设计是把许多事物和问题抽象起来,并且抽象它们不同的层次和角度。将问题或事物分解并模块化使得解决问题变得容易,分解的越细模块数量也就越多,它的副作用就是使得设计者考虑更多的模块之间耦合度的情况。


    1.1 设计简介

    软件设计是从软件需求规格说明出发,形成软件的具体设计方案的过程,也就是说在需求分析阶段明确软件是“做什么”的基础上,解决软件“怎么做”的问题。结构化设计方将把软件设计分为概要设计和详细设计两个阶段。概要设计的主要任务是,通过分析需求规格说明对软件进行功能分解,确定软件的总体结构;详细设计阶段确定每个模块功能所需要的算法和数据结构,设计出每个模块的逻辑结构。软件设计阶段结束时的工作成果是软件设计说明书,它描述软件系统的组成模块结、模块间的调用关系,以及每个模块的输入、输出和详细的过程描述。


    1.2 设计基础

    软件设计的基本目标是用比较抽象、概括的方式确定目标系统如何完成预定的任务,软件设计是确定系统的物理模型。软件设计是开发阶段最重要的步骤,是将需求准确地转化为完整的软件产品或系统的唯一途径。从技术观点上看,软件设计包括软件结构设计、数据设计、接口设计、过程设计;

    1. 结构设计定义软件系统各主要部件之间的关系;
    2. 数据设计将分析时创建的模型转化为数据结构的定义;
    3. 接口设计描述软件内部、软件和协作系统之间及软件与人之间如何通信;
    4. 过程设计则把系统结构部件交换为软件的过程性描述。

    2. 交互设计

    交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析,关注以人为本的用户需求。


    2.1 交互概述

    交互设计的思维方法建构于工业设计以用户为中心的方法,同时加以发展,更多地面向行为和过程,把产品看作一个事件,强调过程性思考的能力,流程图与状态转换图和故事板等成为重要设计表现手段,更重要的是掌握软件和硬件的原型实现的技巧方法和评估技术。

    交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为“Interaction Design”,即交互设计。


    2.2 交互起源

    交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。

    交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔·摩格理吉(Bill Moggridge)在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为“Interaction Design”,即交互设计。


    总结

    提示:这里对文章进行总结:
    例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

    展开全文
  • 第10章多媒体教学软件交互界面与交互形式设计 学习目标 1.了解人机交互界面设计 2.掌握设计多媒体教学软件主界面的方法 3.掌握设计多媒体教学软件子界面的方法 4.掌握交互界面设计的一般方法 款商技术学专业 第10章...
  • 提出适用于教育电子产品的设计策略,设计出能够提高学生学习兴趣的电子产品...借鉴认知心理学和情感化交互设计的相关理论,为教育类产品的设计提出了若干方法和建议,以笔者设计的初中化学学习软件为例进行阐述和说明。
  • 当我们在看到一些漂亮的APP动效设计的时候,大家就会问,这些动效到底是用哪些动效设计软件制作的 呢?今天学堂君给大家整理出了10款优秀的动效设计软件。你看哪些你听过或者用过呢?第一款动效设计软件:Adobe After ...

    当我们在看到一些漂亮的APP动效设计的时候,大家就会问,这些动效到底是用哪些动效设计软件制作的 呢?

    今天学堂君给大家整理出了10款优秀的动效设计软件。你看哪些你听过或者用过呢?

    第一款动效设计软件: Adobe After Effects

    AE这个软件我想大家都知道,火得一塌糊涂,如果没猜错的话,它目前属于设计师学动效的首选。目前市场上出现了很多AE培训的课程。也特别的多。报名人数也很多。

    1a2be5fd9dbc939ea656b6f3dfe0ebef.png

    它的特点就是强大且牛逼,基本上要的功能都有。UI动效制作其实只是用到了这个软件很小的一部分功能而已,要知道很多美国大片都是通过它来进行后期合成制作的,配合PS和AI等自家软件来说,更是得心应手。dribbble上炒鸡多的大神都是用这个软件在show哦,毕竟这个软件做demo那是牛牪犇逼的~

    b6277706ab670e8039ad569a6ab2e456.gif

    但是有些效果程序猿不见得能够帮你实现出来, 因为实际的项目产品受太多的制约,木有那么多程序猿会没事给你做动效的!

    4a535ec80147b68bd1f5abab36aa3172.gif

    第二款动效设计制作软件: Adobe Photoshop

    看到它,我想各位设计师小伙伴们不陌生,可以用ps来制作一些gif逐帧动画。

    比如很多牛逼的设计大师就喜欢用ps来制作简单的表情动画,逐帧动画用得居多,如下图的表情~

    6407a449669262f5a013ba5ecde5c6a6.gif

    15b9fa34afb0e66a747b04cf4d31d728.gif

    7a6c95e508be27a1a69870138aac2b0b.gif

    6b6d4b3272fcfc63257e545f4825aea2.gif

    第三款动效设计制作软件:principle

    这是需要跟sketch配合使用才能发挥出最大动效设计魅力的。

    它主要是做2个页面间过渡专场特效,元素切换,细节动效的工具。优点很明显,效率高,质感好,缺点就是不能做整套原型。

    这类有一篇详细的介绍:http://www.zcool.com.cn/article/ZNDE0NDM2.html

    有兴趣的小伙伴可以看下principle的动画演示视频:

    第四款动效设计制作软件:Hype 3

    hype 3也算是火了一小段时间的,号称无代码动效神器,像AE一样使用时间轴就做可互动的动画。PC、手机、pad端都可以直接访问(以web的形式),也可以导出视频或者GIF。3.0版还有物理特性和弹性曲线,可以发挥更强大的动画效果。

    对中国人来讲,它原生支持中文这一点也非常棒!配合sketch效果也是杠杠的!

    我们先来看看Hype 3制作的一些动效设计作品:

    9a80a98b09cbaf3d5df2fdfdb8935d30.gif

    在这里,学堂君跟大家分享一个Hype3 教程 切换跟随效果视频

    Hype3 也是最近比较火的一个工具,无论是设计师还是H5前端工程师,都又在学习该软件。

    第五款动效设计软件:keynote

    keynote相当于windows的powerpoint,是个幻灯片软件。也是一款跟SKETCH软件绝配的交互动效软件,

    但是!但是!但是!或许你并不知道,据说苹果的交互设计师都是用keynote做交互演示的......只要能够熟练掌握这个软件,目前app里的绝大多数动效都是可以做出来的~但是相对复杂一点的动效实现起来就有点不够.......但是已经很屌了好吧~~笔者经常为了省事直接都是用它做个简单demo给程序猿看的,快捷方便啊~要知道时间就是金钱啊!

    e73fc58442c76c569770244cfcb216c4.png

    Keynote的主要优点体现在:

    1. 它真的很快。在拿到相关视觉切图资源的情况下,一个基本动效的制作可以在15分钟内搞定。即使动效需要调整也很容易,可以很方便的进行创意表达和设计沟通。

    2. 它很容易上手。Keynote是绝大多数用户体验设计师必备的工具,你不需要花时间来熟悉它。在扁平化大行其道的今天,更适合使用Keynote作为productivity工具。

    3. 它不需要编程。即使不懂代码,也可以做出以假乱真的动效。

    当然,Keynote也有其不足之处,比如:

    1. 预览原型有些麻烦,你无法像AE那样逐帧调整每个细节。

    2. 不支持分层,当元素较多时不容易管理。

    3. 分享不太方便,需要将影响录制下来并转成gif图片,相对繁琐。

    keynote官网:http://www.keynote.com/

    以上就是25学堂的小编跟大家推荐的最常用的五款优秀的交互动效设计软件。目前设计网分享的那些app动效作品,也基本都是用这几个动效设计软件来制作完成的。

    如果你想要让你的APP界面动起来,不妨也可以自学这些软件哦~

    展开全文
  • 游戏交互设计入门

    千次阅读 2015-04-11 00:36:46
    参考阐述手机游戏用户界面设计的8大步骤 - http://gamerboom.com/archives/53747阐述熟悉感对电子游戏界面的重要性 - http://gamerboom.com/archives/60362分析高收益手机游戏的美术设计特点 - ...

    下面是学习的一点笔记。

    游戏交互设计需要考虑的三个问题 - 可用性,易用性,用户体验。


    交互设计应当是在理解用户基础上以目标为导向的设计方法。


    界面主要有两种功能:提供信息允许用户做某事


    关于游戏UI设计师

    定义:通过设计界面让游戏系统和玩家之间能够互动娱乐的人。


    要求

    1.了解游戏,至少得是半个策划;

    2.懂交互,让玩家界面操作无挫折感;

    3.对细节有追求,一像素偏差也要调;

    4.要娱乐,让最生硬的东西也能跳舞。


    贴个招聘UI设计师的要求

    职责描述:

    1、 根据项目的策划案以及相关制作规范,完成游戏界面风格的创意设计,参与具体页面的制作;
    2、 完成游戏界面的设计,布局,及美化工作;
    3、 对游戏产品界面的风格及用户体验提出改进意见;
    4、 游戏的用户界面的设计及ICON、LOGO等元素设计;
    5、 细化各类UI元素,将各类的细化元素切分保存,并利用UI编辑器对分类素材进行拼接;
    6、 部分公司网站页面以及各类网络广告的设计。

    职位要求:
    1、 精通Photoshop、Flash、Dreamweaver、CorelDraw等设计软件,熟悉DIV+CSS者优先;
    2、 对UI设计及制作有系统的理解,善于把握整体风格进行设计;
    3、 有良好的手绘基础和较强的图片材质效果处理能力,对色彩搭配敏感;
    4、 二年以上设计工作经验,有成熟作品,对交互设计有较深的理解和实践;
    5、 工作主动,有责任心,能够承受工作压力,有良好的沟通能力和团队合作精神;
    6、 大专以上学历,美术计算机平面设计、艺术设计等相关专业;
    7、 有完整的游戏项目经验者优先;


    需要自问

    1.我需要向玩家传达哪些信息?

    2.玩家需要哪些功能?

    3.需要突出哪些内容?

    4.窗口处于何种环境中?


    基本设计流程

    1.流程图

    * 知道每个屏幕上需要按压哪些按钮;

    *必须让玩家能够前进道下一个窗口中,并在大多数情况下能够回到之前的窗口。


    方法:列出需要设计的所有屏幕列表,然后围绕这些屏幕创建流程图,从中能够明确它们彼此之间是如何相互协作的。一个例子如下。

    Momonga流程图(from paladinstudios)


    2.草图

    在草图中可以列出真正需要的内容。


    *.尽可能将信息量和按钮减少到最低的数量;

    *.明确每个屏幕都有一个主要目的;

    *.谨记屏幕流程处的所有情况;

    *.删除任何重复的内容,除非真的有存在的必要;

    *.考虑到需要在多个屏幕上分割的内容,所以要尽可能地压缩信息量。


    3.创建线框图

    在线框图中不加任何修饰,也不留任何缺口。可以放到目标设备上进行测试。



    *.使用一种能够支持所有设备分辨率的模板;

    *.设计之前和程序员讨论如何真正落实行动;

    *.整个过程都和程序员一起核实设计的可行性;

    *.在Photoshop中卫游戏每一个屏幕分组,并用线框图去填充这些屏幕。


    4.创造设计

    由设计师对UI进行设计


    5.测试与迭代


    游戏中新手指南的设计原则

    1.只介绍与众不同的部分,约定俗成的地方不介绍;

    2.内容尽量不要超过三章;

    3.在第一屏指引机上推出指引的按钮;

    4.如果担心潜在用户存在理解困惑,可以直接录制Vedio Tutorial。


    反设计的情况

    1.无论什么类型的游戏都不该有超过三个类型的Button;

    2.字体可以用美术,但是用不了美术的字体种类必须少,尤其是中文;

    3.设计UI的技巧在于使得系统和玩法表现得更棒,而不是为了去限制和约束系统的设计;

    4.连个界面间的切换必须得有,但是不能过于复杂或者轻浮;

    5.用户体验是主观的,但是对于UI来说,长期积累的用户习惯是客观的。


    参考

    阐述手机游戏用户界面设计的8大步骤 - http://gamerboom.com/archives/53747

    阐述熟悉感对电子游戏界面的重要性 - http://gamerboom.com/archives/60362

    分析高收益手机游戏的美术设计特点 - http://gamerboom.com/archives/73534

    保留功能性应是游戏UI设计首要考虑因素 - http://gamerboom.com/archives/42939

    以《愤怒的小鸟》为例解析游戏易用性标准 - http://gamerboom.com/archives/34351

    部落冲突(COC)UI浅析 - http://blog.sina.com.cn/s/blog_86ba7be10102uybj.html

    设计好一款iOS游戏UI的细节 - http://www.gameres.com/thread_213839_1_1.html

    展开全文
  • 一种辅助性的制图工具交互图一种软件工程设计人员必学习的内容PPT学习教案.pptx
  • 交互设计是用户体验(UX)设计的一... 大多数情况下,当人们谈论交互设计时,往往是说应用程序或网站等软件产品。交互设计的目标是做出能使用户能以最佳方式实现其目标的产品。 如果你觉得这个定义听起来很“宽”,那...
  • 尼尔森十大交互设计原则

    千次阅读 2019-04-21 12:16:30
    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实...
  • 交互设计——超越人机交互

    千次阅读 2020-08-17 20:57:20
    综合各个相关学科的知识、技能,这些内容是:交互设计、人机交互、信息设计和网站设计的基础。 本书内容: 如何应用各种设计、评估技术,开发成功的交互式产品 结合实例,交互设计涉及的认知、社
  • 软件架构设计入门学习

    千次阅读 2022-02-21 12:36:07
    本文是笔者做立项时,针对产品规划的需求,梳理各种架构图的过程中学习软件架构相关知识笔记。
  • 本书是一本设计数字化产品的启蒙书,它在帮助您设计更有吸引力、更有效的对话框的同时,还将帮助您理解用户如何了解、学习您的软件,以及与之交互的方式。
  • 交互设计》作业-第六周

    千次阅读 2020-12-27 17:57:20
    1、什么是情感化设计?情感化设计的目标是什么?情感化设计是旨在抓住用户注意力、诱发情绪反应,以提高执行特定行为的可能性的设计。 通俗的讲,就是设计以某种方式去刺激用户,让其有情感上的波动。例如通过产品...
  • 【产品经理】Axure软件应用原型设计交互面授视频教程,视频分享了产品经理在工作中所需Axure软件的使用,知识点及课程内容安排条理清晰,简单易懂,难易结合,为转型及工作所需打下良好的基础!
  • 交互设计流程是怎样的?

    千次阅读 2019-04-18 13:54:34
    交互设计作为一门关注交互体验的新学科,在二十世纪八十年代产生的,它由IDEO的一位创始人比尔-莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(SoftFace)”,由于这个名字容易让人想起和当时流行...
  • UML交互设计指导,看完此文档即可掌握时序图的各种功能设计方法,一种辅助性的制图工具 交互图 一种软件工程设计人员必学习的内容
  • 移动终端交互动画设计...但是在交互设计领域已经取得了一定的成绩 交互设计与计算机多媒 体技术的交叉将带来更多的创意与灵感爆发 一移动终端与交互设计的概述 一移动终端 移动终端指的是移动通信终端设备可以在移动网
  • 交互设计在多媒体网络教学系统中的应用现状论文 随着各国教育信息化发展的要求大量教学软件或教学系统的开发实践与使用也迅速发展起来为了给学习者提供一个适合自主学习协作学习的环境使学习者能够充分利用各种资源...
  • 《About Face 4: 交互设计精髓》是《About Face 3:交互设计精髓》的升级版,此次升级把全书的结构重组优化,更加精练和易用;更新了一些适合当下时代的术语和实例,文字全部重新编译,更加清晰易读;增加了更多目标...
  • 基于移动交互平台的用户与营业厅互动化研究与应用项目业务需求规格说明书.zip程序开发文档软件开发文技术档下载基于移动交互平台的用户与营业厅互动化研究与应用项目业务需求规格说明书.zip程序开发文档软件开发文...
  • 软件开发过程 论文软件开发过程论文:教学游戏软件交互设计的原则及框架改进.doc
  • About+Face+3交互设计精髓

    热门讨论 2012-12-10 16:46:28
    这个资源是pdf文件,是一本数字产品和系统的交互设计指南,全面系统地讲述了交互设计过程、原理和方法,涉及的产品和系统有个人电脑上的个人和商务软件、Web应用、手持设备、信息亭、数字医疗系统、数字工业系统等。...
  • 鸿合π交互教学软件是一款非常好用且功能强大的全新交互式教学软件,是以先进的自然人机交互技术为基础、以教学应用需求为导向打造的智慧教学应用系统,软件包括教学设计、白板软件、可乐学习、多屏互动、鸿合展台、...
  • 基本概念   屏幕尺寸 指实际的物理尺寸,为屏幕对角线的测量。...群内每日分享学习资料、重磅报告、面试问题、招聘信息、免费课程 更多精品文章查看:http://axure.pexue.com/PeiXue/Default.aspx  

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 197,146
精华内容 78,858
关键字:

学习软件交互设计