菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享12项VIP特权
持续新增
主题直播
每年36场重磅嘉宾主题直播
独家优惠
星球会员可享书籍软硬件最低优惠
优设私房课
大咖出品易学易懂高品质小课
法务咨询
免费咨询版权/劳动相关法律问题
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
前端开发 话题
首页
设计文章
前端开发
职场生涯
收录19篇文章
面试
收录20篇文章
调色技巧
收录20篇文章
手绘培训
收录21篇文章
做设计的面条
收录22篇文章
1 / 2
到第
Go
页
职场
设计师学前端有用吗？来看腾讯设计师的分析！
我这个做过 UI 会前端的交互设计师，就来语重心长地讨论一下学前端对设计的帮助。
2021/03/21
土拨鼠
前端
UI
1.2w
用一个实战案例，帮你完全掌握 HTML 和 CSS 的实际应用
只要能把这节课的案例完整实现出来，那么大家就已经掌握了前端的初级水平，文章提供视频教程和源文件案例，快来免费学。
2020-07-17
土拨鼠
css
产品
前端自学专题：为什么前端是最适合设计师学习的编程技能？
《设计师想知道的 100 个前端问题》系列内容的第一期，本文主要带大家了解两个前端入门话题，以及互联网设计师学习前端的重要性。
2020-02-12
土拨鼠
产品设计师
前端开发
新人必读！写给设计师的程序开发基本概念
因为不懂技术和前、后端同事交流起来特别困难？了解这些开发基本概念，有助于我们与开发同事进行有效沟通、节省时间。
2019-12-20
土拨鼠
人机交互
网页
4.2w
可能是最容易看懂的响应式知识科普
本篇文章希望能通过简单明了的文字及图文介绍，对我们设计响应式网站时经常会出现的问题进行清晰的说明。
2019-11-19
土拨鼠
58UXD
神器推荐
7.7w
2019年最流行的10个前端框架，设计师快来收藏！
从去年下半年开始，互联网行业慢慢进入寒冬，一些设计师也不得不重新找工作。关于求职这个事情，UI黑客之前写过一篇文章《面试了50多位UI设计师，我总结了这些求职技巧！》，大家可以参考下。
2019-02-20
程远
AntDesign
神器推荐
3.3w
微软开源Sketch2Code，设计草图秒变代码
编者按：最近超火的Sketch2Code 是什么神器？它如何将设计草图秒变成HTML 代码？本文翻译了微软的官方博客介绍，让你理解这个开源神器是如何工作的！
2018-09-11
程远
Sketch2Code
产品
1.8w
新手科普！前端开发、交互、视觉是怎么分工合作的？
作为一个前端工程师，在着手码起代码时，手上一般都拿着产品文档、交互原型、标注图和切好的图片资源。开发者只要按照这些资源的指示把内容逐一整合到自己代码里就算完成工作。但是俗话说的好，不愿意当产品的设计不是好开发，在「全栈工程师」被捧的越来越高的大潮中，一个合格的前端，应该明白自己在开发时手中的原材料到底意味着什么。
2018-03-25
程远
交互设计师
酷站推荐
国庆福利！2017年10月前端开发者超实用干货大合集
每月我们所更新的设计圈干货的产出，很大程度上依赖设计师、设计团队以及相关的开发团队的支撑。而为前端而准备的干货素材，则和相关的社区、开源项目的成长有着密切的关联。在每个月的前端开发者合集当中，汇集了各种各样的应用程序，包括可以在不同的电脑上管理 Sketch 插件的工具，可用在网页设计中的不同字体，以及帮助前端更好工作的各色实用工具。
2017-10-03
陈子木
前端开发
酷站推荐
福利！2017年7月前端开发者超实用干货大合集
网页离不开设计更离不开前端的实现，无论是JS库还是适用于Wordpress 的 GraphQL 都能在特定的时候，解决网站的特定需求。每月都会涌现一批颇为实用的网页前端干货，它们都是特定的开发需求下的产物，也许其中正好有你想要的东西呢？HeroPatterns这是一组颇为有用的SVG格式的图案合集，可以用于网站背景这个网站还配备了定制色彩和透明度的设置，你可以通过简单的复制粘贴添加到CSS当中。
2017-07-18
陈子木
web前端开发
教程
用Framer的实例，说说设计师学习代码的那些事
@Sophia的玲珑阁 ：前段时间Framer改版，让这个软件大热，分出了设计和代码两种模式。我喜欢尝试新鲜事物的性格，这下子也是跃跃欲试。这一周，终于静下心来去尝试做了一个demo。
2017-07-03
程远
Framer
神器推荐
1.0w
再来一波！2017年4月前端开发者超实用干货大合集
进入2017年之后，设计和前端开发一直在快速的发展着，过去一年的设计和技术积累，催生了一批又一批的新工具和素材，今天的这一批干货素材主要是给网页前端和开发者所用的，其中所涵盖的内容多种多样，从APP到代码片段不一而足。SlinkySlinky 是一款实用的 Sketch插件，能帮你一键将Sketch 画板导出为 HTML邮件模板，Slinky 目前还处于快速发展的阶段，部分功能还不够完善，不过按照它的官方指南来进行操作，其输出效果还是相当不错的。Boilrplate这是一个精心策划的样板和模板的合集...
2017-04-22
陈子木
前端开发
产品
前端进阶之路！如何高质量完成产品需求开发？
陈映平：作为一个互联网前端老鸟，这么些年下来，做过的项目也不少。从最初的我的QQ中心、QQ圈子，到后面的QQ群项目、腾讯课堂。从几个人的项目，到近百号人的项目都经历过。
2017-02-01
程远
产品设计
前端开发
开发丨值得设计师看看的5个开发小知识
@韩重赞 ：这里整理了几点关于设计的开发知识。因为我自己之前也是做设计的，在自己开发过App之后，发现有些程序的东西当时如果知道了可能会对我做设计会很有帮助。做UI设计的朋友们可以了解下，你们平时在sketch上捣鼓的东西，到底哪些东西程序可以写出来哪些写不出来。
2016-11-19
程远
web前端开发
前端开发
1.3w
收入囊中！20个前端和网页设计师必收的超实用网站
我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站，给产品经理推荐文章，而今天的文章，我们搜集并总结了20个前端开发者肯定会感兴趣的网站，其中的一部分你可能见过甚至熟知，而其中另外一部分则是全新的。
2016-10-18
陈子木
web前端
前端开发
提高设计还原度！写给设计师的iOS前端教程（二）
@小乖乖老爸 ：这个系列既然是写给设计师看的，就跳过如何创建项目、如何新建文件了，因为设计师通常是在已有的页面上做调整。设计师需要掌握的iOS前端技能无非今天提到的这两个。想改哪里，就能改哪里。
2016-08-26
程远
IOS
前端开发
1.9w
新鲜实用！20款为前端和网页设计师准备的代码工具
毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程，这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。
2016-08-08
陈子木
web前端
前端开发
1.3w
零基础也能看懂！写给设计师的前端小知识之各司其职
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，今天这章用设计师熟悉的PS来解释前端相关的术语，通俗易懂幽默风趣，绝对是小白入门的好教程！往期回顾：《零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）》《零基础也能看懂！
2016-06-14
程远
web前端
前端开发
1.0w
20张小抄，让前端开发与设计的效率大幅提升（原图已打包）
与几年前的开发模式不同，今天当我们做前端设计或开发时，往往需要组合很多不同的技术、框架，并且使用不同的工具。要熟悉这些新东西，特别是熟练掌握它们并不容易，尤其记住那些命令和语法需要很长的时间。很多人会在使用它们时借助书籍或在网上搜索，但这样却会使你的工作效率降低。
2016-06-07
程远
PS，快捷键，效率
酷站推荐
1.6w
超赞！值得网页设计师&前端收藏的实用工具列表
无论你是经验丰富的前端，还是刚刚起步的设计师，这些为真正的网页设计师和开发者所准备的实用工具、在线服务、资源和代码片段，都是为你而生的，合理的运用能够让你的网页设计与开发事半功倍。这次总结的工具总计有40款，它们基本上可以分为8个大类·灵感与阅读：这类素材通常是设计案例和酷站，它们启发灵感，给你经验·网络社区：汇集Web开发者和设计师的优秀社区·网页测速工具：一些最好的网站测速工具·沟通和项目管理：适宜进行沟通和管理的工具，包括网页端和移动端·代码共享和编辑器：最好的Markdown编辑器，代码分享...
2016-05-26
陈子木
web前端开发
教程
5.5w
零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百度艺术百科的网页为例，带大家简单做一遍，学得会更快，来收！往期回顾：《零基础也能看懂！
2016-04-07
程远
web前端
教程
1.4w
零基础也能看懂！写给设计师的前端小知识之征服霸道DIV篇（二）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍，通俗易懂幽默风趣，基于上一篇，要让div乖乖“听话”，今天来应用和深挖float这个属性。上篇回顾：《零基础也能看懂！
2016-04-01
程远
web前端
教程
4.1w
零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍（比如<body>比喻成画布），通俗易懂幽默风趣，绝对是小白入门的好教程！背景交代（此处省略2000个字…
2016-03-30
程远
web前端
酷站推荐
2.4w
上手即用好干货！2016年九大前端必备动画库
@UC优视RED设计中心 ：进入2016年，随着各种类型网络技术的快速发展，动画库能为我们的网页设计增添很多视觉趣味。作为前/后端的开发人员来说，熟悉及掌握好各种动画库（甚至抽取搭建成自己优化的动画库）代码，便能轻松省时省力地完成各种工作需求。即使客户或用户的UI设计需求越来越多，再加上设计大神们提交的动画动效DEMO，本文推荐的这些动画库基本都能在浏览器里面实现出来咯。
2016-01-12
程远
web前端
酷站推荐
1.8w
再来一发！11月不容错过的高素质设计干货大合集
webdesignerdepot 的素材干货合集果然是业界最稳定最高规格的，清晰的截图、及时的更新和全面的覆盖是这个栏目的三大特色。同往常一样的地方我就不赘述了，PSD和Sketch素材、最佳设计实践和各类工具是你永远的朋友，而限时免费/打折的字体则需要你抓住时机。好东西总是稍纵即逝，至于先转后看这回事…
2015-11-19
陈子木
Web前端开发指南
前端开发
7.4w
天猫高手来教你！零基础如何系统地学习前端开发？
@张帅在地上 ：网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：基础知识：1、HTML + CSS 这部分建议在 W3school 在线教程 上学习，边学边练，每章后还有小测试。
2015-11-11
程远
web前端
前端开发
2.9w
超多干货！零基础设计师该如何学习前端？
编者按：非计算机科班设计师如何学习前端？让@Hux黄玄 （现微信电影票前端）用亲身经历告诉你！作为一枚非计算机科班的设计师，他可是走过了不少弯路，都是自己亲身经历过的，实打实的宝贵经验，全文不仅教你怎么学，还为将来的职业选择附上了细致的建议，满满的都是干货，来收！
2015-10-28
程远
web前端
职场
2.4w
过来人的经验！前端工程师如何与设计师合作？
编者按：有刚毕业的前端同学问，如何与公司里非专业的网页设计师更有效地合作？在实现设计师的设计稿时，如果有自己的一些想法怎么办？是直接什么也不说，直接照着设计稿做，还是提出一些建议交流？
2015-10-24
程远
web前端开发
酷站推荐
1.6w
如虎添翼！20个精心挑选新鲜好用的前端开发工具
客户似乎总是欲求不满的，要满足他们的需求你总需要不停地解决各种问题。也正是这样的客观现实，使得我们不得不借助各种工具来应对各种挑战，越来越多的开发者和设计师也加入到创造新工具的行列中来。今天我们精心挑选了20款新鲜好用的在线工具，让网页设计师和前端的工作变得更加轻松。
2015-07-13
陈子木
web前端开发
下载
2.2w
超实用！Material Design风格的前端框架免费下载
前端框架对于不懂设计的程序员来说，可以说是极好的素材，如果想开发一个项目但又找不到设计师帮忙设计，那么我们可以直接使用前端框架来完成，而且能省去很多前端JS的工作，比如今天这款，质量就特别高 >>>今天为大家分享一套新出的 Material Design 框架，谷歌的Magerial我想大家都听过，这是今年流行的设计趋势之一，其外观时尚、交互友好，在不同设备浏览都有很好的表现。小编下载下来研究了一下，当前的设计元素很丰富，常用的都有了，唯一缺点就是手机APP的UI设计元素太少，当然...
2015-05-03
程远
Material Design
1/2
1
2
下一页
前往
Go
页
大家都在看
ICON
文章 203
立即查看
AI教程
文章 123
立即查看
神器下载
文章 128
立即查看
配色
文章 139
立即查看
ps技巧
文章 636
立即查看
版式设计
文章 178
立即查看
设计干货
文章 142
立即查看
干货大合集
文章 164
立即查看
产品设计
文章 398
立即查看
优设读报
2021年10月23日 星期六
01
Interbrand 发布 2021 年全球最佳品牌 100 强
02
HMS Core 6 正式登场：打造全场景万物智联
03
微软允许测试版用户在 Windows 11 上运行 Android 应用
04
奔驰开始跨界做时尚单品
05
大湾区文化新地标：深圳国际演艺中心
查看全部
大厂神器
顶尖团队出品，质量有保障
查看专题
专题
已有72.1w位观众
已收录
11
篇持续更新
微软官方最新的网站线上测试工具（支持IE全系列）
13325 人阅读
微软开源Sketch2Code，设计草图秒变代码
33028 人阅读
细节
「后续」App告诉你新闻大事的来龙去脉
新闻类的App平时我们见得多了，但能帮你梳理新闻时间线的App不知道你们有没有见过呢？「后续」作为一款资讯类 App，除了为用户提供热门要闻之外还会帮用户梳理该事件的时间线，并按照从近到远的时间顺序列出时间轴。将从各大新闻媒体平台搜到的相关信息梳理好展现在时间轴上，帮助用户知晓事件的起因、经过以及结果。
2020-04-30
海的格尔
信息呈现
设计话题
全部话题
35岁了还可以做设计师吗？
3045位设计师围观了该问题
33 女还在
我来回答
优设琅琊榜
查看全部
7251
1/9
喜茶设计师「痒」的Q弹插画故事
youngyinlao
痒的故事
设计神器
全部神器
找不到配色灵感？这个网站有全世界设计师的优秀色板！
神器推荐
再来一波！2017年4月前端开发者超实用干货大合集
神器推荐
2019年9月设计圈超实用干货大合集
神器推荐
喜欢宫崎骏？吉卜力工作室放出400 张动画剧照免费下载！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
网页/平面设计师
西安
大专及以上
1-3年
5K-10k
资深平面设计师
深圳
大专及以上
3-5年
15-25k
交互设计师
上海
本科及以上
3-5年
25k-50k
查看全部
行业新闻
发布行业新闻
「以经典之名，与时间同行」启幕首站国际顶豪设计美学新章
活动赛事
拍拍严选APP 3.0 全新改版升级
行业新闻
北京市政府国际网站面向大众征集标识和推介名称
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
