ui设计怎么做-UI设计师如何进行演练？

首先，设计稿要做好特殊情况的注释和沟通，并提供正确的裁剪尺寸； 做好演练报告的准备工作。 一份高效的报告应完整包括：xx个页面、xx个模块、xx个视觉问题、如何调整以及修改调整后能否实现设计还原； 需要注意的是，无论是否需要优化和精确调整，有些优先级是需要调整的。

将演练报告文档与测试版本对应起来，例如标记：1.0、1.1版本； 演练报告采用Keynote图文对比，标注测试模型并清晰列出问题和意见，方便开发准确找到问题； 开发修改后，进行二次确认。

特别重要的一点是要注意与发展学生沟通的态度和技巧。

如何跟踪调整后的情况

如果时间充裕，配合开发，可以坐在一起，进行1对1的指导和调整。 好处是可以快速帮助开发找出视力差异并提供调整方案。 如果出现问题，可以方便及时修改优化调整方案，控制调整的时间进度。

如果时间不够，将演练报告发给开发，每天下班前与开发沟通调整进度，让开发在演练报告上标记调整的部分，下载安装测试版即可对已完成的调整部分进行排查，确保进行调整以恢复设计。

约定视觉接受节点并提前干预； 了解开发测试版本计划并同意修改测试版本。

您会遇到哪些常见问题？

一般演练都是测试版，经常会导致崩溃、功能不完整、数据不完整，导致无法完成演练。

如果不了解开发的实施原理，就无法给出有效的调整方案。 开发按照调整方案进行调整后，没有效果或者效果有偏差的； 或者由于系统或技术实现问题，某些视觉差异无法调整。

需要调整的地方太多，遗漏了一些调整，没有根据反馈报告进行调整； 测试版质量太低，需要调整的部分或整个页面与设计稿存在严重偏差； 调整后的模块可能首先是正常的模块，因为其他部分的调整会触发相关反射，导致视觉问题再次出现。

开发无法实施时的处理方法：需要评估工作量并记录无法实施的原因。

不同平台的演练差异

iOS：走查比较比较方便，因为iPhone的分辨率比较固定，系统字体也​​可以对应设计稿。 通常我们都是用750宽的分辨率来设计的，所以截图的时候最好使用750的iPhone，也可以使用iPhone X，正好是1.5倍，截图按比例缩放到750宽。 还要注意iPhone X和Plus屏幕下是否有正确的适配。 Plus 屏幕无法完全显示。 如果可以右滑时出现右滑提示表情包设计，则说明大屏下的分割线是否适配。 是否存在1个像素分割线变成2个像素的情况？ 对于iPhone X等全面屏，具体检查底部home指示灯颜色显示规则、顶部间距等，重点关注产品用户数最多的机型。 常用的iOS机型如下：

Android：有很多型号，每个型号的屏幕显示（字体、颜色等）都不同。 因为很难找到与手机分辨率相同的手机。 例如，根据我们目前的差异化设计规范，在成本方面，Android设计稿通常与iOS有所差异ui设计怎么做，因此设计稿的宽度也是750，但Android等效分辨率720P的宽度一般为720、768或其他的，现在大多数Android手机的分辨率都达到了1080P。 我们通过截图的方式将比例宽度调整为720（注意是720，不是750）作为对比，对比右边间距时，只需将截图图层向右移动30px即可； 另外，由于Android系统字体不是Apple-square，所以还必须考虑不同字体带来的字符高度和间距的差异。 采用边缘法进行比较； 如果时间允许，可以多检查几个型号，或者重点关注产品数据用户数最多的型号。

小程序：小程序的设计与iOS基本相同。 演练与iOS基本相同，但实现原理与App还是有很大不同。 例如，Tabbar样式无法修改。 所以在写演练报告时会存在一些差异。

前端（Html5）：可设置字体粗细； 需要在不同机型上进行检查，iOS和Andriod中会有显示差异； 嵌入公众号后，需要打开PC浏览器检查PC适配情况。

前端（Web）：同样采用截图方式。 如果你能看懂一些前端代码卡通人物，比如CSS，就可以直接通过Chrome进行调试，通过调试实现设计还原，然后直接将调试参数反馈给前端进行修改； 直接利用Zeplin中的视觉降低稿件的透明度ui设计怎么做，直接与在线浏览器中的页面进行一一对比，堪称行走的检查工具； 每个浏览器（Chrome、IE 等）中的字体都使用自己的默认字体。

上线后如何进行持续巡检

产品正式上线后，请尽快下载安装，体验并使用该版本所有需要的页面，观察页面是否有新的视觉问题或调整不足的情况； 发现问题后及时记录​​，并向开发团队反馈。 讨论问题原因并确认调整时间和计划； 通过各种线上渠道收集用户反馈，例如：丁香园从微博、AppStore、论坛等收集反馈； 将自己培养成为日常生活中产品的忠实用户，并在网站上持续使用产品，发现问题，站在用户的角度思考； 并持续关注数据变化。

事实上，在整个开发过程中，设计和开发之间的热爱最能体现在演练和后期细节的调整上。

想要达到跳过设计演练，直接通过开发来保证产品达到非常高的还原度的理想状态几乎是不可能的，因为这不仅需要开发者有良好的设计功底和设计敏感度，还需要实施方法和开发流程必须非常精细。 因此，设计评审步骤任何时候都不能忽视。 这是保证最终产品高质量的必要过程。 当然，随着开发手段的日益完善，整体产品的开发还原程度也在逐步提高。 这不是一个新的重大修订。 产品迭代的组件应用、差异总量和演练成本不再像以前那么高。 。 无论是设计评审还是开发调整，其实大家一致的目标都是希望最终呈现给用户的产品质量尽可能的好。 因此，设计和开发之间的沟通、合作和理解非常重要。

当然，本次讨论还有很多领域我们还没有探讨。 未来，我们将继续研究更加科学、高效的检验方法和方法！