淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

疯狂插件VIP

全站通VIP

当前位置: 首页 设计师后期类教程分享 图片设计教程

设计师必看:交互设计和UI设计的具体区别及学习路径上的不同 ...

收藏 邀请

在互联网行业中,交互设计师UI设计师的角色都很重要,二种角色的能力也有很多是重合的,毕竟是以用户体验为基础,都是针对于用户界面推进日常工作内容的执行。

今天的内容我们来讲讲交互设计和UI设计的具体区别,以及二者的在学习路径上的不同之处。


1.都是用户界面的缔造者

从设计的角度来看,交互设计和 UI 设计都具备设计的内核,具备以下特点:

  • 以用户为中心的设计
  • 信息的组织与排序
  • 用户能够直观的感受到设计
  • 建立用户行为和产品之间的联系

因此交互设计师和 UI 设计师,都具备同样的思考模型,从用户出发,完成界面针对于功能体现的设计,然后再考虑提升用户使用效率等,最后上升到情感化的高度。


界面设计的背后,需要的是两种技能的融合,才能输出相对来说更为完美的界面设计


如果一名设计师兼备交互设计的思维模式,又具有 UI 设计相关的技能,那么就可以一个人完成一整条链路的全部设计输出。一般情况下,因为时间和个人技能方面的限制,一个团队中都是两个角色配合着完成相关的工作。


2.交互设计师的技能体系

一名交互设计师,他所具备的能力在用户体验层面上来看相对来说更为基础一些,并且更多的集中在分析与归纳方面,对于图形化涉及相对来说较少。


优秀的交互设计师要具备以下的能力:

以用户为中心的设计思想

以用户为中心,这是现在行业中从事用户体验所必备的整体指导思想。


当然,这只是一种做设计的工具,还有其他的一些类似的思维方式的工具,但是整体来说,行业中的大部分交互设计还是秉承着以用户为中心的思想来指导设计执行的。


掌握用户研究的技能

针对于交互设计师来说,协助用户研究员和产品经理来完成用户研究的执行,也是日常工作中必备的技能。


可用性方面的专家

针对于交互设计,一个非常基础的理论常识,就是要熟练的运用可用性的十项基本原则。

无论是 Web 端的界面设计还是手机端小屏幕的设计,有可能载体会一直在变化,但是从人类本身的生理条件和心理基础出发,这十项基本原则是一直从整体逻辑上都适用的,只是具体的变化会有所不同。


对于大多数交互设计师来说,从一开始上手就画线框图,而忽略了针对于理论基础方面的学习,《可用性工程》这本书是要熟读的。


了解平台规范

针对于 iOS 平台和 Android 平台的规范学习,要一直不间断,时刻跟随着官方的更新来了解最新的内容。


原型能力和文档能力

交互设计原型和相关的文档输出,也同样是交互设计师必须要具备的关键能力。

原型是重要的沟通工具,文档也同样是一份设计的完整展现,因此交互设计师必须要能够清晰的输出原型和文档,从逻辑上能够让阅读者——产品经理、UI 设计师和研发工程师非常清晰的了解到每一个交互设计的细节。


大多数的交互设计师,都是从原型输出开始自己的职业生涯的,原型本身来说也是设计,如果一份原型稿件的可读性都不够好,设计方案怎么能够给人以优秀的印象呢?


良好的沟通能力

交互设计师的日常工作要不断跟产品经理、UI 设计师和研发人员保持沟通。

这就要锻炼自己的沟通能力,阐述一件事情以及归纳一个问题,都能够通过良好的展示技巧清晰的传达自己的想法。


逻辑分析能力

在之前的回答中,我们都讲过有关于交互设计该如何进行学习的一些关键点,其中包含一项内容就是逻辑分析能力。

在交互设计师日常的工作中,针对于「用户需求分析」、「产品需求分析」、「竞品分析」以及交互流程设计和界面的信息设计等,都需要有逻辑能力作为支撑。

对于交互设计师来说,看到一个功能点,能够推导出他的全部操作流程才是一个关键。

用户每实现一个目标,都是一个闭合的操作流程,从起始阶段的操作一直到最终达成目标,是一个闭环,而支撑这个闭环的就是满足于各种可能性的交互设计。


这方面交互设计师的能力与产品经理极为类似。

综上所属,就是交互设计师应该具备的主要的工作能力,当然还有其他,但是那是互联网人应该都具有的一些技能。


3. UI 设计的技能体系

针对于 UI 设计师来说,他所具备的技能和交互设计师有非常多的共同之处,比如说以用户为中心的设计思想,以及可用性的能力等等,在这里主要要讲的是图形界面设计方面的一些不同的能力。


