菜单 优设网uisdc.com 优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

 投稿
搜索

前端开发 话题

web前端开发

收录107篇文章

web前端开发课程

收录5篇文章

前端开发开源工具包

收录4篇文章

文章推荐

收录29篇文章

UI控件

收录27篇文章

1 / 2 到第 页
4000 字硬核干货！UX设计师必备的开发知识全在这了！

UI

4000 字硬核干货！UX设计师必备的开发知识全在这了！

设计师与开发、测试同事交流有障碍？沟通费时？不用怕，读完这篇文章你将掌握开发、测试常用术语及基础知识，沟通效率+10086。
2022/04/08

UI 设计
掏空收藏夹！22个实用的前端工具全在这了！

神器推荐

掏空收藏夹！22个实用的前端工具全在这了！

相信大家去年收藏夹里一定多了不少宝藏工具，快一起来分享一下吧~ 我先来！
2022/02/05

前端工具
设计师学前端有用吗？来看腾讯设计师的分析！

职场

设计师学前端有用吗？来看腾讯设计师的分析！

我这个做过 UI 会前端的交互设计师，就来语重心长地讨论一下学前端对设计的帮助。
2021/03/21

前端
用一个实战案例，帮你完全掌握 HTML 和 CSS 的实际应用

UI

用一个实战案例，帮你完全掌握 HTML 和 CSS 的实际应用

只要能把这节课的案例完整实现出来，那么大家就已经掌握了前端的初级水平，文章提供视频教程和源文件案例，快来免费学。
2020/07/17

css
前端自学专题：为什么前端是最适合设计师学习的编程技能？

产品

前端自学专题：为什么前端是最适合设计师学习的编程技能？

《设计师想知道的 100 个前端问题》系列内容的第一期，本文主要带大家了解两个前端入门话题，以及互联网设计师学习前端的重要性。
2020/02/12

产品设计师
新人必读！写给设计师的程序开发基本概念

前端开发

新人必读！写给设计师的程序开发基本概念

因为不懂技术和前、后端同事交流起来特别困难？了解这些开发基本概念，有助于我们与开发同事进行有效沟通、节省时间。
2019/12/20

人机交互
可能是最容易看懂的响应式知识科普

网页

可能是最容易看懂的响应式知识科普

本篇文章希望能通过简单明了的文字及图文介绍，对我们设计响应式网站时经常会出现的问题进行清晰的说明。
2019/11/19

58UXD
2019年最流行的10个前端框架，设计师快来收藏！

神器推荐

2019年最流行的10个前端框架，设计师快来收藏！

从去年下半年开始，互联网行业慢慢进入寒冬，一些设计师也不得不重新找工作。关于求职这个事情，UI黑客之前写过一篇文章《面试了50多位UI设计师，我总结了这些求职技巧！》，大家可以参考下。
2019/02/20

AntDesign
微软开源Sketch2Code，设计草图秒变代码

神器推荐

微软开源Sketch2Code，设计草图秒变代码

编者按：最近超火的Sketch2Code 是什么神器？它如何将设计草图秒变成HTML 代码？本文翻译了微软的官方博客介绍，让你理解这个开源神器是如何工作的！
2018/09/11

Sketch2Code
新手科普！前端开发、交互、视觉是怎么分工合作的？

产品

新手科普！前端开发、交互、视觉是怎么分工合作的？

作为一个前端工程师，在着手码起代码时，手上一般都拿着产品文档、交互原型、标注图和切好的图片资源。开发者只要按照这些资源的指示把内容逐一整合到自己代码里就算完成工作。但是俗话说的好，不愿意当产品的设计不是好开发，在「全栈工程师」被捧的越来越高的大潮中，一个合格的前端，应该明白自己在开发时手中的原材料到底意味着什么。
2018/03/25

交互设计师
国庆福利！2017年10月前端开发者超实用干货大合集

酷站推荐

国庆福利！2017年10月前端开发者超实用干货大合集

