全国

如何进行交互设计

2021-02-03 11:30:35 100 浏览 交互设计培训

如今是互联网时代,交互设计的用途非常广,很多人对它很感兴趣,想了解它的步骤,那么下面小编给大家介绍如何进行交互设计,一起来看看吧。

如何进行交互设计

进行交互设计的步骤

要使设计有效,至少有以下几点方法:

1、对交互的概念有细分类别的思考,能从不同角度去设计交互。

2、基于分类概念,有交互自查的习惯。

3、从用户和人类本能的角度去思考设计。

其中交互自查表是一个非常好的习惯,它可以让你在完设计后跳出细节,专注思考用户体验的易用性部分。

交互的原理并不高深,它来自于人类几万年进化出的最原始本能。现在我们设想,一觉醒来,你突然发现自己身处一个完全陌生的环境,你会有怎样的心理思考过程?

1、你想知道你在哪里。

2、你想知道你现在应该做什么。

3、为了完成你想做的东西,你想知道你应该做什么,比如你能去哪里。

这其实就是用户第一眼看到你的设计时的心理状态,急切的想要知道他究竟在浏览一个什么东西。如果我们总结一下,思考交互的过程必然包含如下内容:

你在哪里、能去哪里、怎么去、怎么返回,这就是一个导航的概念。你现在该做什么摆脱困境,究竟有哪些方法?就是一个行为和提示的概念。

如果将页面、视觉的一些因素考量,我们可以认为,思考交互时可以遵循以下分类。

1、导航

2、布局

3、文案和提示

4、行为和互动

5、场景

交互设计的流程

1、用户体验要素

有五个层面,分别为战略层、范围层、结构层、框架层、表现层。五个层面自上而下地建设,具备基本的双重性、用户体验的要素和应用这些要素。

2、读懂原型图

(1)读懂PRD。确保在需求理解上,与PM保持一致;

(2)查找漏洞。人无完人,在成熟的PM,也难免有疏漏。找出遗漏,与PM反馈、沟通;

(3)提出产品新想法。读PRD时,总会有一些产品的好想法冒出来,及时与PM和团队沟通;

(4)开始构思交互。

3、草图快速沟通

通过草图,快速将“产品关键流程”、“关键交互界面布局”呈现纸面,以此与PM、技术沟通至达成共识。目的是为了:

(1)再次扫遗漏.

(2)收拢想法。这个阶段,产品设计基本定型。

(3)达成共识。确保让产品、设计、技术队要做的事情有一致的理解,PM需更新PRD、技术开始做开发准备。

4、视觉设计

在相对完整的设计规范、控件规范的前提下,视觉包括:

(1)风格探索。

(2)关键页面的视觉设计.

(3)关键交互动画表现(如果无法口头项技术表达动画效果时,给出一个“活的”效果,是非常直观的。

5、素材输出、文件标注

每个项目最终给到开发人员的都要有效果图、标注图、切图三个文件夹。Pxcook、Markman是不错的标注工具,Cutteran、Assistor PS是很方便的切图工具。

6、开发后期,细节跟进

与开发跟进细节,是设计过程的一部分。在我们团队,完全依靠规范作业、设计文件标注,能够确保80%的交互、视觉细节能够被还原。剩下的20%,就要设计师与开发人员肩并肩坐在一起打磨了。开发过程中,一定要预留这个时间。主要包括:边距、字体、界面动画的数值微调。

学交互设计要掌握的知识

1、精通Photoshop、Dreamweaver、Flash、Illustrator或Freehand等矢量图形编辑软件。

2、具备较强的网页美术设计能力和很深的美术功底,极好地把握视觉色彩与网站布局。

3、较强的分析问题和解决问题的能力;细致的观察能力,较强的创造力;对产品流程、用户操作流程及用户使用习惯有深入理解,掌握用户研究、可用性测试和评估技能,有很强的交互和视觉创新能力。

4、熟悉HTML、XML、DIV、CSS,熟练运用DIV+CSS制作网页,能够手写代码者优先。

建筑设计要求有哪些 如何做好网页交互设计
机构
课程

相关资讯

766培训网交互设计培训如何进行交互设计
在线预约
电话咨询
在线咨询