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