每月我们所更新的设计圈干货的产出，很大程度上依赖设计师、设计团队以及相关的开发团队的支撑。而为前端而准备的干货素材，则和相关的社区、开源项目的成长有着密切的关联。在每个月的前端开发者合集当中，汇集了各种各样的应用程序，包括可以在不同的电脑上管理 Sketch 插件的工具，可用在网页设计中的不同字体，以及帮助前端更好工作的各色实用工具。
2017/10/03

前端开发
福利！2017年7月前端开发者超实用干货大合集

酷站推荐

福利！2017年7月前端开发者超实用干货大合集

网页离不开设计更离不开前端的实现，无论是JS库还是适用于Wordpress 的 GraphQL 都能在特定的时候，解决网站的特定需求。每月都会涌现一批颇为实用的网页前端干货，它们都是特定的开发需求下的产物，也许其中正好有你想要的东西呢？HeroPatterns这是一组颇为有用的SVG格式的图案合集，可以用于网站背景这个网站还配备了定制色彩和透明度的设置，你可以通过简单的复制粘贴添加到CSS当中。
2017/07/18

web前端开发
用Framer的实例，说说设计师学习代码的那些事

教程

用Framer的实例，说说设计师学习代码的那些事

@Sophia的玲珑阁 ：前段时间Framer改版，让这个软件大热，分出了设计和代码两种模式。我喜欢尝试新鲜事物的性格，这下子也是跃跃欲试。这一周，终于静下心来去尝试做了一个demo。
2017/07/03

Framer
再来一波！2017年4月前端开发者超实用干货大合集

神器推荐

再来一波！2017年4月前端开发者超实用干货大合集

进入2017年之后，设计和前端开发一直在快速的发展着，过去一年的设计和技术积累，催生了一批又一批的新工具和素材，今天的这一批干货素材主要是给网页前端和开发者所用的，其中所涵盖的内容多种多样，从APP到代码片段不一而足。SlinkySlinky 是一款实用的 Sketch插件，能帮你一键将Sketch 画板导出为 HTML邮件模板，Slinky 目前还处于快速发展的阶段，部分功能还不够完善，不过按照它的官方指南来进行操作，其输出效果还是相当不错的。Boilrplate这是一个精心策划的样板和模板的合集...
2017/04/22

前端开发
前端进阶之路！如何高质量完成产品需求开发？

产品

前端进阶之路！如何高质量完成产品需求开发？

陈映平：作为一个互联网前端老鸟，这么些年下来，做过的项目也不少。从最初的我的QQ中心、QQ圈子，到后面的QQ群项目、腾讯课堂。从几个人的项目，到近百号人的项目都经历过。
2017/02/01

产品设计
开发丨值得设计师看看的5个开发小知识

前端开发

开发丨值得设计师看看的5个开发小知识

@韩重赞 ：这里整理了几点关于设计的开发知识。因为我自己之前也是做设计的，在自己开发过App之后，发现有些程序的东西当时如果知道了可能会对我做设计会很有帮助。做UI设计的朋友们可以了解下，你们平时在sketch上捣鼓的东西，到底哪些东西程序可以写出来哪些写不出来。
2016/11/19

web前端开发
收入囊中！20个前端和网页设计师必收的超实用网站

前端开发

收入囊中！20个前端和网页设计师必收的超实用网站

我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站，给产品经理推荐文章，而今天的文章，我们搜集并总结了20个前端开发者肯定会感兴趣的网站，其中的一部分你可能见过甚至熟知，而其中另外一部分则是全新的。
2016/10/18

web前端开发
提高设计还原度！写给设计师的iOS前端教程（二）

前端开发

提高设计还原度！写给设计师的iOS前端教程（二）

@小乖乖老爸 ：这个系列既然是写给设计师看的，就跳过如何创建项目、如何新建文件了，因为设计师通常是在已有的页面上做调整。设计师需要掌握的iOS前端技能无非今天提到的这两个。想改哪里，就能改哪里。
2016/08/26

