设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
我这个做过 UI 会前端的交互设计师，就来语重心长地讨论一下学前端对设计的帮助。
只要能把这节课的案例完整实现出来，那么大家就已经掌握了前端的初级水平，文章提供视频教程和源文件案例，快来免费学。
《设计师想知道的 100 个前端问题》系列内容的第一期，本文主要带大家了解两个前端入门话题，以及互联网设计师学习前端的重要性。
因为不懂技术和前、后端同事交流起来特别困难？了解这些开发基本概念，有助于我们与开发同事进行有效沟通、节省时间。
本篇文章希望能通过简单明了的文字及图文介绍，对我们设计响应式网站时经常会出现的问题进行清晰的说明。
从去年下半年开始，互联网行业慢慢进入寒冬，一些设计师也不得不重新找工作。关于求职这个事情，UI黑客之前写过一篇文章《面试了50多位UI设计师，我总结了这些求职技巧！
编者按：最近超火的Sketch2Code 是什么神器？它如何将设计草图秒变成HTML 代码？
作为一个前端工程师，在着手码起代码时，手上一般都拿着产品文档、交互原型、标注图和切好的图片资源。开发者只要按照这些资源的指示把内容逐一整合到自己代码里就算完成工作。
每月我们所更新的设计圈干货的产出，很大程度上依赖设计师、设计团队以及相关的开发团队的支撑。而为前端而准备的干货素材，则和相关的社区、开源项目的成长有着密切的关联。
网页离不开设计更离不开前端的实现，无论是JS库还是适用于Wordpress 的 GraphQL 都能在特定的时候，解决网站的特定需求。每月都会涌现一批颇为实用的网页前端干货，它们都是特定的开发需求下的产物，也许其中正好有你想要的东西呢？
@Sophia的玲珑阁 ：前段时间Framer改版，让这个软件大热，分出了设计和代码两种模式。我喜欢尝试新鲜事物的性格，这下子也是跃跃欲试。
进入2017年之后，设计和前端开发一直在快速的发展着，过去一年的设计和技术积累，催生了一批又一批的新工具和素材，今天的这一批干货素材主要是给网页前端和开发者所用的，其中所涵盖的内容多种多样，从APP到代码片段不一而足。SlinkySlinky 是一款实用的 Sketch插件，能帮你一键将Sketch 画板导出为 HTML邮件模板，Slinky 目前还处于快速发展的阶段，部分功能还不够完善，不过按照它的官方指南来进行操作，其输出效果还是相当不...
陈映平：作为一个互联网前端老鸟，这么些年下来，做过的项目也不少。从最初的我的QQ中心、QQ圈子，到后面的QQ群项目、腾讯课堂。
@韩重赞 ：这里整理了几点关于设计的开发知识。因为我自己之前也是做设计的，在自己开发过App之后，发现有些程序的东西当时如果知道了可能会对我做设计会很有帮助。
我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。
@小乖乖老爸 ：这个系列既然是写给设计师看的，就跳过如何创建项目、如何新建文件了，因为设计师通常是在已有的页面上做调整。设计师需要掌握的iOS前端技能无非今天提到的这两个。
毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，今天这章用设计师熟悉的PS来解释前端相关的术语，通俗易懂幽默风趣，绝对是小白入门的好教程！往期回顾：《零基础也能看懂！
与几年前的开发模式不同，今天当我们做前端设计或开发时，往往需要组合很多不同的技术、框架，并且使用不同的工具。要熟悉这些新东西，特别是熟练掌握它们并不容易，尤其记住那些命令和语法需要很长的时间。
无论你是经验丰富的前端，还是刚刚起步的设计师，这些为真正的网页设计师和开发者所准备的实用工具、在线服务、资源和代码片段，都是为你而生的，合理的运用能够让你的网页设计与开发事半功倍。这次总结的工具总计有40款，它们基本上可以分为8个大类·灵感与阅读：这类素材通常是设计案例和酷站，它们启发灵感，给你经验·网络社区：汇集Web开发者和设计师的优秀社区·网页测速工具：一些最好的网站测速工具·沟通和项目管理：适宜进行沟通和管理的工具，包括网页端和移动...
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。
确实看着舒心了不少
此交互文档系列源文件下载链接：https://fuzuobiao.com/proview/605467573b63c51de6e4b7bf
这种极光模糊是近视眼真实的世界
感觉在上班的时候真的能练习贼少，也是盲目找图临摹，要难受了！！！（本人非专业艺术生）
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。