有没有了解交互设计的一些渠道和方法

发布网友发布时间：2022-04-22 00:14

共1个回答

热心网友时间：2024-03-02 08:26

摘要步骤1：界面基础（招式）界面基础指的是：控件、布局、流程，也就是在交互稿上肉眼可见的部分。入门时先学界面基础可以让你快速感知到什么是交互设计，并建立一些兴趣和信心1.1. 控件控件就是界面上最小的有效单元，比如下图中的“搜索框”、“单选按钮”、“复选框”、“下拉框”。1.1.1. 认识控件掌握控件首先要“认识控件”，认识控件比较体系的方法是去阅读各个平台的官方设计规范，比如iOS、Android、MacOS、Windows（Desktop APP/UWP）、小程序（文末有链接）。注意web端是没有官方规范的，因为本身不是平台。web端的规范属于各自为政的状态，国内后台规范比较常见的是antdesign和element，前台就没有规范可言了。1.1.2. 了解控件的交互流程很多控件都不是静态的，都会有各自的一套交互流程，比如文本框（可参考下图流程）：“用户点击文本框后，会出现光标，且弹出键盘。输入第一个字符后，会出现“清空按钮”。输入很多字符后，会有截断效果。输入错误时，会报错…”了解控件的交互流程，可以帮助你更立体地了解一个控件。在实际的交互稿绘制中，也经常会细致地描述某个控件的交互流程。想要学习每个控件的交互流程，比较简单的方法就是找一些成熟的产品试用，看每进行一个动作下一步会发生什么，然后临摹下来。对于移动端，比较推荐大家临摹微信。因为是微信是公认控件层面最讲究的产品，设计规范和工具都比较全，比如WeUI提供了设计规范和小程序工具。当然，如果有耐心，各个平台的官方规范都跟着练一遍是最好的啦…1.1.3. 了解控件的属性大多控件都会有自己的一些属性，或者可以理解为可设置的参数。比如“列表”这个控件，需要交互设计师定义的属性有：排序规则、加载规则、刷新规则、适配规则、截断规则等。比如下图中的群成员列表，他的“排序规则”可能是按照昵称首字母排列的，也可能是按照进群先后顺序排列的，或者是按照角色排列的。“控件的属性”没有很好的学习途径，如果有认识一些前辈愿意给你看交互稿是最好的。如果没有只能自己摸索了。一个设计师的交互稿是否细致，开发是否能很好阅读，而不是经常跑来说你写漏了，主要取决于设计师对“控件属性”的理解。咨询记录 · 回答于2021-10-20有没有了解交互设计的一些渠道和方法步骤1：界面基础（招式）界面基础指的是：控件、布局、流程，也就是在交互稿上肉眼可见的部分。入门时先学界面基础可以让你快速感知到什么是交互设计，并建立一些兴趣和信心1.1. 控件控件就是界面上最小的有效单元，比如下图中的“搜索框”、“单选按钮”、“复选框”、“下拉框”。1.1.1. 认识控件掌握控件首先要“认识控件”，认识控件比较体系的方法是去阅读各个平台的官方设计规范，比如iOS、Android、MacOS、Windows（Desktop APP/UWP）、小程序（文末有链接）。注意web端是没有官方规范的，因为本身不是平台。web端的规范属于各自为政的状态，国内后台规范比较常见的是antdesign和element，前台就没有规范可言了。1.1.2. 了解控件的交互流程很多控件都不是静态的，都会有各自的一套交互流程，比如文本框（可参考下图流程）：“用户点击文本框后，会出现光标，且弹出键盘。输入第一个字符后，会出现“清空按钮”。输入很多字符后，会有截断效果。输入错误时，会报错…”了解控件的交互流程，可以帮助你更立体地了解一个控件。在实际的交互稿绘制中，也经常会细致地描述某个控件的交互流程。想要学习每个控件的交互流程，比较简单的方法就是找一些成熟的产品试用，看每进行一个动作下一步会发生什么，然后临摹下来。对于移动端，比较推荐大家临摹微信。因为是微信是公认控件层面最讲究的产品，设计规范和工具都比较全，比如WeUI提供了设计规范和小程序工具。当然，如果有耐心，各个平台的官方规范都跟着练一遍是最好的啦…1.1.3. 了解控件的属性大多控件都会有自己的一些属性，或者可以理解为可设置的参数。比如“列表”这个控件，需要交互设计师定义的属性有：排序规则、加载规则、刷新规则、适配规则、截断规则等。比如下图中的群成员列表，他的“排序规则”可能是按照昵称首字母排列的，也可能是按照进群先后顺序排列的，或者是按照角色排列的。“控件的属性”没有很好的学习途径，如果有认识一些前辈愿意给你看交互稿是最好的。如果没有只能自己摸索了。一个设计师的交互稿是否细致，开发是否能很好阅读，而不是经常跑来说你写漏了，主要取决于设计师对“控件属性”的理解。1.2. 布局简单意义上理解，布局就是把“控件”和“内容”放到界面上合适的位置并赋予合适的视觉重量。在网页时代，布局设计是相当重要的。但在移动端盛行的当代，布局设计相对没有那么被看重。主要原因是移动端的布局设计趋同性比较大，设计诉求和设计空间都相对较小。但它仍然是设计基础中重要的一部分1.2.1. 了解布局设计的基本理论布局设计的基本理论有以下几种：格式塔原理、网格系统、7±2法则、席克定律、费茨定律、奥卡姆剃刀原理、复杂性守恒定律。这几种理论中除了“网格系统”外，其余的理论基本都可以在知乎搜一下然后10分钟内了解吸收。这些理论相对比较底层，很难直接告诉你布局设计应该怎么做。但它们可以成为设计师心中的“标尺”和“依据”，会融入在你平时的设计工作中。1.2.2. 布局设计的基本步骤布局设计简单可以分为以下4个步骤：列举：将界面中所需要的元素列举出来，比如：商品图片、商品标题、价格、优惠券、收藏、分享…归类：将上述列举的元素归为几类，每一类就是一个模块。比如“收藏、购买、加入购物车”可以归为“操作模块”排序：将上面归类好的模块进行排序，排序的依据一般是：用户场景中的浏览顺序、元素的重要性、业务期望调整：布局排布的影响因素很多，最后需要综合其他因素对布局进行调整。并对各元素的视觉重量进行定义调整学会基本步骤后，可以通过“默写产品法”进行练习。比如把淘宝商品详情页的元素摘录下来，然后自行排布。最后和淘宝的设计进行对比，思考淘宝为何这么设计，自己是否有思考疏忽？1.3.1. 流程设计的步骤流程设计的基本步骤是：1. 确定“任务”；2. 将“任务”拆成“动作”；3. 将“动作”对应成界面。举个例子，如下图。比如我们做一个“群聊”的功能，群聊功能中有一个“添加群成员”的小功能。我们可以把“添加1个成员”看做是一个“任务”，用户想要完成这个任务，就必须有一系列“动作”。比如：找到群、找到添加入口、找到要添加的人、确定添加、确认添加成功。列出这些动作后，我们再针对每个动作（或多个动作）设计相应的界面，这就得到了交互流程。交互设计是一个知识体系非常丰富且完善的学科，对于设计师而言这是一件幸福的事情，因为只有完善的知识体系才能让“个人成长”更有保障。另一方面，交互设计也是一个门槛很模糊的学科。有些人学了几年才开始做，有些人上了1个月培训班，甚至看了2本书就开始做。交互稿都能正常输出的，只是质量有所差异，就像每个人都能烧饭一样。每个人入行的姿势各异，自带知识体系因而不同。但不论如何，都建议大家能孜孜不倦地学习基础知识，成为一名专业性强的交互设计师，共勉！有什么网站或者博客可以学习吗请您尽快回答BehanceAwwwardsstraightline可以参考一下