IOS
新鲜实用！20款为前端和网页设计师准备的代码工具

前端开发

新鲜实用！20款为前端和网页设计师准备的代码工具

毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程，这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。
2016/08/08

web前端开发
零基础也能看懂！写给设计师的前端小知识之各司其职

前端开发

零基础也能看懂！写给设计师的前端小知识之各司其职

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，今天这章用设计师熟悉的PS来解释前端相关的术语，通俗易懂幽默风趣，绝对是小白入门的好教程！往期回顾：《零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）》《零基础也能看懂！
2016/06/14

web前端开发
20张小抄，让前端开发与设计的效率大幅提升（原图已打包）

前端开发

20张小抄，让前端开发与设计的效率大幅提升（原图已打包）

与几年前的开发模式不同，今天当我们做前端设计或开发时，往往需要组合很多不同的技术、框架，并且使用不同的工具。要熟悉这些新东西，特别是熟练掌握它们并不容易，尤其记住那些命令和语法需要很长的时间。很多人会在使用它们时借助书籍或在网上搜索，但这样却会使你的工作效率降低。
2016/06/07

web前端开发
超赞！值得网页设计师&前端收藏的实用工具列表

酷站推荐

超赞！值得网页设计师&前端收藏的实用工具列表

无论你是经验丰富的前端，还是刚刚起步的设计师，这些为真正的网页设计师和开发者所准备的实用工具、在线服务、资源和代码片段，都是为你而生的，合理的运用能够让你的网页设计与开发事半功倍。这次总结的工具总计有40款，它们基本上可以分为8个大类·灵感与阅读：这类素材通常是设计案例和酷站，它们启发灵感，给你经验·网络社区：汇集Web开发者和设计师的优秀社区·网页测速工具：一些最好的网站测速工具·沟通和项目管理：适宜进行沟通和管理的工具，包括网页端和移动端·代码共享和编辑器：最好的Markdown编辑器，代码分享...
2016/05/26

web前端开发
零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）

教程

零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百度艺术百科的网页为例，带大家简单做一遍，学得会更快，来收！往期回顾：《零基础也能看懂！
2016/04/07

web前端开发
零基础也能看懂！写给设计师的前端小知识之征服霸道DIV篇（二）

教程

零基础也能看懂！写给设计师的前端小知识之征服霸道DIV篇（二）

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍，通俗易懂幽默风趣，基于上一篇，要让div乖乖“听话”，今天来应用和深挖float这个属性。上篇回顾：《零基础也能看懂！
2016/04/01

web前端开发
零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）

教程

零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍（比如<body>比喻成画布），通俗易懂幽默风趣，绝对是小白入门的好教程！背景交代（此处省略2000个字…
2016/03/30

web前端开发
上手即用好干货！2016年九大前端必备动画库

酷站推荐

上手即用好干货！2016年九大前端必备动画库

@UC优视RED设计中心 ：进入2016年，随着各种类型网络技术的快速发展，动画库能为我们的网页设计增添很多视觉趣味。作为前/后端的开发人员来说，熟悉及掌握好各种动画库（甚至抽取搭建成自己优化的动画库）代码，便能轻松省时省力地完成各种工作需求。即使客户或用户的UI设计需求越来越多，再加上设计大神们提交的动画动效DEMO，本文推荐的这些动画库基本都能在浏览器里面实现出来咯。
2016/01/12

web前端开发
再来一发！11月不容错过的高素质设计干货大合集

酷站推荐

再来一发！11月不容错过的高素质设计干货大合集

webdesignerdepot 的素材干货合集果然是业界最稳定最高规格的，清晰的截图、及时的更新和全面的覆盖是这个栏目的三大特色。同往常一样的地方我就不赘述了，PSD和Sketch素材、最佳设计实践和各类工具是你永远的朋友，而限时免费/打折的字体则需要你抓住时机。好东西总是稍纵即逝，至于先转后看这回事…
2015/11/19

