交互设计案例分享网站

1、有什么好的学交互设计的网站

站酷 、盒子UI 、优艾网 、花瓣网 、dribbble 、pinterest、UI欣赏  这些都是不错的网站。

未来的设计师必须具备UI设计+交互设计能力，所以学习UI设计不能仅仅停留在网站设计，还能有一定的技术能力，做全能型UI设计师。那么你需要掌握：
1、软件基础（PS、Ai、FW、CD、DW）
2、平面设计（美术、图像处理、VI设计）
3、网站建设（web界面、web前端开发、H5界面交互动效、）
4、智能设备及交互界面设计（移动产品设计、多系统图标、UX、原型图等）
5、职业规划（简历求职指导，推荐就业）

2、交互设计案例

?

3、网站的交互设计主要是做什么？

①当你的Boss需要做个产品时，它首先必须是可实现的，这也是为什么核心程序员架构师的待遇普遍较高的原因，因为他们是生产力。那么成功的产品首先要具备–可实现模型。 yixieshi

②产品做出来干什么?“方便用户，让用户玩的爽?”当然不是，产品的终极目标是盈利，你的领导也只关心这个。怎么才能盈利，而且是可持续的盈利。这需要具备第二个要素–业务模型。

③有了实现模型和业务模型产品就成功了吗?以前是，但如今时代不同了，大多数的应用已经不存在技术难题，在这个企业不缺系统，互联网不缺产品而用户不懂技术的时刻，你靠什么赢得用户?强大的运营队伍也只能推动一个峰值，最根本的还是需要产品的第三个要素–使用者模型，使用者模型像水一样，可以成就一个产品，让产品走的更远，也可以毁掉一个优秀业务模型的产品。

4、交互设计比较好的网站有哪些

站酷 、盒子UI 、优艾网 、花瓣网 、dribbble 、pinterest、UI欣赏 这些都是不错的网站。
未来的设计师必须具备UI设计+交互设计能力，所以学习UI设计不能仅仅停留在网站设计，还能有一定的技术能力，做全能型UI设计师。那么你需要掌握：
1、软件基础（PS、Ai、FW、CD、DW）
2、平面设计（美术、图像处理、VI设计）
3、网站建设（web界面、web前端开发、H5界面交互动效、）
4、智能设备及交互界面设计（移动产品设计、多系统图标、UX、原型图等）
5、职业规划（简历求职指导，推荐就业）

5、交互设计如何设计作品集

交互设计作品集制作流程

1、查看院校要求

不同院校专业的侧重点不同。

UAL lCC的MA Design for Social Innovation and Sustainable Future，它的研究点是未来、可持续发展。这代表着应用的领域更广阔，同学们选择的主题更不受限制。同学们可结合科技，展示人文的沟通交流以及情感的表达等进行设计。

同学们要根据目标院校的要求来制作作品集，选择的主题与院校要求契合，这样才能大大地提升被录取率。

2、主题确定

作品集的主题要多元化，让考官看到你其他方面的可能性，而主题可以是多方面的：

比如偏向实用类或是细节设计的主题、全球化发展与变化的主题、可持续发展方向的主题、对未来的社会形态意识的思考主题、科技类主题、概念类主题等，不管是哪类主题，最好结合专业要求制作项目。

3、调研

确定主题后，就需要围绕主题进行相关的问题调研和用户调研。

如果你要做的是关于产品的交互设计，你就要问问那些使用过产品的人，看看他们遇到了什么问题，他们觉得哪里很不爽……

4、用户自画像

在调研用户的过程中，会接触各种各样的人，他们有着不同的职业、年龄、兴趣爱好等。

但他们也有一些共同性，比如比如现在大家都知道80后、90后都在用微信，已经不使用QQ了，反而那些小学生更喜欢用QQ，这就是用户群体的共性。

把这些「有相同共性」的「用户特征」整理起来，也就是用户的主要特征，可以用一个虚拟的人物去代表这个「群体」，这就是我们所说的用户画像。

