关注培训通
写给零基础新人的交互设计入门完全指南
责任编辑： 发布时间： 16:58:03浏览12次
交互设计起源于网页和平面设计，但目前已然成为了一个独立的领域。远远不止文字和图片，要对在屏幕上创造的每一个元素负责，比如用户会滑动、点击、轻触和输入，简言之，他们对一切体验的交流互动负责。什么是交互设计？告诉你/zt/ui/“交互设计（IxD）定义了交互系统的结构和行为。随着时代的发展，从计算机到移动设备，再到电器以及其他种种，交互设计师努力地在人、产品以及他们使用的服务之间创造有意义的关系。”——The Interaction Design Association（IxDA）从交互设计诞生之日起，界面就不仅用来呈现静态内容。从按钮到链接再到表单域，所有相关事情都是交互设计的一部分。在过去的几十年中，许多书籍已经解释了交互设计的方方面面，并且探索了大量的、与体验设计交叉或重叠的领域。交互设计已经发展到促进人和他们所处环境之间交互的地步。不同于用户体验设计（指一个系统中，用户面对的各个层面的问题），交互设计师只关心一个用户和一个界面之间的明确的交互。当然，在实际中，事情并没有清晰的界限。常见方法虽然交互设计贯穿于各式各样的互联网、移动应用和网站，但是有一些确定的方法是所有设计师用之皆准的。蓝鸥西安UI设计& 接下来要探索一些常用方法：目标驱动的设计，可用性，交互设计五维度，认知心理学，人机界面准则。目标驱动的设计“目标驱动的设计”这个概念从Alan Cooper的书中逐渐普及开来（The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity, 出版于1999年）。Alan这样定义“目标驱动的设计”：把解决问题置于最高优先级。换句话说，目标驱动的设计首先考虑或优先满足终端用户具体需求和期望，这与旧有的设计方法不同，旧有的设计方法着重考虑技术方面的可行性。如今，Alan当时提出的观点已经显而易见，因为设计师很少基于开发的限制而做交互设计。这个方法的核心就是满足终端用户的需求和想法，这一点永远重要。根据Alan所提出的，作为一名交互设计师，在思考“目标驱动的设计”的过程时，以下5点尤需注意：&目标驱动的设计1. 设计第一，开发第二目标驱动的设计首先考虑的是用户如何交互（和东西看起来怎么样！），而不是首先考虑技术问题。2. 划分设计和开发的职责这指的是我们需要交互设计师站在终端用户的这一边，不需要担心技术限制。一个设计者应该信任他的开发者可以处理技术层面的问题；事实上，Alan Cooper表示，如果不这么做就会将设计师置于利害冲突之中。3. 设计师要为产品质量和用户满意度负责虽然利益相关者或者客户有他们自己的目标，但是交互设计师要为屏幕另一边的人（用户）负责。4. 定义一个明确的用户这个概念已经被发展为用户研究中的：用户角色（Personas）。Alan的这个观点还在不断地提醒我们要把用户角色和产品联系起来，并且不断追问：用户角色会在什么情境下使用这个产品？他或者她是谁？他或者她想完成什么？5. 在多个团队中工作最后一点，交互设计师永远不能单打独斗。Alan Cooper 称交互设计师为“设计交流者“，与他人合作是非常关键的。尽管在1999年Alan想象中的“设计交流者”就是一名为产品提供市场运营情况的分析员，但在今天，这个概念已经扩展为包含项目经理，内容运营，信息架构师在内的诸多角色。蓝鸥西安分中心是蓝鸥科技的第六家分中心，专注于iOS、Android、HTML5开发、UI设计，师资力量强大，教学经验丰富，环境优美，交通便利，始终坚持让教育回归本质的教学理念，学习UI设计，就来蓝鸥科技！
1月11日，记者从兰州城市学院获悉，该校2017年计划招收艺术类考生410人，招生专业包括音乐学、舞蹈表演、播音与主持艺术、广播电视编导、视觉传达设计、产品设计、工艺美术、环境设计等。
兰州城市学院艺术类招生不限男女比例。音乐、美术设计类专业在录取时，高考文化课成绩、专业考试成绩均达到合格线的情况下，按照专业考试成绩从高分到低分录取，如出现专业成绩相同的情况，则按照文化课成绩由高分到低分录取。
兰州会师黄冈补习学校是经兰州市教育局、民政局批准创办的一所全日制正规高考补习学校。办学二十多年来，学校在教学和管理上本着“教书育人”的教育理念，坚持凭良心办学，以诚信树形象，以专业图发展，汇聚黄冈和会宁优秀教师资源，
好小仔美发实战教育学校是西北首家将教育教学与实践操作完全相结合的专业美发培训学校，学校依托好小仔企业下属的十余家美发连锁店面，为在校学员创造了良好的实习、锻炼的机会和条件，学员通过在现场的具体操作，能够及时地把自己所学的知识运用到实际工作中，加深对所学知识的掌握，从而确保了每一位学员的学习质量。
相关新闻：
多 - 门类齐全
课程多，机构多，老师多
快 - 方便快捷
先试听，后支付，方便快捷
好 - 实名认证
真实评价，实名认证好保障
省 - 学费优惠
在线订课更优惠，巨划算
copyright & 2004-.cn, All Rights Reserved.
, 备案编号：京公网安备 ,交互设计入门完全指南
招聘信息：
准备好涉足交互设计了吗？在这篇文章中，作者对交互设计的各个方面做了简单介绍：包括历史、原则、知名设计师，以及他们的设计方法等等。即便你已经是一个交互设计师，这篇文章也值得一读。相较于网页设计波澜不惊的开端，交互设计的成长之路漫长而曲折。最初，“网络设计师”（web designer）这个术语更像是描述一个平面设计师（graphic designer）：一个关注于文字和图面编排的设计师。但是现在，大多数网站和在线应用程序都是互动的。因而，现代的网页设计师不再像以前传统的平面设计师一样，而是需要做出完全不同的考虑。为了弥补这种差距，交互设计学科应运而生。一、什么是交互设计仅在数十年前，第一个互动系统首次亮相，交互设计也就由此产生。新的界面带来了新的挑战，涌现出一批新的设计师来接受这个挑战。随后，一系列书籍纷纷出版，以阐释这个未知领域的方方面面。交互设计协会（The Interaction Design Association (IxDA)）解释如下：交互设计师以创造有用且实用的产品及服务为宗旨。以用户为中心作为设计的基本原理，交互设计的实际操作必须建立在对实际用户的了解之上：包括他们的目标、任务、体验、需求等等。以用户为中心的角度出发，同时努力平衡用户需求、商业发展目标和科技发展水平之间的关系，交互设计师为复杂的设计挑战提供解决方法，同时定义和发展新的交互产品和服务。交互设计，就像用户体验设计（user experience design），为促进人和环境的互动不断发展。但不像用户体验设计包含了所有面向用户的软件和系统，交互设计师仅考虑用户和电脑之间的互动。这样的定位被称为人机交互。因为在我看来，最快速和最令人兴奋的工业增长是在网上发生的。本文将重点放在交互设计，因为它涉及到网站和应用程序。二、哪些理念引领交互设计有很多基本理念推动着交互设计的实践。这里对一些重要理念进行简单的概述：目标驱动设计、“神奇的界面”、实用性、启示性以及学习性。2.1 目标驱动设计虽然交互设计师并不严格要求进行用户研究，但全面的用户研究结果是最佳导向设计必不可少的。在每一个设计学科领域，艺术家必须首先承认他们的缺陷，然后设计一个解决方案。在交互设计中，用户本身往往制约着界面的发展。通常，用户使用网络的目的不同，他们可能是想在网上赚点零花钱。如果是这样，你的应用程序就要把这件事情做好。将用户研究增加到这个方程式中，设定清晰的用户目标，以使形式和功能完美结合。2.2 “神奇的界面”为了方便起见，我将一系列交互设计的最佳实践浓缩到这个从Alan Cooper（About Face 3: the Essentials of Interaction Design一书的作者）借鉴来的术语中。Alan指出，理想状态下界面不应该在用户的脑海中出现—他们应该简单地“看”到界面作为底层系统的扩展。为此，最佳交互设计并不存在：它们不会花很长时间来加载或回应；它们不会让用户去思考；他们不会给用户增加烦恼。就像Jason Fried，37 Signal的CEO说的：“少就是少。”只给用户他们需要的，然后走下一步。2.3 实用性实用性是指人们用一个工具来完成一个特定目标的难易程度。交互设计师必须考虑他们设计的界面的实用性。界面使底层系统易于被理解和使用。2.4 启示性剪刀的设计让不熟悉剪刀的人马上就明白哪里是手持的，哪里是剪切的。交互设计不是也应该是这样吗？最佳的工业、交互设计是不言自明的；就像那句老话讲的，形式服从功能。换句话说，链接就应该像是链接，按钮就应该像是按钮，搜索框就应该……你懂得。这里的基本原则就叫启示性。启示性代表了参与者和他们周围环境之间的可能性行为。因为启示性充分表达了网站和服务的基本功能，所以对于设计师而言，在设计中自始至终贯彻这个概念是至关重要的。Bill Scott 和Theresa Neil列举了一个类似概念（叫做“提供邀请”），作为他们的六个交互设计原则之一。2.5 可学习性大量用来组织用户界面的都是熟悉的组件。如果用户习惯按按钮提交表格，在这种情况下，他们就会去寻找按钮。这就是界面使用习惯或者模式其中的一个例子。当面临相似的设计挑战时，优秀的交互设计师不会每一次都去重新发明一些东西。相反，他们会利用已有的设计。网上很多交互设计都记录在Yahoo!的设计库中。总而言之，如果手上的设计问题确实需要特殊处理，交互设计师应该花大力气让这个界面易于掌握，或者易于学习。这一点需要对当下的设计惯例、启示性及网络整体的实用性都非常熟悉。三、交互设计师做什么交互设计师在整个开发过程中扮演着关键角色。作为一个项目团队的一部分，他们通常会进行以下活动：3.1 组织、宣传设计策略尽管这里的界限是模糊的，但有一点是肯定的：一个交互设计师需要知道她/他为谁设计，以及他们的目标是什么。通常，这些由信息架构师和用户研究人员提供。反过来，一个交互设计师将评估设计目标，展开设计策略。他们或单独工作，或与其他设计师合作。设计策略帮助团队成员在什么样的交互能帮助用户实现目标方面达成共识。3.2 确定和构建交互框架当交互设计师有一个刺激他/她设计的好的想法时，他/她可以开始构思这个界面，如何用它来辅助必要的交互活动。在这里细节是魔鬼。有些专业人员会在便签本或者是写字板上绘制这些互动设计；而另一些则选择用软件应用程序来帮助他们；有些人会选择团队合作，有些人则独立工作。这些都基于交互设计师本身以及他们的工作流程。3.3 交互雏形根据不同项目，交互设计师下一个步会开始创建雏形。一个团队创建交互雏形的方式有很多，在这里就不一一详细描述。其中包括：xhtml/css雏形创建模式，纸面雏形创建模式，甚至protocasting.3.4 随时关注对于一个已入行的交互设计师而言，最大的挑战之一是这个行业的发展速度。每天，新的设计师给这个行业带来新的活力。因此，用户期待这些新的交互会出现在你的网站上。聪明的交互设计师会经常性地在网络上搜索寻找新的交互模式，利用新技术（比如CSS3或者HTML5）来适应这种变化，然后推动媒体不断向前发展。四、知名交互设计师Cennydd Bowles致力于使网络变得更好，他在电子商务、政府和社区网络设计方面有数年的经验。作为一个Clearleft用户体验师，他非常努力地思考、记录和实践信息架构、交互设计和注重实用性，好像没有明天一样。Cennydd在他的博客中写了关于用户体验和交互设计的相关内容。Nathan Curtis是EightShapes的创始人和主要负责人，EightShapes是一个位于华盛顿的用户体验咨询公司。Nathan从1996年开始从事包括用户体验在内的不同工作。他感兴趣的领域包括信息架构，交互设计，可用性研究和前端开发。他从2006年开始创建EightShapes，自此他帮助改善了华盛顿及全美国的客户的用户体验。Tim Van Damme是一个24岁的界面设计师，他在比利时长大和工作。当他不再为他的公司Made by Elepant工作时，他会四处旅行或出席会议。Tim的个人博客在。Uday Gajendar是一个交互设计师，在美国硅谷有近十年的工作经验。他的作品包括企业软件，消费类网站，和在Oracle，Adobe，Cisco，Netflix公司，以及像frog和Involution这样的机构的VOIP应用程序。他取得了密歇根大学的工业设计学位以及卡内基梅隆大学的交互设计学位。Uday在美学、领导力和策略方面不断拓展他的专业领域。他也在San Jose State University教授交互设计。Uday经常在他的博客Ghost in the Pixel中揣摩交互设计特殊的一面。Theresa Neil是一个在德克萨斯州奥斯汀市的用户体验顾问。从2001年起，她领导设计了超过80个实时网络、桌面和移动应用程序。她最近的客户包括Zenoss, Innography, PayPal, Pervasive,和OneSpot。Bill Scott是在加州Los Gatos的Netflix公司的用户界面设计主管。他把界面设计和设计手法结合在一起。Scott之前是Yahoo! Ajax的传播者以及Yahoo!图库的管理员。他对设计实用型产品技术上和创意上独到的见解为IT界写下了一段迷人的历史。欢迎关注BillScott的博客Looks Good Works Well。五、交互设计工具交互设计师用一系列不同的工具来完成他们的工作。无论他们是在一张餐巾纸上画一个交互草图还是给客户介绍一个模拟雏形，他们的目的是相同的：通过交谈来沟通。最重要的是，交互设计师需要良好的沟通。以下列出一小部分用于帮助沟通的工具。请记住当网页界面最终创建好时，需要用诸如CSS、HTML、Flash等面向用户的（前端）技术来完成。BALSAMIQ MOCKUPS是一个非常棒的Adobe Air应用程序，使构建交互变得非常容易。Balsamiq团队做得非常出色，为用户提供了大量实用的应用设计的交互设计模板。此外，用户可以很快地跟客户分享构建框架，建立起框架与更多方面间的联系。Omnigraffle是一款适用于Mac OS X系统的出色的绘图软件。交互设计师可以利用像Omnigraffle这样的绘图软件创造出温和的美感。Omnigraffle加载了一系列值得称道的功能，包括：点击即可显示功能（例如，你可以展示一个模式如何运作），绘制bezier曲线等。尽管最早InDesign是一个页面布局的应用程序，主要是平面设计师在使用它，但它在交互设计中的实用性不容忽视，特别是它引入了EightShapes Unifyframework（见下文）。它是Adobe creativeSuite中的一员，InDesign可能是将工作流程简单化的一个理想工具，它使你的团队工作起来更加容易。最后但也是相当重要的，我们不要忘了永远忠诚的Moleskine笔记本。用铅笔和纸来绘制给架构过程增加了一点人文因素，这是其他软件工具所不能比拟的。再者，所有人都可以参与。即便是最差的设计师都能画“方框和箭头”。记得花钱买一些这样的笔记本，然后在跟客户第一次见面的时候带上他们，特别是当白板不是那么方便的时候。5.1 相关资源用Balsamiq Mockups建立的Mockups To Go，是一个由用户提供，可以马上使用的交互设计组件和设计模式的合集。如果你发现自己在做一些现在已有的东西，你应该立刻去查看这个设计库；他们或许有和你的设计非常接近的模板。OmniGraffle version 5.x.Konigi公司免费提供了一系列制作线框（低保真网页设计图）的图形。它包含了大多数你需要用来创建用户界面的基本元素。Unify使你的用户体验设计更统一。简介如下：EightShapesUnify是一个模板、图库和其他组件的合集，它使用户体验设计师的设计更统一，有效和快速。这个系统使用了AdobeCreative Suite，最主要的一点，InDesign是其中至关重要的一个制作工具。总之，EightShapes尝试规范交互（和用户体验）设计师的工作流程。我还没有尝试使用这个系统，但它的信息非常全面，同时有教学视频，你可以马上开始自学。5.2 把你的草图都放在一起，让所有人都参与进来。IxEdit允许在网页里创建雏形。用这个加载在浏览器中的工具，可以将交互设计师创建的一些初级的xhtml/css/javascript的交互雏形可视化，从而加快设计的流程。IxEdit是一个被称为“基于JavaScript的网页交互设计工具。通过IxEdit，设计师可以进行DOM-scripting的实践操作而无需写代码来改变、增加、移动或者变换他们网页上的动态元素”。六、交互设计协会用他们的话来讲，IxDA提供了一个讨论交互设计以及帮助其他热衷于交互设计的人收集和增长学科知识的网络平台。尽管AIGA（AmericanInstitute of Graphic Arts）最初为平面设计师而成立，该组织自身意识到，平面设计师更频繁地给新媒体设计组件，在交互设计中起着重要的作用。在美国各地都有当地的AIGA组织。在我熟悉的组织里他们主办过很多活动，如Photoshop Layer Tennis,或艺术展览等。AIGA很值得参加。七、有关交互设计的书单可以排好几个网页。在这里只列了其中最具代表性的5本。Designing WebInterfaces:Principles and Patterns for Rich InteractionsThe Principles of Beautiful Web DesignDesigning the Obvious:A Common Sense Approach to Web Application DesignAbout Face 3: The Essentials of Interaction DesignSketching User Experiences:Getting the Design Right and the Right Design (InteractiveTechnologies)
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号：CocoaChina
您还没有登录！请或
点击量8911点击量7989点击量6410点击量6383点击量4406点击量3935点击量3090点击量3028点击量2687
&2016 Chukong Technologies,Inc.
京公网安备89