搜狐首页 科技 明日传奇2

手机搜狐

SOHU.COM

亲爱的设计师,不是臣妾不想做,而是臣妾做不到啊

亲爱的设计师,

对不起。

对不起,我按照你的设计稿完成的响应式网站并没有达到像素级完美。对不起,我使用的单位是rem和百分比,而不是像素。我知道你用像素单位给每级标题都设置了非常具体、有意的字号和行高。我知道这个图片的展现高度应该是 450px,宽和屏幕等宽;我知道那些图标的宽度应该是 24px,高度不能大于 26.25874px。

你很棒,你的设计也很棒,你们都如出水芙蓉般清新脱俗。

哎,我还是当第一个吃螃蟹的那个人吧,我必须得承认,在你的 Sketch 文件和 PNG 图片里一切都完美无瑕,无论屏幕宽度是 1440px 还是 320px。但是你知道么亲,如果一些人并没有用上述的两种尺寸来浏览网站会发生什么吗(这种情况可是时有发生)?极度混乱。糟糕的一塌糊涂,大小尺寸布局没有能看的。这种网站就是一团糟,我看到了除了难受就是难受。

我只是在努力完成我的工作。

作为一个开发者,对于优秀的设计我很欣赏,我对天发誓要将你(以 Sketch 文件的形式)赠与我的雕琢成一件高雅的艺术品。我并不粗鲁地对待你创造出的美丽,直到连它都认不出你这个创造者了。但是有时候,某些方面是不可避免的;发生了这种事,我想让你知道,我很抱歉。同时,也请你不要对这种事过于敏感。

然后我们相遇了...

当我们按照设计稿对当前开发进度进行审核时,你一眼就能看出来哪些像素在移动设备上不是精确的 14px,对于你这种明察秋毫的技能我不得不服。我能按照设计稿的像素改过来吗?当然可以。但是改完了就能够获得更好的体验吗?并不能。改过来有什么意义呢?你仅仅只是想在 320px 和更低像素的设备下把字体大小设置为14px?还是说,我应该在 480px(如果你现在使用就是 480px 的设备咋整) 以上的设备下修改字体大小?那 768px 怎么办?怎么办?你在 768px 的设备上看过吗?那他妈的简直就是噩梦!

哦,但是也没有那么糟糕,因为我——就是那个开发者——使用的是 rem、百分比、vw、vh,而不是像素。这是不是就是说在你的小手机屏幕尺寸(320px)上就有一些元素大小不是精确的 14px 了?是的。但是,它们的尺寸会随着屏幕尺寸变化而变化,它们看起来会更加合适,需要的代码量也更少(因此加载时间和维护时间都会减少等等)。

这并不是你的错,是你的工具的错

请不要误会我,我并没有责备或羞辱你的意思,当然也不是在这里要让你难堪(说实话,如果我真想那么做的话,我就不会把这些东西写下来了)。如何既能保证合适的尺寸大小,同时也能向他人(也包括设计师们)精确地展示你的设计,为此我花了大量时间去想对策。说实话,这可能是我花的时间最多的事情之一了(其实我很清楚,有时候我也许没有必要在这上面花时间,因为我又不是设计师)。但是,如果我没有除“桌面”(1440px)和“移动”(320px)宽度的屏幕之外的任何设计,就变得省时多了。

精选