除了确定用户的主要特点外，还要确定他们的需求和目的。为了增加真实性，可以给人物角色（Persona）取名字，选一张照片，细化他们的背景资料。

5、写问题脚本

写问题脚本主要是为了将问题描述清楚，只有认清问题，才能更好地解决问题。

在描述问题的过程中，我们需要把用户画像带入到「产品的使用场景」，罗列出用户在使用产品时可能遇到的问题，此环节是为了凸显「问题」，可以写成一个故事便于别人理解。写的方法也非常讲究，需说明：用户是谁（用户画像）、在什么情况下、做了哪些事情、产生的疑惑是什么、产生的情绪是什么、接下来他是怎么解决问题的……

问题脚本尽量写得详细点：场景介绍的详细、用户画像介绍的详细、用户任务介绍的详细、用户行为详细、用户问题、用户情绪、用户痛点都记录的详细，而并不是要你把每一步操作点击了什么写的很详细。

6、写动作脚本

动作脚本是记录用户「具体操作过程」，通常情况下，每个人的需求和场景都不太一样，所以操作的过程也不完全一致，你自己操作的时候觉得没问题，但别人就遇到了问题，所以你需要把对方的使用过程详细描绘出来，这样才能反应出问题。

7、简明扼要的可视化展示

接下来就是要提出设计方案了，并将设计方案通过视觉语言展现出来，最好按照讲故事的方式展现：

①发现问题，想要解决问题

②怎么一步步解决问题，在解决问题的过程中做了什么？

③交代遇到的挑战和限制，自己怎么解决的，现阶段解决不好的，在未来解决的机会点在哪里？

而设计的视觉表现的形式则有很多种：大致包括思维导图、故事版、线框图、用户流程图user flow、小样mockups、模型制作、产品（或APP，网页）设计、沉浸式、装置艺术、实验影像、VR等。

8、用户测评

我们往往对自己的设计存有偏见，而通过用户反复测试原型，可以找到问题并修改和完善自己的设计。“用户”可以是使用者、其他设计师、工程师、其他利益相关者等。

9、最终制图和排版

排版的重要性就不多说了，同学们一定要按照一定逻辑进行排版，清晰地将设计的制作过程展现出来。

国外名校的考官希望看到学生的思维过程，一个设计从无到有的过程是否合理又有新意，设计背后的过程以及这个过程体现的是否清晰明确有理，是体现学生设计能力的有力证明，也往往是学校里教授们关注的重点。

6、生活中有哪些交互设计的实例？

杯子与碟子 镜子与扩大镜

7、什么才是网站正确的交互设计方式

交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。

交互设计（InteractionDesign）是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程，即定义人造物的行为方式。作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔·莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“软面（SoftFace）”，他后来把它更名为“Interaction Design”――交互设计

交互设计师善于表达，以网页语言表达产品所要告诉用户的信息，同时显示用户的操作功能。

所以，凡是涉及到表达、传达的问题，都可以找交互设计师来做，也应该由交互设计师来做。产品经理考虑要做什么产品才有价值，交互设计师考虑怎么把这个想法最有效的转化成一系列的界面展现给用户。除了展现，还有和用户的交互。这个展现、交互的过程就需要一定的表达能力。这种表达能力并不是我们平时所特指的口头表达，而是使用网页语言表达。我们经常会讨论一个按钮的位置，讨论某个状态下光标的样式，讨论应该写成“登录”而非“登陆”等等：这些都是网页语言表达。

8、有哪些关于交互设计方面的好网站

中国设计之窗，这里不单有设计大师设计作品集，还有许多设计行业类的资讯。　
对设计有兴趣的兄弟，这个网站必是收集添加首选　

9、交互设计做什么

Ⅰ、 先了解一下交互设计的基本概念：
交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业务目标，获得愉快的用户体验。
Ⅱ、交互设计在项目流程中的位置和任务：
项目前期的流程和节点：

