这个情况是我小题大做吗？

[93html]

作为一个前端程序员 今天拿到这样一份设计图
http://odxrmo6qt.bkt.clouddn.com/18-2-6/36752266.jpg

一眼看出一个不和谐的地方，顶部标题没有对齐
于是我叫来产品反应这个情况，产品说他当时也注意到了，但采纳了设计师的意见，又叫来了设计师来说这个事

设计师的观点是：**2 个标题属于不同的板块，他们对不对齐都没有影响**
我的观点则是：**UI 设计应该基于网格对齐，即使是在没关联的板块中**

然后设计师表示：那你做的时候对齐好了

其实事情到这本来也结束了
但是我心里一直在反复琢磨
我认为设计师并没有认同我的想法，只是单纯的迁就
我一直觉得 UI 设计是一个很严谨的事情，和画画不同
UI 设计是思考和提炼，画画则是发挥想象

10 分钟后我找产品单独讨论这个问题，产品表示我小题大做，还说我在攻击设计师

所以大家怎么看这个事情？

感谢大家帮助我理解这个事
几个人提醒我注意泄秘的问题
由于我不知道怎么删这个图…
所以让帖子沉了吧…
再次感谢大家

[learnshare]

打回去重做
做设计不是堆像素，写代码不是堆字符

[v2chou]

你想多了

[bolide2005]

很多时候同样的一件事，用不同的方式说出来就会有不同的结果，共勉啊楼主，反思一下自己的说话方式和语气，尤其是指出别人错误的时候，毕竟是大家合作好于大家对抗

[3a3Mp112]

设计师的观点是：**2 个标题属于不同的板块，他们对不对齐都没有影响**
-- 同意此观点。

[Rickkkkkkk]

这个最后应该产品定

[shintendo]

首先你期望达成的能让你满意的结果是什么呢
其次个人觉得这个图没什么不妥的，也认同设计师的解释

[lvybupt]

同意设计师的观点，楼主想多了

[knight322]

同意设计师观点

[yanyuechuixue]

这个的确没什么关系啊，反而是对齐了会不好看吧。
你的确小题狂做了。

[93html]

补充一个细节，后来我在和产生的讨论中我问产品，这个问题是设计师的疏忽，还是出于考量的？产品说设计师的考量就是如她所说的，在不关联面板中对其是无关紧要的，我就说这算什么理由，然后举了各种例子解释我的观点，最后说了句我不希望我们的设计做 ui 都是靠感觉的，然后这句话刺激到他了，他说设计师这么做是有理由的，只是我不能接受，说我这么说是在攻击设计师

[saulshao]

我同意设计师的观点。这个没有必要对齐.......并且在 HTML 代码的级别，这种对齐可能还会带来开发上的麻烦,需要花费很多额外的精力

[nullcc]

比较好奇为什么产品会说你攻击设计师

[lingo]

同前端，但是真的觉得设计师意见没毛病。不过要对齐网格也行。

[Tink]

作为一个用户，我觉得不对齐看着很别扭

[93html]

@nullcc 见我回复

[93html]

@shintendo 我觉得我提出了一个设计上被忽略的地方，但所有人的反馈告诉我他们并不关心，所以只有我太偏执？

[dophoenix]

1，这个事本身你提出质疑并没有问题，并不能算小题大做，但是还要看第 2 点。
2，你们的沟通是否对事不对人，过程当中你是否比较激动，决定了你是否小题大做。
3，单纯从设计本身来看，设计师也许是对的，但是如果这个设计让大部分普通人都觉得“没对齐”，那么就应该再斟酌一下要不要考虑其他设计方案。
4，你们的产品如果不是特别忙的话，那么他不是很尽责。

[gearkey]

，，意见同设计，实际上不止块不同、它们是不同层的东西，左边加个阴影就明显了，以及意思可能是「你做出来看看就知道了」

[plqws]

几个字：楼主自作聪明

特别是不要跨界自作聪明

[skadi]

扁平化的话,对齐好看.

其实设计师说得没错.

[just1]

1. 提出问题没问题，但固执己见就是不对了，你又不是产品，越界了。外人看来你就是在怼设计师。
2. 反正我赞同设计的主张。对齐好奇怪。

[tianxiacangshen]

工作中还是别跨界吧

他的工作内容你为什么要干涉

做好你自己的工作，最多提下意见

[93html]

好，我小题狂做，我跨界装逼，结束

[HeyWeGo]

我真想遇到这么较真的前端~

[ycz0926]

看公司情况
是积极向上那种，就事论事
混日子的那种，说什么，做什么

[93html]

@HeyWeGo 今天为止第一个肯定我的，老泪纵横...

[vevlins]