Web前端开发指南
天猫高手来教你！零基础如何系统地学习前端开发？

前端开发

天猫高手来教你！零基础如何系统地学习前端开发？

@张帅在地上 ：网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：基础知识：1、HTML + CSS 这部分建议在 W3school 在线教程 上学习，边学边练，每章后还有小测试。
2015/11/11

web前端开发
超多干货！零基础设计师该如何学习前端？

前端开发

超多干货！零基础设计师该如何学习前端？

编者按：非计算机科班设计师如何学习前端？让@Hux黄玄 （现微信电影票前端）用亲身经历告诉你！作为一枚非计算机科班的设计师，他可是走过了不少弯路，都是自己亲身经历过的，实打实的宝贵经验，全文不仅教你怎么学，还为将来的职业选择附上了细致的建议，满满的都是干货，来收！
2015/10/28

web前端开发
过来人的经验！前端工程师如何与设计师合作？

职场

过来人的经验！前端工程师如何与设计师合作？

编者按：有刚毕业的前端同学问，如何与公司里非专业的网页设计师更有效地合作？在实现设计师的设计稿时，如果有自己的一些想法怎么办？是直接什么也不说，直接照着设计稿做，还是提出一些建议交流？
2015/10/24

web前端开发
1/2

大家都在看

logo设计

文章 188

立即查看

网页设计

文章 956

立即查看

视觉设计

文章 182

立即查看

UI

文章 147

立即查看

UI设计

文章 913

立即查看

App设计

文章 264

立即查看

设计趋势

文章 219

立即查看

职场

文章 137

立即查看

用户体验设计

文章 320

立即查看

优设读报 2022年10月02日 星期日

01

OpenAI 取消 DALL-E 2 排队：任何人都可注册使用

02

美图秀秀推出「四季中国色」，打造全新滤镜共创生态体系

03

美团外卖联合二手玫瑰、名创优品打造「嗖嗖的飞盘」

04

特斯拉 AI Day 今日举行

05

国际奥委会公布新视觉识别系统，预计巴黎奥运前完成

查看全部

优设9图 查看全部

如何提升过稿率？这9个样机站点你必须知道

如何提升过稿率？这9个样机站点你必须知道 - 如何才能快速应对甲方爸爸的“高大上”要求？做完设计稿直接发送给甲方肯定不是首选，你需要给你的作品贴个样机，质感高级了过稿率不就高了吗？设计师永远不要嫌样机素材多，所以我再给大家分享这9个样机站点，没有套路、打开快、下载快、种类多、质量好，不要再问别人要样机啦~

15

微信小程序

今年最热的小程序设计和开发方法

查看专题

专题

已有164.4w位观众已收录15篇持续更新

腾讯ISUX丨超全面的微信小程序初体验（上）

25908 人阅读

做完两个实战案例后，我总结了高效编写微信小程序的方法

26171 人阅读

细节

人性化的「京东」物流评价体系~

在「京东」对购买的商品做评价时，如果用户的打分高于4颗星便会顺利完成提交。如果用户评分少于4颗星，会下拉展示出相关问题供选择，鼓励用户反馈问题以进一步优化和改进京东的服务。只在用户满意度低时展示出问题参考选项，通过另一种弥补的方式提升用户购物的满意度，这种交互细节的设计非常流畅。
2020/03/27

戢戢

京东

设计问答 全部问答

张小闲 邀请你来回答

工作了2-3年的设计师，你有哪些职场心得可以分享？

1.9k位设计师围观了该问题我来回答

今兒 邀请你来回答

中秋节海报文案想不出来，可以去哪里找灵感？

3.0k位设计师围观了该问题我来回答

设计神器 全部神器

壹周速读：Procreate 入门指南 + 适老化设计技巧

神器推荐

第一波！2022年5月精选实用设计干货合集

神器推荐

高手私藏方法！教你从0到1整理素材库