职能的细化就是为了让产品在每个专业环节都做到极致，提高竞争力。如果是为了走流程，每个环节都是任务式的交付，臃肿的分工除了增加成本和拖慢项目进度，没有实际意义。所以交互设计需要做的足够好，才能将这份工作做的有意义。
Ⅲ、交互设计的具体职能：
从上图中可以看出，交互设计主要干三件事：
①定义部分需求 ②定义信息架构和操作流程 ③ 组织页面元素，制作原型demo

①定义部分需求
以前的惯性思维是需求应该由产品人员负责，设计人员只是实现和改善界面体验。而产品的真正需求不仅仅来源于业务，还包括使用者的情感需求。在情感分析方面，交互专业是具有优势的，举个例子：
一个增值服务的宣传模块，业务模型可能是这样子：

考虑到情感因素后，需求模型会不断完善：

上图仅仅是举个例子，真正的产品人员不会将业务模型想的如此简单。举这个例子就是想说明一下产品的需求设计不仅仅是业务模型，还需要考虑用户情感、用户行为和运营数据。当产品人员考虑不周全的时候，交互设计师有责任对需求进行修订和完善，这样的目标导向设计才是完整的。
②定义框架
这部分的内容属于交互设计师的核心工作内容，也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱，接下来的界面怎么优化都是无效的。这好比大型超市的走道设计，如果路线规划的不好，再多再大的指引图标都是低效的。交互设计做什么？让用户快速完成目标，提升操作效率，这才是框架设计的意义所在。
破洛洛文章简介：本章主要详述一下交互设计的职能——交互设计师具体做哪些内容？
什么是框架设计呢？这要分成两部分内容：
1.关于结构导航的设计
把我们的产品想象成一个巨大的图书馆，我们需要帮助用户（有目的性的、目的不明确的，无目的性的）寻找他们感兴趣的图书，怎么帮助用户准确的寻找完成目标任务，这就是导航设计。导航的设计任务一般在新项目或重构项目。
导航大概可以分为三种类型：结构导航、关联导航、可用性导航

在框架设计的阶段，交互设计师主要关注于结构导航的设计。
结构导航分两种：全局导航与局部导航。全局导航一般是指无联系的信息结构做的一级大分类，方便用户以最快速的方式了解整个网站有什么大概内容。而局部导航则关注于用户最方便的快捷操作和业务引导操作。

交互设计师的首要任务就是将业务内容信息组织分类，划分出主次关系，根据业务目的和用户习惯定义规划全局导航和局部导航的设计。那应该怎么规划呢？
回到第一个增值服务页面的例子（虚拟案例，非真实案例）：
将需求梳理后（怎么梳理，请google抽屉整理法），我们可以确认全局导航：

再详细规划局部导航：

局部导航的层级可以不断往下延伸，通过树形目录或面包屑的方法帮助用户浏览时不至于迷路。
2. 关于流程的设计
之前的案例我们已经基本上确认了模块需求有哪些页面，页面大概会放什么内容。但真实的用户任务并不是在一个页面上完成的，这时候我们就需要通过流程的方式把任务变得清晰和包容用户的各种误操作。
虚拟案例：

在流程的规划设计中要遵循：1.以业务目的为主要导向；2.兼容到用户的习惯；3.尽量让流程做减法，多一个流程就会丢一部分用户；4.任务是连贯和清晰的；5.考虑实现方式的复杂程度；欢迎补充…
③组织页面元素，制作原型demo
经过了需求的完善和框架的设计，之前的这些工作还是停留在抽象的想法阶段，怎么把想法转达给项目组的其他人员呢？交互还需要把想法和规划表达出来，那么最好的方式就是制作原型Demo。把Demo做出来，让产品，开发，测试直观的看到产品的雏形， 再广泛的接受意见，对原型进行不断的修正，改进，做简单的用户测试继续挖掘情感需求。
那么怎么去组织页面元素，制作原型Demo？哪些表现层面是交互设计师该重点表达的内容呢？原型的制作又有哪些章法可循呢？这个。.还是等下一个章节再讲吧！

10、生活中有哪些交互设计的实例

生活中交互设计的案例随处可见，如去银行自助取款时需要和ATM机交互；地体站购票时和自助购票机的交互等等……