楼主不要太不高兴了。
我觉得确定以下几点：
1.对不对齐是 UI 的工作，不是前端的工作，但是前端对这个事情有反馈的权利。
2.对不对齐并不影响前端的工作，都可以实现并且不会增加什么难度和负担。
3.向另外职责的合作者进行反馈的时候不要带有怀疑对方专业水平的意味，否则对方会不高兴。
4.当自己没有决定权的时候不要太坚持自己的观点，没什么必要也没什么意义。

[bertonzh]

设计师是有一些道理的。‘基础信息’这个模块，是‘设置’的一个下级。
但是‘作品二维码’和菜单这一栏的布局给人的感觉很不对，下方的菜单提到上面去会好一些。

[93html]

@vevlins 有道理

[Ctrol]

作为用户，感觉对齐了会分不清两个板块的关系

[bertonzh]

另外，你既不是产品经理，又不是设计师的上级，表达一下自己的意见就好了。

[Athrob]

是

[qof3990]

我作为前设计师表示，设计师太忽视沟通了。总觉得东西做出来好看就行，符合专业规范就行。殊不知，美术专业也有反直觉的东西，不给大家解释清楚，大家真过不去的坎。因为天天戳眼前晃悠，很影响心情的。可偏偏搞美术的就没几个沟通好的，来回就是只可意会。当然这和老师没教好有关系。老师一，别逼逼画出来看。老师二，神吹猛砍一堆术语，但说不清为什么。大多数老师就没进过公司，他怎么教你沟通同事客户。都是泪。

[alcarl]

偏执是大神和渣渣共有的的特质，这两种人的比例大概是一比一百万，即使你励志做一个大神，也不要在成神之前扣这种意义不大的东西，因为这个的价值在当前看太低了

[CEBBCAT]

图片小心泄密

[Applenice]

个人觉得这个设计没问题啊~~~

[580a388da131]

这东西没有对错

[jadec0der]

我也觉得没问题，字体都不一样大

[93html]

@jadec0der 字体是一样大的，只不过标题层级不同

[tieshu]

只有我觉得那个 作品二维码 这几个字很多余碍眼吗

[maitiantuzi]

设计师说得没错儿，但是左侧一栏字体大小设计极为混乱，让人分不清主次。
ps: 暗色系背景的网页设计非常难，一不小心就非常丑

[jadec0der]

@93html 好吧，果然我不是像素眼

[93html]

@maitiantuzi 是的，深色主题是个大坑

[l00t]

我也觉得没必要对齐啊。当然对齐也没关系。我估计你们设计师也就是这么个想法。你的想法和他不一样，这很正常，每个人都有不同看法嘛，不可能总是意见一致。但是你以这个质疑设计师的工作态度和专业素养，显然就是小题大作人身攻击了。

[93html]

@l00t 教育的是

[yingfengi]

在这张图中，没对齐看起来并不会很奇怪。

[ericliu001]

@Rickkkkkkk 说的对，应该产品定，我们只是发表自己的意见，阐明利弊。

[Annual]

如果没有你这自己框起来的提示，一眼看过去并不会觉得奇怪

[msg7086]

提出问题和建议是可以的。

但是这方面你并不是任务负责人，出了问题上头批下来不是你担责，所以原则上你是没有权利去[质疑]他们的决定的。如果他做得不对，理应由[负责人]去管这事，而不是平级的你去管。

当然你想要接锅也可以，胸脯一拍，设计上出了问题算你的锅，那你随便改。对不对？不要随便跳坑。

[mrcn]

我觉得说出你的想法就行了，采纳不采纳是他的事吧。毕竟这是人家负责的。

[Mark24]

感觉你想多了

[hubhub]

跨界装逼罢了

[baozijianke]

人家工作的输出……你就这么 po 出来了……

[coffeSlider]

两部分区分不明显，还是对齐合适。
如果泾渭分明，那各自按照各自对齐才无所谓。
这里部分程序员审美为负，你来这问这种问题，不是打他们脸吗？(ಡωಡ)hiahiahia

[icyalala]

同意设计师的观点：那两块是单独的模块，每个模块的边缘留白都不一样，所以不必对齐。

对于设计各有各的观点，争论一下无可厚非，不过看到 10 楼的后续，楼主说 "设计做 ui 都是靠感觉"，这就的确很伤人了。

[93html]

@baozijianke 没事，反正也是抄别人的...

[digimoon]

前设计师表示赞成楼主，除非用户不能同时看到这两个标题，不然就应该对齐

如果你没有强迫症，那么对不对齐都没所谓
如果你有强迫症，那么看着就是心里不舒服
那么为何不对齐呢？

