优漫动游教育分享一些UI界面设计的经验方法
作者:互联网
产品的最终用户体验是在完整的产品设计过程中,交互和可视化完成后,后续的可视化规范输出、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公司必须为设计过程中的每一个细节提出一个可视化的问题:按钮上是否有无限的左右箭头?没有状态的时候,图标的状态怎么样;发消息要求开会或者打电话讨论,有时候解释不清楚,效率低,半途而废。
标签:界面设计,图标,控制,UI,设计,视觉,优漫动游,页面 来源: https://www.cnblogs.com/Uman666/p/15048322.html