UX设计师和UI设计师如何协同工作

上头数字设计空间需要协作多队成员间视手头项目而定,团队成员及其作用可大相径庭。团队可组成用户经验设计师,用户界面设计师程序设计师、视觉设计师、信息架构师、商业分析师和产品管理员,以及视工作需要而定的其他几个位置

当我们谈论实数产品制作时,视觉功能设计对理解和协议至关重要求得平衡需要创新者之间的强连通在这种情况下,创意由视觉设计师组成数字世界中 UX和UI设计师

如何作用不同 和帮助这两个设计素材协同工作查查以下是我所要覆盖的

  1. UX对战UI设计师:如何协同工作
  2. UX和UI协作密钥:样式指南
  3. 现在怎么办

开始吧

开工UX对战UI设计师:如何协同工作

快速汇总UX和UI差集中研究任务组成依公司而定,UX设计师处理各种任务聚焦优化产品以有效满足使用UI设计师关注外观和情感输出和交互性.

视专业经验水平和团队规模而定,这可能是一个人处理相同任务然而,如果团队成员中有两个或两个以上作用,他们之间的通信是成功产品的关键

深入理解这两个字段之间的区别,

因UI设计师拥有产品最后演示文稿,并因该最后演示文稿对用户体验(UX)、UX和UI设计师(should)密切协同工作有影响

目的是确保他们的努力向同一方向发展:满足用户需要和目标,解决用户行程中关键疼痛点幸好有一个强大的工具可以帮助协作:样式引导.

学习更多 :UX和UI设计5大差.

二叉UX和UI协作密钥:样式指南

发现UX设计师和UI设计师协作的重要性时,风格指南我开发 与UI设计师铺路 提高整体一致性, 看和感知 和功能最终交付品实战讲义

样式指南为UXUI设计师(团队中其他人!)打基础,合作创建有效、高效、包容甚至愉快的产品和经验

样式指南是什么

样式指南集合协议设计指南帮助建立产品和品牌一致性通常这也包括内容指南

样式指南提供单文档存储视觉和功能信息样式指南用作团队成员之间的参考点,以便有有形或电子资产运行通常它提供推理说明某些决策为何设计过程期间作出

设计受控 万一团队成员想修改功能 与项目其余部分不相容样式指南提供项目保持高度一致性,允许强传递品牌

如何构建定义样式指南

体型指南第一页应包含文档总目的页面让用户知道文档应用或不使用

此外,它建立版本控件通知用户文档中某些方面是否修改高亮版本控件跟踪中的这些修改帮助让每个人都知道修改以及修改时

标识指南

从商业策略角度讲,这是最重要的巩固领域之一第一部分应包含几句关键字设计,数句关键字设计时应记住

下段应包含标识包括所有变异和是否使用facon变式可包括何时使用标签条以及是否图标和图标是否可以自用本节还应包括设计师能做和不能做设计

声音语调

理解您的品牌应如何传递用户对在样式指南中建立非常重要解释是独一无二的 每个人读信息, 所以需要精确和精确的措辞样式指南需要向人们提供清晰例子说明如何以首选语调写字,并在可能的情况下提供清晰例子说明如何不这样做。

并假设为产品写内容的每个人都知道如何为网络写作是错误的制定结构指南以及标准EO和元数据最佳做法将有助于保持全过程一致性。用户写社会媒体平台时需要理解写脸书与写Twitter之间的区别,

颜色学

总是包括调色板和如何使用调色板颜色段应包含打印和网络格式:CYMK、RGB和CSS十六进制代码此外,如果初级颜色、二级颜色和图标间有差异,这是解决这些差异的好地方。

文档中添加截图说明颜色使用方式对理解设计方向大有帮助取出几个模板页面示例并注明颜色使用方式将建立清晰度理解总体颜色意图

字体类

类型必须在样式指南内定义大小、线高度、前后间距、颜色、头条对体字体等定义在本节内确定包括Web非字体选择管用Google字体多字体可用, 提供网络备份非Web字体仍然很重要 。

布局网格

通过为网格建立模板和指南,一致性在整个应用中建立布局既包含战略方法,也包含后端编程方法。此外,在响应设计范围内工作时,必须考虑流水布局和比例网格

按键

样式指南内创建页面显示所有链路做什么定义悬停状态、禁用状态和访问状态程序内若有支配按钮,定义屏幕上可使用按钮的次数

外加,如果图标与按钮并用,此点应定义对UI设计师来说,定义宽度和高度以及任何其他CSS代码需求也很重要

图标

定义大小和间距并在哪里使用图标是促进一致性的另一大方法页面上所有图标应显示名称、意图、颜色和大小

基本编码指南

程序员不同时工作,因此必须确定基本原则以改善总体协作可包括以下内容:

  • ss类命名规范
  • avascript集成
  • 表格定型
  • 文档类型和验证需求
  • 目录结构
  • 可达性标准
  • 测试方法
  • 版本控制

全局行为

在全球行为部分内,解决之类项目应处理程序是否准备响应,工具技巧等项目使用方式和时间,用户可定制的东西将在本节中出现

此外,对大型网站和应用而言,定义剖面很重要举个例子,用户可一次查看多项应列外形结构功能和视觉设计应在此列

表格行为

字段布置方式和字段类型应嵌入本节复选框或广播按钮使用和应在哪里定义清晰此外,日期选择等功能也应在本节显示

表格功能性也应提及举例说,如果用户可以通过表单选择表单,应定义此点表格验证和报错也应解决

附加功能考量

视项目而定,有一组可能的功能片段需要定义和协议可包括以下内容:

  • 网格行为处理复杂信息
  • 排序整理功能
  • 特殊值,如空语言和/或货币阶乘
  • 导入输出考量
  • 旋转木马和相片画廊考量
  • 通知行为
  • 注销行为... 和任何其他应用独有功能项目 需要协议

附加启发

现在你知道样式指南是什么 开始搭建自己的

上表样式导师表现优异

现在怎么办

理解拥有样式指南不是一次性练习,也不需要按月更新多数组织每年更新样式指南

确定持续联系用户并知道他们的需要看即将到来的行业趋势 并尽量保持前沿不仅你风格指南对网站的外观和感知以及功能都很重要,对整个业务策略规划也很重要。

深入了解UXUI设计

最后,重要的是要指出 良好的协作bewteenUI设计师绝对重要更多了解兼容性设计

职业Foundry是什么

职业Foundry网际学校面向面向技术生涯选择程序 并配专家导师教程 并成为准备工作设计师 开发师 分析师

深入了解程序
blog-footer-image