前端与UI交互2

作者：脸滚键盘君

链接：https://www.zhihu.com/question/25254133/answer/30380428

来源：知乎

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

一个好的设计师，会主动与你一起制定标准，或者使用你的标准来设计。

这个标准，就是 前端框架。

字体、颜色、间距、尺寸、颜色、动态效果，都预先制定在框架里面了。

设计师能从框架里面直接把想要的东西拖出来。组合成为设计稿。

前端开发同时也能从框架里面将需要的代码拖出来，组合为产品。

你们共同制定了框架之后，工作流程就变成这个样子：

设计师在草图上用手画出了一个框，然后旁边拉了一个箭头写上：“这里要一个蓝色的大号按钮，链接到首页”

然后你看到草图，在记事本里面写下：

<a class="btn btn-large btn-blue" href="/index"> 返回首页</a>

这里，btn（按钮基本样式） btn-large（大号按钮的尺寸） btn-blue（按钮的颜色） 就是你们之前商量好的按钮的样式，以及命名规范。

这样一起工作一段时间之后，就会变成这样：

设计师和前端一起讨论、绘制草图，设计师和前端一起写代码，一起调试、一起那啥那啥。

设计师开始使用代码设计新奇的按钮样式，并且卸载了Photoshop（开玩笑的），前端开始专注于javascript实现各种交互功能，并且开始研究如何和后端默契配合。

在我们团队，交互设计师和UI设计师之间，使用 手绘流程草图交流，UI设计师和前端开发使用 手绘界面草图交流，前端开发和后端开发使用 手绘逻辑草图交流。

每个月要用好多好多的笔 〒▽〒哭······

Photoshop这种拖慢工作效率的软件，我重装系统之后一直没装。

哦··我其实是一个设（qian）计（duan）。

·························································································

一个好的UI设计师，一定能看懂html以及css

一个好的UI设计师，不会喜欢使用Photoshop来给你输出设计稿，并要求你要完全一样。

一个好的前端，一定懂设计。

..................................................................................................................

另外：客户或者用户，根本不在意你的成品与设计稿有几个像素的差距，甚至大多数的客户或者用户，根本不在意你界面有多漂亮多艺术感十足，人家要的是清晰明确的表达，简单明了的阅读，秒开的速度，以及一万年不崩溃的可靠。

一个 只能把界面做漂亮的设计师，所做的事情，根本┻━┻︵╰(‵□′)╯︵┻━┻ 不重要！