分享一些UI界面设计的经验流程
新闻来源：优漫教育
日期：2021-07-21
产品的最终用户体验是在完整的产品设计过程中，交互和可视化完成后，后续的可视化规范输出、UI控制的整理和注释、设计的高度恢复度会影响产品的最终用户体验。视觉设计者在视觉设计的后半期是麻烦和象素级的细节，设计不仅要注重美感，还要注重严格的态度和逻辑。
前半年参与了一个重要的项目(尤其是一个**)，将在世界各地的办事处上线，涉及多终端和多屏幕合作。当人员投入少、时间紧、任务强度大时，临时设计运营团队不断探索前进。五个月后，该项目将IOS和Android的优秀手机推向测试阶段，大视频的设计即将开始。五个月来，我们和优秀的同行一起参与了视觉多终端标准输出的大视频手机。让我们分享一下这几个月的积累和沉淀——视觉设计师如何保持设计效果的高还原度和落地？为用户提供设计精美、体验良好的产品？
产品的最终用户体验在完整的产品设计过程中完成后，后续视觉规范的输出、UI控制的顺序和注释、设计的高度恢复会影响产品的最终用户体验。视觉设计者在视觉设计的后期，由于麻烦和像素级的细分，视觉设计者必须实现以下几点
一、视觉和交互应实现无缝连接，实时更新视觉页面。
整个产品设计过程包括不同类型、不同内容的不同阶段。作为设计者，面对每一步，都不能一蹴而就，要循序渐进。
前期准备阶段:确定设计需求、竞争产品分析、用户调查、市场评价等目标
分析设计要求：明确设计要求、业务逻辑、产品结构；
实施阶段：交互式设计原型的输出，视觉设计风格和方案的确定，设计实现，以及在线测试的不断迭代和更新；
上述阶段，业务需求的变化与澄清，交互的重复与视觉更新，都是设计过程中最乏味的阶段。在设计之前，首先要了解多个终端的适应性(分辨率/屏幕精度)，以及综合考虑哪些分辨率是最重要的；然后视觉设计者要面对庞大的网页工作量，并且经常会遇到与交互原型不一致的问题，所以要及时反馈与讨论。遵循清晰可见的迭代过程。在视觉设计中，需求的变化和迭代的交互作用形成了闭环无缝的视觉更新路径。唯有如此，才能为发展奠定坚实的基础。
自然而然地，作为视觉设计师，在设计过程中主动提出ABC方案，而不只是想出一个独特的方案。唯有用图片表达创意，才能成为一名合格的设计师，特别是视觉设计师。可以使用自己的设计表达权，方便草稿审批，避免别人牵着鼻子反复修改。
二、在适当的时候，多发出声音，避免更多的空闲工作。
视觉规格、视觉注释和视觉控制库的组织和输出只有一个目标:引导设计，落后设计；回到项目，设计团队和设计团队通常会考虑以下两种情况:
一个设计团队有很多项目经验，但设计团队对项目的经验很少——设计的声音比远景更重要。
设计师有丰富的项目经验和一定的设计沉淀——设计发言权大于设计。
就视觉设计而言，如果设计团队有丰富的经验，运用经验积累来设计沉淀和创意引导项目，用大声，反之亦然。
这样，首先要考虑最近涉及的项目；在交互式视觉设计流程和标准输出方面，设计人员可以提供更正确的方向指导，吸取之前设计团队的宝贵经验，如设计文件的共享性、及时性、专业性等设计标准；制定可接受的设计标准，以指导设计；及时跟踪和解决与设计相关的问题列表；变更过程包括:变更需求-要求人员交互式视觉设计产品经理(seorpm)最终确定产品设计过程(seorpm)作为指导产品设计、及时跟踪和解决与设计相关的问题和设计需求变更过程(变更过程包括变更需求-要求人员交互式视觉设计产品经理(seorpm)最终确定的设计标准(seorpm)来指导产品设计，提高产品设计效率。
三、场景视觉设计80%+视觉控制规范+裁剪+注释+宣传引导发展。
提供特定场景的典型页面交互，输出视觉草稿。经过多次重复审查和定稿，提出了缺少场景的视觉设计方案，补充了视觉场景
最终视觉草稿必须经过多次审查和反复修改。然而，一般来说，为了跟上视觉设计的进度，它与标准同步，导致该标准的重复修改。
从项目经验来看，在可视化迭代过程中，首先输出本控制元素规格约占控制规格输出的30%，包括(颜色/文本/图标/屏蔽/投影/按钮/输入框/或单个控制件)，并通过设计后的次级规格审查确定规格输出的正确性和专业性。
设计人员可以选择需要在所有可视页面上标记的UI控制，因为UI控制也是一种通用风格，设计代码可以作为UI控制库(与vision相对应的控制列表)，并且由其他子模块统一调用；所有UI控制都必须提取和迭代输出，以最终的视觉效果为基础。最终，以文档(PDF)的形式概括布局，避免了单个模块单独的页面传输，使规则一目了然；规范是一项巨大而繁琐的工作，需要耐心；在这一过程中，要注意每个细节的准确性和合理性。
删除涉及所有视觉页面的图标和辅助图形；根据图标特定场景的大小、颜色和状态，删除24px/32px/48px/72px/128px等图标。换句话说，每个图标都有自己特定的场景、大小、颜色和状态。请记住，当GG设计规格和剪贴画时，他说:一页的图标剪贴画需要特定的用途，我们不会为图标绘制或书写特定的颜色。
Visual页面的标注是基于UI控制标准，放弃了之前对每个页面规定大小/颜色值/大小的标注。实际上，每一个可视化页面都包含不同的UI控制。网页上，相应的控制项被标记为UI控制标准的数字。当GG设计使用可视页面注解编写代码时，可以在UI控制标准文档中找到相应的控制规范细节；通过这种方式，可视化设计器可以避免在可视页面中产生密集的维度，从而避免视觉疲劳。
四、密切联系发展，面对面解决问题。
后者与发展密切相关，在条件允许的情况下，发展应该优先考虑。遇到问题时，应澄清、引导、达成共识、修改和定稿，并当面解决。
五、虽然设计说明有所改进，但设计上仍存在问题。
想象一下，如果不坐在一起设计，设计过程中可能会有偏差，甚至在设计过程中会遇到一个细致的设计规范，设计本身就缺乏设计美学。GG公司必须为设计过程中的每一个细节提出一个可视化的问题:按钮上是否有无限的左右箭头？没有状态的时候，图标的状态怎么样；发消息要求开会或者打电话讨论，有时候解释不清楚，效率低，半途而废。
结合目前的项目，可视化设计直接进入设计团队，并与设计团队坐在一起。比方说，这个项目的设想就是在深圳，南京或者其他**地区建造，而且远景也要花很长时间才能定居。遇有问题，进行面对面的谈判，大大提高了设计进度，节省了时间。视力恢复还是个问题？如果设计和设计与办公室密切相关，当然不需要无休止的旅行，也可以节省项目成本。
继续与GG亲密接触，从不排斥发展；互动视觉完成后，一切都会好起来。这个设计注重审美设计中逻辑的严谨性和合理性。一个产品要保持细节的精致性、创意的卓越性和良好的用户体验，需要互动性、远景性和发展性的无缝合作，以及各个环节的综合考虑。
