设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
只要能把这节课的案例完整实现出来，那么大家就已经掌握了前端的初级水平，文章提供视频教程和源文件案例，快来免费学。
《设计师想知道的 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开发者和设计师的优秀社区·网页测速工具：一些最好的网站测速工具·沟通和项目管理：适宜进行沟通和管理的工具，包括网页端和移动...
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百度艺术百科的网页为例，带大家简单做一遍，学得会更快，来收！
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到
讲的非常好，很感谢，但是文章中有一点点小问题，比如说文章中有一处是长边完全显示，写成了短边完全显示，会加长阅读的时间。不过也无伤大雅，总之很感谢！
思路非常好，点个赞，现实很多设计师在设计中更多是在参考需求原型，而没有跳出原型去思考设计策略，所以当面试官问到这个问题的时候不知道怎么说。 文章最后给出的设计策略个人觉得还是并不能解决问题。对于商品交易，除非复购或者对此商品非常了解，缩短交易路径是可用的，但是这只能复盖很小一部分场景，缩短交易路径的方法并不是单纯地缩短操作路径，这是很多新手都会走的误区...
特意登录感谢无私的大神
受益匪浅，感谢作者分享，期待后续文章
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到