而且一眼就能看出来（产品说他当时也注意到了），既然会让人特别在意到这个地方，那么它肯定是在这个界面里有重要性，然而这个界面里重要的是右边部分的内容而不是这两个标题，这在心理上来说也不符合设计目的

当然了楼主不负责这个的随口跟设计提一下就好

[ztshia]

的确设计师说的没毛病
#弱弱觉得二维码的边框不好看…

[xy90321]

我只秉持两个观点

1 ）要么对事不对人，要么对人不对事

2 ）不归我管的，我爱讲不讲，你爱听不听


所以建议只是针对是否对齐去和对方进行平和对等的交流

至于是否需要说服对方以及对方以什么理由妥协讲真的不重要

每个人各司其职，你提出你的意见已经是尽到了你的职责

如果要强制设计人员遵从你的审美来设计，有点越俎代庖

[notreami]

发个贴，标点都不打嘛？这么严重影响阅读，赶紧改好重新发一份出来

[CoderGeek]

提个建议完事 不管是谁对事不对人

[hasbug]

作为一个前端，我也无法接受。

[chmlai]

你是对的

[RihcardLu]

不是，我特意问了两个设计师，她们都赞成头标题应该对齐。
所以有三种可能
1. 设计师太水
2. 设计师懒得改
3. 设计师面子上过不去

除了第一种情况，后面两种都是可以通过沟通解决的，祝好运！

[realpg]

你不是设计师，你不是产品经理，这不是你的事儿，就别参合了……

这属于你发现了可能的 bug，提建议（注意是建议）给产品经理，产品经理决定最后怎么处理

人家认定是 bug 就让设计修 人家认定不是就这么设计的 那你就这么做

如果你不爽，你可以转行设计……

[xhyzidane]

同意设计师观点
这个设计问题不少，但是不出在这个对齐上

[oIMOo]

不对齐难受炸了。
不过具体是不是小题大做或者攻击，要看你怎么表达和沟通了。

[uptime]

你当然可以提意见
但是怎么沟通是情商的问题
你沟通成这样，只能说你情商不高。

[bombless]

创作是要靠感觉的。而且我觉得写代码也是要靠感觉的，当然可能许多人不会同意这个观点

[mztql]

只是行高位置比较相似，如果右侧标题再低一点，或者字体放大、加粗，都不会有这个问题

[tyfyc]

做事先做人啊楼主，都不知道在 v2 看过多少这种其实是沟通方式而不是事情本身的问题了，天才毕竟还是少数，多数人还是需要多跟人合作才能完成事情，合作的前提是大家互相尊重对方的专业，提意见可以，质疑人专业谁心里都会膈应

[oswuhan]

从项目流程角度来提出两个观点，仅供楼主参考。

首先，这是设计规范中布局、对齐等细节要求的问题，设计师输出早期版本（比如线框图、低保真原型等静态稿）之后就应该发现这个问题，审稿者至少应包括设计师、前端程序员、产品经理，三者意见一致才能开展下一步的工作。

其次，这是设计师的问题，程序员不应该在写代码的时候思考设计的问题，而应该专注将设计稿“翻译”为前端代码的工作，设计出了问题，这个锅也是设计师的，并由产品来提出，简单来说，就是实施者与监管者责任划分的问题。

[davidyin]

你提出问题，本身没有错，只是不要纠结，把自己的本职工作做好，最重要。

[wavingclear]

同意设计师观点，楼主这是强迫症
不过如果我是设计师被你找上门，我会选择让“作品二维码”五个字居中或者换位置+换字体+换字号，让你的强迫症没法发作
另外，从上帝视角或者从老板视角来看，这点改进的增益远低于弥补办公室员工合作关系的成本，我是负责人会找个方法安慰下你把你的建议堵回去

[wangxiaoer]

楼主换位思考下：如果那个设计师找产品经理说你的代码写的不优雅，你又说服不了他，请问你心情如何？？？？

什么时候程序员有资格对设计，对产品指手画脚了？你可以有建议权，但没有决定权。

别他么再给程序员招黑了行吗？

[wee911]

首先我做过设计做过前端，你的 ui 的这条意见属于外行，ui 的理由很对，以后别干涉了

[likai]

我是支持对齐的这一方的，
但我也觉得小题大作了。
这东西没有什么统一的规范。
美观这东西，不同人有不同的办法，说出你的意见就行了。
同时我也觉得你是在攻击设计师，
你上面很多文字在我个人的理解下是你瞧不起设计师这一职业的？
你有反馈的权利和义务，但为什么一定要别人认同你的就一定是正确的好的？
比如(不一定恰当)设计师用你的代码'{}'是否新开一行来质疑你的职业素养，不知你作何想法。

[likai]

@likai 不同人有不同的想法

[leer561]