职场

超全面！新晋设计神器Figma 深度评测

神器推荐

课程

爆款课程！零基础C4D实战就业班

涨薪指数
技能点 · C4D

涨薪必备名师亲授

课程

如何快速创作火爆全网的手绘作品？

涨薪指数
技能点 · 手绘插画

私单涨薪必备技能

课程

插画学到什么程度，才够接私单赚钱？

涨薪指数
技能点 · 手绘插画

接单涨薪快速入门

课程

为什么阿里和OPPO超爱这类插画风格？

涨薪指数
技能点 · 手绘插画

高效实战百万人气

求职招聘 发布职位

高级UI设计师

北京本科及以上3年以上
25k-50k

网站内容运营

武汉大专及以上经验不限
4k-6k

漫画插画师

武汉学历不限1-3年
6k-8k
查看全部

行业新闻 发布行业新闻

黄鹤楼1800年历史主题海报邀请展：传递历史文化积淀和新时代风采

活动赛事

2022 中邮保险卡通形象创意设计大赛火热征集作品，10万大奖等你来拿

活动赛事

NVIDIA Studio创意加速：视频剪辑大师 Sabour Amirazodi 展示 AI 助力的视频剪辑工作流

品牌资讯

查看全部

热门频道

设计专题

热门设计知识精挑细选

查看专题

细节猎人

1分钟小短文揣摩设计真谛

查看猎人

优设读报

行业资讯一站知晓

查看读报

优设琅琊榜

顶尖设计作品聚集地

查看榜单

行业新闻

行业大事小事全知道

查看新闻

设计问答

高手大咖在线答疑解惑

查看话题

优设网 uisdc.com

2012年成立至今，是国内极具人气的设计师交流学习平台

看设计文章，学软件教程，找灵感素材，尽在优设网
按Ctrl+D收藏本站 返回首页

优设基础训练营

@林雅诺

关于我们

优设是国内极具人气的设计师平台，2012 年成立至今，一直专注于设计师的学习成长交流。 我们通过优设网、优优教程网沉淀优质设计知识的同时，更率先试水新媒体领域。目前旗下媒体矩阵包括：微博@优秀网页设计、微信公众号@优秀网页设计、抖音号@优设PS大神、@优设AI大神等，全网粉丝量过千万。

热门频道

设计灵感

支持与服务

优设
优优教程网
优设大课堂
设计师导航
细节猎人
优设训练营
优设推荐：

本网站所有数据及文档均受《著作权法》及相关法律法规保护，任何组织及个人不得侵权，违者本公司将依法追究侵权责任，特此声明。优设网法律顾问：刘杰律师
Copyright © 2022 优设-UISDC - 优设网官方微信号：youshege - 鄂ICP备16005435号-1 鄂公网安备 42018502001134号

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

全部文章

17750篇

UI

1671篇

网页

296篇

平面

1270篇

手绘

179篇

电商

155篇

交互

673篇

产品

1802篇

下载

377篇

神器推荐

1168篇

新视野

595篇

职场

1188篇

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

设计问答

高手大咖在线答疑解惑

优设琅琊榜

顶尖设计作品聚集地

优设9图

每日爆火的设计干货

行业新闻

行业大事小事全知道

活动大赛

精彩纷呈的设计活动及赛事

求职招聘

理想岗位等你选

设计师

心有猛虎细嗅像素

设计导航

精选520个设计师网站

图书导航

高分必读设计书籍大全

电商导航

全球顶尖电商网站合集

色彩导航

中日传统色彩一网打尽

优设大课堂

名师高徒！专业实战就业

优设训练营

就业衔接！只教设计真本领

优设私房课

火什么看这里！好课风向标

设计公开课

顶尖设计高手免费公开课

学教程

3000+免费教程在线观看

找灵感

每日都有新灵感

找软件

省时高效的设计神器都在这

知识树

热门软件零基础入门

字体下载

最新免费可商用字体