图形化设计的能力

这方面的能力,首先要熟练使用相关的软件,然后能够输出相关的界面设计。

在一个团队中,对于 UI 设计师的一个重要要求,在于具备良好的造型能力,配色能力,以及相关的展现能力。


UI 设计师的日常工作,会包括图标设计、界面视觉设计、动效设计、插画设计等一系列视觉设计相关的内容。

这就要求 UI 设计师需要进行非常多的日常练习,来保持这种产出图形的设计能力。这个行业发展太快了,如果一名 UI 设计师稍有懈怠不去进步,那么会非常快速的被市场上 UI 设计师的工具与设计思想的大浪淘汰掉。


信息展示能力

界面设计的一个关键点,就是信息展示。设计师是一个信息组合与展示的专家,尤其是 UI 设计师,他们可以通过逻辑分析,将不同的信息通过图形和文字的布局进行完美展示。


这方面的能力是 UI 设计师的专属技能,按照一定的规则,为用户建立图形或文字方面阅读的心理模型,用户能够快速通过色彩引导、灰度变化等细节的 UI 设计手段,提高阅读界面的效率,并且能够快速的掌握设计细节。

这方面的能力不仅仅体现在界面的设计,我们日常见到的 Banner 和海报的视觉设计,实际上都是要依据视觉设计的思路进行的产出。


开发支持能力

这方面的能力,包括切图、坐标标注等。包括对于开发人员实现思路的配合,以及产品实现方面的一些资源支持等。


我们团队的视觉设计,要肩负着给开发人员输出相关的实现资源,以及去审视开发人员最终的产出在界面设计方面的还原程度。

一些产品自己的团队,研发人员和设计师的沟通还比较顺畅,我们之前做很多外包项目,UI 设计师和研发人员的沟通就没有那么流畅,开发出来的界面和我们的设计基本上偏差巨大,直接导致的结果就是我们的设计师要盯着研发人员一个像素一个像素的调整界面布局。


设计判断能力

这部分的技能也是 UI 设计师独居的能力,其实核心就是目标用户会接受什么样的界面设计。

界面视觉设计,对于用户来说实际上是一个产品的门面,用户界面设计的好坏,要依据目标用户对于产品的使用经验、对于产品的认知以及他们的喜好倾向等来决定。


这就要求 UI 设计师同样要具备的就是「以用户为目标」的思想,但是要具有足够的判断能力和影响能力,一方面要贴近用户的需求,让用户能够喜欢自身的界面视觉设计,另一方面要教育用户,引导用户来喜欢自己产品的界面。

这方面的能力很不一样,对于各种不同的产品来说,要求也会不同,可能落地在配色,也有可能是图标,还有可能是动效等。总之是制造亮点,让用户能够更好地接受界面的视觉效果。


情感化设计能力

设计师要具备情感化设计的能力,这个在前面有提到,而 UI 设计师是最容易通过图形化的元素,给用户带来情感上共鸣的人。


这就和工业设计很相似,产品的造型会让用户对于美有所认知,并且能够通过光影、材质等唤醒一种心理上的共鸣,或者回忆起过去的感情。

而 UI 设计也同样是这样,配色、质感、图标、图形和动画,都能够在情感上带动用户的一种心理变化,让他们产生爱或其他的一些感受。

这对于 UI 设计师来说,其实难度非常大,需要日常有相当丰富的积累,并且具备长年累月的设计经验,才有可能达到类似的设计高度。


4.不要区分那么明显

从上面我们归纳的二种设计师的能力来看,其实共通的部分站得比重和独立技能相比较起来不会少多少,这说明其实互联网行业发生地变化显而易见——不会有那么明确的智能划分,技能方面大家会变得越来越共通。


交互设计师的一些技能和 UI 设计师的一些能力基本上未来都会变成互联网行业产品人的必备技能。因此行业中也会有「全链路设计师」这样的说法出现,这也是必然趋势。

对于每一位行业里的从业人员来说,技能的宽度和深度都能够决定自身未来的发展方向,因此我们也要多去涉猎更多的能力体系,把自身的学习能力提升再提升,不断的去学习,不断的提高自己的上限,那么在整体行业中也会变得越来越有竞争力。


以上就是今天的内容,关注疯狂的美工官网,每天分享不同设计技巧!


路过

雷人

握手

鲜花

鸡蛋

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

十年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂十年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

ICP证(电信增值许可证):赣B2-20220105 本站支持IPv6访问

Powered by Fkdmg.Com © 2013-2024    赣ICP备18006944号-1