Ui设计师如何与前端工程师进行高效合作是打造出色产品的关键之一一、统一术语统一术语会节省团队很多的沟通成本并消除混淆在设计体系这本书中共享语言部分写到如果不共享语言团队成员就无法有效的进行共同创造每个人都对他们想要实现的目标有着不同的心智模型。共享语言意味着我们能以相同的方法为界面元素命名为设计模式下定义并能让设计文件和前端代码使用相同的名称。下面用一个示例让大家能更直观的去理解问题这个UI控件的正确名称是UIAlertController或者简称Alert这就是一个空间被不同人赋予不同名称的例子。大多数设计或者研发可能都经历过下面这样的时刻当有人要求设计师去设计或者实现一个切换按钮并且还要触发一个弹窗时脑海中需要不断的进行概念转换所以采用双方都能理解的术语对于消除困惑是非常重要的。二、统一更新渠道工作中你是否会遇到这样的情况从服务器上获取文件或者新接收一个项目时不知道哪个版本才是正确的这将会耗费一定的精力并且还有出现错误的可能我们需要的是让设计和研发团队能事先商量好一个可以获取所有已通过审核的交付成果的统一存放处这样就能确保每个人都知道去哪里查看所需的资源了。三、具备全局化视角在设计和开发一款应用的时候实际上是在创建一个系统而系统往往有着很高的复杂性其中的各个要素都是相互关联、相互依存的这就要求我们全面深入的去思考所有的使用场景并根据时间能力以及其他系统资源方面的限制条件来进行权衡。设计师建议从熟悉的地方入手推进工作以SDK里免费的标准模式和资源为例借助这类免费资源能加快开发流程保障实现过程稳定还可以让应用适配操作系统的无障碍功能使更多人受益。当你想要创建自定义UI时要去思考这么做是否值得在着手相关工作之前你需要先完成以下事项全面考虑所有预期的以及特定的使用场景弄清楚操作系统或你所使用的工具中有哪些是免费资源将其作为基础再加以利用预先构建无障碍使用方面的考量因素这样能确保更多人可以使用你的应用程序。四、使用效果演示设计师可能会犯下面错误尤其是在时间紧迫的情况下只把静态模型扔给工程师去查看又或者工程师可能会不加询问盲目的安装规格要求去实施当团队对该应用进行评审时设计师总会抱怨实际的实现效果与预期不符而工程师则会因规格说明不够详细无法填补理解上的空白而感到沮丧。通常情况下通过视频或者互动原型进行演示对于传达设计意图来说极具价值而且这样做还能引发关于限制条件可能的解决方案以及后续步骤的讨论。这是一个关于在备忘录应用中切换至全屏草图的动画示例设计师可以将缓动曲线相关的参数值等这些内容提供给工程师再配上动效视频这将确保实现效果符合设计预期。市面上有很多强大且易于使用的动向原型制作工具例如Figma、Flinto、principle等等。文章内容结束啦每天进步一点点加油学习笔记整理自 B 站视频【视频标题】链接https://www.bilibili.com/video/BV1cFCNYhE9L?spm_id_from333.788.player.switchvd_sourced57ed8f83e9c00c01ca7916b0e6917ce仅用于个人技术交流学习。
Ui设计师如何与前端工程师进行高效合作是打造出色产品的关键之一一、统一术语统一术语会节省团队很多的沟通成本并消除混淆在设计体系这本书中共享语言部分写到如果不共享语言团队成员就无法有效的进行共同创造每个人都对他们想要实现的目标有着不同的心智模型。共享语言意味着我们能以相同的方法为界面元素命名为设计模式下定义并能让设计文件和前端代码使用相同的名称。下面用一个示例让大家能更直观的去理解问题这个UI控件的正确名称是UIAlertController或者简称Alert这就是一个空间被不同人赋予不同名称的例子。大多数设计或者研发可能都经历过下面这样的时刻当有人要求设计师去设计或者实现一个切换按钮并且还要触发一个弹窗时脑海中需要不断的进行概念转换所以采用双方都能理解的术语对于消除困惑是非常重要的。二、统一更新渠道工作中你是否会遇到这样的情况从服务器上获取文件或者新接收一个项目时不知道哪个版本才是正确的这将会耗费一定的精力并且还有出现错误的可能我们需要的是让设计和研发团队能事先商量好一个可以获取所有已通过审核的交付成果的统一存放处这样就能确保每个人都知道去哪里查看所需的资源了。三、具备全局化视角在设计和开发一款应用的时候实际上是在创建一个系统而系统往往有着很高的复杂性其中的各个要素都是相互关联、相互依存的这就要求我们全面深入的去思考所有的使用场景并根据时间能力以及其他系统资源方面的限制条件来进行权衡。设计师建议从熟悉的地方入手推进工作以SDK里免费的标准模式和资源为例借助这类免费资源能加快开发流程保障实现过程稳定还可以让应用适配操作系统的无障碍功能使更多人受益。当你想要创建自定义UI时要去思考这么做是否值得在着手相关工作之前你需要先完成以下事项全面考虑所有预期的以及特定的使用场景弄清楚操作系统或你所使用的工具中有哪些是免费资源将其作为基础再加以利用预先构建无障碍使用方面的考量因素这样能确保更多人可以使用你的应用程序。四、使用效果演示设计师可能会犯下面错误尤其是在时间紧迫的情况下只把静态模型扔给工程师去查看又或者工程师可能会不加询问盲目的安装规格要求去实施当团队对该应用进行评审时设计师总会抱怨实际的实现效果与预期不符而工程师则会因规格说明不够详细无法填补理解上的空白而感到沮丧。通常情况下通过视频或者互动原型进行演示对于传达设计意图来说极具价值而且这样做还能引发关于限制条件可能的解决方案以及后续步骤的讨论。这是一个关于在备忘录应用中切换至全屏草图的动画示例设计师可以将缓动曲线相关的参数值等这些内容提供给工程师再配上动效视频这将确保实现效果符合设计预期。市面上有很多强大且易于使用的动向原型制作工具例如Figma、Flinto、principle等等。文章内容结束啦每天进步一点点加油学习笔记整理自 B 站视频【视频标题】链接https://www.bilibili.com/video/BV1cFCNYhE9L?spm_id_from333.788.player.switchvd_sourced57ed8f83e9c00c01ca7916b0e6917ce仅用于个人技术交流学习。