我觉得这页面有点丑

[Jimrussell]

我和此楼大多数的人的观点差不多，不是你的事情，别参合了。公司的产品又不是你的产品，你那么上心干嘛……

另外，UI 的解释说得过去，但属于强辩。
不同板块这两部分文字的对齐，并不是 UI 分分钟能搞定的事情，对于这个细节，贵司 UI 只动口不动手的最大原因还是：以他的能力要调试一会才能搞定对齐，并不像某楼说的很轻易能弄对齐。前端的水平太参差不齐了，懂得人都懂。

作为用户来看，这种不对齐的显示是真的丑，确实应当是对齐的。

[yag]

确实是小题大做了，其实你只要做好自己的就行了，你毕竟不是 UI 设计师。

[qof3990]

@93html 这里的帖子改不了，去把图片地址改了大家就看不了了。如果需要保密。

[Microi]

此处无需对齐，但整个页面字号应有变化。

[sm0king]

之前我们也有个设计师，完全按照自己的性格来，各种不对齐、不居中、配色乱、没规范
等等 等等~~
但大家觉得好看、就非要我们按照设计图出页面. . .
然后这种图有个很奇怪的事情，刚开始看好看，但不耐看. . .
于是我克服各种困难后做出来的东西，大家说不好看，非说我们没按原图出页面. . .
最终练就了我几乎百分百还原设计图的技能，拿着这些怼回去. . .就算移动端也要几乎全 100%还原. . .
依然记得那时候让我做一个 0.5 像素的线的时候，我什么心情. . .

[zhangchioulin]

同意设计师的观点。
另楼主想多了。

[luoway]

“作品二维码”明显偏上了，上下边距不一致。
觉得设计师水

[py2ex]

贴主说说要求对齐的依据是什么
强迫症表示不应该对齐，因为不同板块

[nekoyaki]

我看了一下，我觉得是这样
1、设计师的想法，放在这张图的上下文里是有道理的，不对齐没什么问题。
2、楼主认为应当对齐，也没有什么问题。个人认为如果能对齐，会比不对齐稍微美观一些。
3、如果开发这个页面是楼主的工作，那么说明楼主对工作本身比较负责。如果你能够自己对齐，是更好的。
4、但是每多做一件事情都是要花工作量的。花的工作量是否值，这个得你们自己和你们的老板来判断。要知道事无巨细的设计会花费更多的工作量。在写代码的时候有一个类似的说法叫“过早的优化是万恶之源”。
5、很多事情没有客观标准，跟话术也有关系。这个我不多做评论。

[fao931013]

是我就照着做~哈哈~
表达看法就说攻击，怕不是那个设计师是女的，产品是男的喜欢她吧~

[sobigfish]

（预览用的吧）二维码为啥要出现在基本信息 编辑信息前面
而且还那么大 那么丑😨
明显和所有的 tab 也不能同级，放在保存前 『预览』（或分享） 不是更好么？

[Soulless123456]

我只能说，开发与 UI 设计师之间差一个设计规范， 有了排版规范就没有那么多问题了。

设计规范能够为团队解决诸多问题，大大提高团队协作效率，其作用主要体现在如下方面：

1. 解决团队协作项目控件使用混乱

一个包含几十页甚至几百页的大型项目，一般都是团队协作一起完成。若没有制定的设计规范，想保持不同页面同一控件的统一性，几乎是不可能的。但是，如果在多人进行协作某一项目前，UI 设计师制定一份设计规范，其他协作成员都遵循此规范，就可以有效的把控视觉统一性了，提高工作效率也就变得轻松多了。

2. 保持产品迭代过程中品牌一致性

在产品的后期维护过程中，少不了迭代。若没有制定的设计规范，在经过多次迭代后，我们很可能忘记了设计初衷。版本 3 中的 LOGO 样式可能和版本 1 相差越来越远。若有了设计规范，在后期迭代过程中就很容易保持初衷，良好的维护品牌形象。


3. 大大提高开发人员工作效率，减少不必要的代码重复

有了设计规范，开发人员可快速调用一套代码，大大提高工作效率。

设计规范系统有哪些？

今天，要给大家推荐的是国内首个设计系统-摹客设计系统。也许很多人都还没有听说过，但是我相信做产品，做设计的朋友一定听说过国产原型设计神器-Mockplus。这两者有什么关系吗？当然，这是由一家公司开发的，在设计系统里面制定的规范可直接应用到原型设计中。

有没有感觉很牛？好了，废话不多说，下面带领大家一起来认识一下这个设计系统，让你先睹为快。

目前摹客设计系统可以对界面 UI 中的 Logo、标准色、字体、段落样式、图标、图片、组件、度量、阴影等资源进行管理和归纳。