-
让品牌有温度、有情感
专注品牌策划15年
ui设计项目中遇到的问题（ui设计项目中遇到的问题及对策）
发布时间：2023-04-28 03:28:27
稿源：
创意岭 阅读：
456
大家好！今天让创意岭的小编来大家介绍下关于ui设计项目中遇到的问题的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008
本文目录:
一、UI设计中如果图标大小不一致一般怎么处理?
首先，这种方法制作出来的图标大小为48px*48px，需要其他尺寸的图标可以做完之后等比放缩即可，放缩过程中可能需要注意半像素（见下文）的问题。
Material Design把图标的形状类型分为三种：圆形、方形和矩形。其中圆形的半径为44px，方形的边长为38px，矩形为44px*32px。
怎么判定图标应该套用那种尺寸的？有一种方法是：将图标与上图的模板居中对齐，然后中心不动，放大图标使之图标依次碰到三种形状的边界，填充最满的那个形状的尺寸就是该图标需要规定的尺寸。如下图，依次将设置图标放大并使之接触到不同形状的边界，可以看到在圆形里，该图标最大，证明设置图标最匹配圆形，所以使用圆形的尺寸44px*44px。
下面正式定义尺寸部分：
1. 如果形状为方形，则图标大小为38px*38px，若只是近似的方形，则取较小的边为38px，等比放缩。
2. 如果形状为圆形，则取图标大小为44px*44px，若只是近似的圆形，取较大的边为44px，等比放缩。
3. 如果形状为矩形，先令短边为32px，等比放缩图标，若此时长边大于或者约等于44px，则取长边为44px，等比放缩；否则，令长边为y，取长边为（44+y）/2，再向上取整，然后进行等比放缩。
根据以上的规则制定出来的图标，大小就会比较统一。如下图，左边是调整前，右边是调整后。（不过也有人反馈说看不太出来o(╯□╰)o）
顺便把这次整理图标遇到的坑也记录一下：
1. 关于半像素的问题。
半像素的问题主要是在进行Android不同尺寸适配的时候，有时候开发会要求图标不能出现非整数的尺寸，不然可能图标就会糊掉。所以在设计Android端使用的图标时，注意一下这个问题。适当地对尺寸进行四舍五入一下即可。
2. 关于iconfont的问题。
现在大部分团队都会将图标转换为iconfont，这样可以缩小整个项目的大小。图标在转换为iconfont的时候，会忽略所有的线条（包括填充色块的边）。所以，如果图标中有线条，则需要利用高度为1px的矩形代替，色块的边长需要用色块叠加来替代。
3. 关于对齐的问题。
如果有仔细看，我这个方法指定的图标大小为48px*48px，但是里面有内容的部分，比如说圆形，就只会占据44px*44px，这时候我们当然会希望把图形放置在图标的中央。免不了就会使用对齐工具，咻咻两下，一个上下居中对齐，一个左右居中对齐，搞掂。但是，慢着，如果仔细发现一下，你会发现看上去并不是居中的。这是由于人的视觉错觉造成的，这时候就需要进行适当的调整，通过自己的视觉判断来进行对齐。
4. 关于颜色统一的问题。
一般而言，图标设定为同一个色值（比如#999999）就能统一颜色，但是也有遇到过某个图标会显得颜色比较浅，具体原因未知，这时候就需要进行特殊的处理，比如设定更加深的颜色，比如#333333，具体通过自己视觉调整即可。
二、UI设计如何提高团队协作
一、视觉UI设计与交互设计之间应衔接无缝，即时刷新视觉页面
一般产品设计流程包括不同的阶段，不同的阶段其涉及的范畴内容不一样，作为设计师面对所有步骤不能一蹴而就，而是按部就班，计划行事。
当然作为视觉设计师;设计过程中主动出ABC…方案而不是只拿出一个唯一的方案，只有将想法用画面来表达，才是够合格的设计师，特别是视觉设计师，好处可以锻炼自己的设计表达力，方便评审定稿，避免反复修改被人牵着走。
二、适当时，为开发开启更多的话语权，避免更多的无用功
视觉规范、视觉标注、视觉控件库的整理与输出目的只有一个：那就是指导开发，让设计100%还原落地;回到项目中，对于设计团队与开发团队通常会体现以下两种情况出现：
开发团队对项目有丰富经验，设计团队对此项目经验少-开发话语权大于视觉设计团队拥有多次项目经验，并有一定的设计沉淀累积-设计话语权大于开发从视觉设计而言，如果是设计团队拥有丰富的经验这是最好的，用经验累积设计沉淀与创造性指导项目，话语权大，反之亦然。
三、用80%场景的视觉设计+视觉控件规范+切图+标注+宣讲来指导开发;
1.视觉设计的场景
由交互提供具体场景的典型页面，视觉稿进行输出，多次迭代评审敲定后，再由开发提出缺失场景的视觉设计，视觉进行场景补充;
2.视觉UI控件规范的输出
必须是经过多次评审与迭代的最终视觉稿;但通常情况下，为了赶进度视觉设计与规范是同步进行，这导致规范反复修改的问题。
3.切图与整理
切出所有视觉页面中涉及到的图标与辅助图形;图标大小如：24px/ 32px/48px/72px/128px等，根据图标具体场景中的大小、颜色、状态来切。换句话说，每一个图标都有它对应的具体场景，特定的尺寸、颜色和状态;记得曾与开发gg对规范与切图的时候，他说：页面的图标切图，需要的是一个具体的拿来就用的，我们不会去画一个图标或去特定写一个图标的颜色。
4.标注
视觉页面的标注基于UI控件规范的基础上进行，抛弃以往每个页面细无巨细的具体尺寸/色值/大小的标注。其实每一个视觉页面皆由不同的UI控件组成，在页面中将对应控件用UI控件规范中的编号来标注，开发gg拿着视觉页面标注去敲写代码时，再在UI控件规范文档中寻找相对应的控件规范细节;这样，视觉设计师避免在视觉页面中做那密密麻麻的尺寸标注，而开发gg拿到标注清爽的视觉页面也不会产生视觉疲劳。
5.规范宣讲
以上4步完成后项目开发启动前，用视觉规范对开发做统一的宣讲，避免遗漏造成规则传达不一致;这样，还设计原度还是问题么?
四、与开发近距离接触，面对面解决问题
最后一个方法是与开发来个亲密接触，即如果有条件允许的话，请与开发坐一起;遇到问题及时面对面澄清、拉通指导、达成共识、修改、敲定、解决。
试想一下，如果不和开发坐在一起，即使开发面对再完善的设计规范，基于开发本身对设计美感的欠缺，开发过程多多少少都会产生理解偏差。开发过程每遇到一个细节问题，开发gg都得拉着视觉问：这个按钮上的左右箭头是无限循环吗?图标缺少了一个状态，那个状态是什么等;发个信息问拉会或者电话讨论，有时候还解释不清楚，效率低且事倍功半。
2.视觉UI设计师直接进组到开发团队中
结合当前项目的做法是视觉设计师直接进驻到开发团队中，与开发团队坐在一起，举个例子此项目视觉在深圳，开发在异省南京或是异国，视觉也出差飞过去长期进驻，遇到问题面对面商议解决;大大提高了开发的进度与也节约了时间，视觉还原度还是问题么?当然，如果设计与开发本来就附近办公，则不需无休止的出差，项目成本节省不少。
三、如何在项目开展之后,UI设计能够尽量少的改动？
项目总结的方式方法
- 项目总结的基础架构
- 项目总结的注意事项
从业最初两年都是靠看学习前辈的总结和自己的实践来不断成长的。有了一些经验的积累后也开始尝试着做一些总结。从事设计管理工作之后除了一些技能的分享还会有设计思路和项目总结。其实会发现做总结的人要把自己的观点融汇贯通并且以更易于理解的方式分享出来，讲的人的收获会比听的人的收获更大！所以坚持到现在，总结做的虽然没有出神入化也是小有心得了。
做项目总结一定要有一个清晰的架构，架构是可以让你继续深入的一个基础，如果你的总结是一个随意的开始那一定不会有一个好的结果。磨刀不误砍柴工，想清楚再做。项目总结的架构基本上是包含以下几部分内容：
一、项目回顾
按照项目流程来介绍自己在该项目的各个环节所做的工作以及在这个过程中的时间损耗，让所有听的人能够对你做的事情有一个基本的了解，当然如果听你总结的人是和你一起来完成项目的人并且对于你所做的工作非常熟悉那这一步是可以省掉的。同时要通过对比以往项目来明确你在此项目中的输出效率。
二、问题剖析
剖析自己在这个过程中产生的问题及相关的解决方案。你所遇到的问题对于遇到同样问题的人来说大家会想知道你的解决方式没有遇到问题的人来说需要让他们在之后的项目里来避免同样的问题发生。问题剖析环节最难的是好多人会羞于讲出自己所犯的错误，怕大家会以此来看低你，一旦有这种心理总结就会不够客观就会避重就轻。但是基本上所有公司都会愿意看到员工发现自己的问题并能及时改进而不愿意看到的是一个连自己都无法认清的人。
三、经验总结
项目总结不只是要认清自己的问题也是要清楚自己做的好的地方。好的经验是我们持续成长的资本，也能让我们不断提高自己的标准以更高的要求来要求自己。
不同类别的项目总结的内容框架会有些差异，比如售前需求的项目会有和需求预期的对比，售后需求需要有一些用户在使用之后的反馈。但是这几项是必须要有的。同时在做总结的过程中也需要注意：1. 要有目录，要让大家明白你接下来要讲的内容都有哪些；2. 时长合理，不建议过长一般半个小时到40分钟比较合理，时间过长听的人是没办法集中到你要分享的内容上的，也起不到分享的效果；3. 用字精炼，简单直接易于理解，不要用过于生僻的名词也不要用过多的形容词来修饰。
当然了，项目总结也是需要持续实践才能看到变化的，希望能够在大家的工作中有所帮助。
四、UI设计师该如何进行一个项目?
1、你的设计做给谁看
你需要思考，哪些人会观赏你的设计。如果你已经找到目标群体，就应该在设计中迎合他们的口味。
比如下面与儿童相关的设计，主题和色彩就要做到能够引起儿童及家长的兴趣。
购物相关的网页或者 App 就要把商品展示做到最好，让用户产生购买欲。
如果你被委托设计婚礼邀请函，此时你的目标受众就不再是观众或者潜在用户，而是甲方本人，毕竟他给钱他说了算。这时候你就得询问本人的需求很多人刚开始很容易先入为主“甲方品味不行”“甲方要求的风格太 low”可是，你是为甲方做设计还是为你自己做设计呢。
2、怎么让你的设计惊爆眼球
目标群众确认后，或许你就已经想好了设计的整体风格。接下来需要做的就是怎么让你的设计引人注目。只有赢得观众的关注，人们才会感知到你的设计。那么又该怎么做才能引人注目。
①短时间激发观众兴趣
想要让你的设计引人注目，你应该在尽可能短的时间内激发他们的兴趣。这时候夺人眼球的信息或者吸睛元素会对你有所帮助。
比如：打折力度、商品价格、富有冲击力的插画等。
②内容把控要过关
在选用图片时一定要注意，其内容必须要和设计主题思想紧密相关。
怎么让用户一下子记住你的信息内容。在设计之前，请务必明确：这个设计想传达什么信息如果甲方爸爸说说高端大气这种模棱两可的答案。你不妨思考一下产品的用途和目的。名片上最重要的是姓名、职务、联系方式。 然而对于演唱会海报而言，艺人及其演出地点和日期则是最重要的信息。在促销广告中，人们应该一眼就能看到降价幅度以及活动地点和日期。并且要做好信息层级划分与分类。
学设计不应该局限与理论与案例，跟着理论案例去实践才有用。
以上就是关于ui设计项目中遇到的问题相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
