菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
web前端 话题
首页
设计文章
web前端
psd下载
收录133篇文章
设计师干货
收录217篇文章
设计流程
收录142篇文章
App设计
收录261篇文章
设计干货
收录147篇文章
神器推荐
7.8w
2019年最流行的10个前端框架，设计师快来收藏！
从去年下半年开始，互联网行业慢慢进入寒冬，一些设计师也不得不重新找工作。关于求职这个事情，UI黑客之前写过一篇文章《面试了50多位UI设计师，我总结了这些求职技巧！》，大家可以参考下。
2019-02-20
程远
AntDesign
酷站推荐
前端快来！2017年12月超实用前端干货大合集！
说起来，最近「无头CMS」倒是挺火的，简而言之，这就是「不涉及前端的内容管理系统」，CMS以类似RESTful API 的形式公开内容，而开发者则可以以他们所喜欢的任何内容形式来呈现其中的内容。越来越多这种模块化的、功能化的框架开始出现，服务于前端和开发者。今天的前端干货大合集当中，就包含了不少这样的工具和素材，希望你能喜欢。
2017-12-14
陈子木
web前端
前端开发
1.4w
收入囊中！20个前端和网页设计师必收的超实用网站
我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站，给产品经理推荐文章，而今天的文章，我们搜集并总结了20个前端开发者肯定会感兴趣的网站，其中的一部分你可能见过甚至熟知，而其中另外一部分则是全新的。
2016-10-18
陈子木
web前端
前端开发
2.2w
新鲜实用！20款为前端和网页设计师准备的代码工具
毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程，这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。
2016-08-08
陈子木
web前端
前端开发
1.3w
零基础也能看懂！写给设计师的前端小知识之各司其职
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，今天这章用设计师熟悉的PS来解释前端相关的术语，通俗易懂幽默风趣，绝对是小白入门的好教程！往期回顾：《零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）》《零基础也能看懂！
2016-06-14
程远
web前端
前端开发
1.1w
20张小抄，让前端开发与设计的效率大幅提升（原图已打包）
与几年前的开发模式不同，今天当我们做前端设计或开发时，往往需要组合很多不同的技术、框架，并且使用不同的工具。要熟悉这些新东西，特别是熟练掌握它们并不容易，尤其记住那些命令和语法需要很长的时间。很多人会在使用它们时借助书籍或在网上搜索，但这样却会使你的工作效率降低。
2016-06-07
程远
PS，快捷键，效率
教程
5.6w
零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百度艺术百科的网页为例，带大家简单做一遍，学得会更快，来收！往期回顾：《零基础也能看懂！
2016-04-07
程远
web前端
教程
1.5w
零基础也能看懂！写给设计师的前端小知识之征服霸道DIV篇（二）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍，通俗易懂幽默风趣，基于上一篇，要让div乖乖“听话”，今天来应用和深挖float这个属性。上篇回顾：《零基础也能看懂！
2016-04-01
程远
web前端
教程
4.3w
零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍（比如<body>比喻成画布），通俗易懂幽默风趣，绝对是小白入门的好教程！背景交代（此处省略2000个字…
2016-03-30
程远
web前端
酷站推荐
2.4w
上手即用好干货！2016年九大前端必备动画库
@UC优视RED设计中心 ：进入2016年，随着各种类型网络技术的快速发展，动画库能为我们的网页设计增添很多视觉趣味。作为前/后端的开发人员来说，熟悉及掌握好各种动画库（甚至抽取搭建成自己优化的动画库）代码，便能轻松省时省力地完成各种工作需求。即使客户或用户的UI设计需求越来越多，再加上设计大神们提交的动画动效DEMO，本文推荐的这些动画库基本都能在浏览器里面实现出来咯。
2016-01-12
程远
web前端
前端开发
7.6w
天猫高手来教你！零基础如何系统地学习前端开发？
@张帅在地上 ：网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：基础知识：1、HTML + CSS 这部分建议在 W3school 在线教程 上学习，边学边练，每章后还有小测试。
2015-11-11
程远
web前端
前端开发
3.0w
超多干货！零基础设计师该如何学习前端？
编者按：非计算机科班设计师如何学习前端？让@Hux黄玄 （现微信电影票前端）用亲身经历告诉你！作为一枚非计算机科班的设计师，他可是走过了不少弯路，都是自己亲身经历过的，实打实的宝贵经验，全文不仅教你怎么学，还为将来的职业选择附上了细致的建议，满满的都是干货，来收！
2015-10-28
程远
web前端
职场
8.2w
过来人经验！聊聊前端工程师的职业规划
编者按：今天腾讯的前端工程大牛从自己的5年的职业生涯中总结了一些思考，大致分为3个阶段，从毕业新手到前端大牛，都有小小心得与同学们分享，想走前端这路的同学，可以来参考下 >>>在敲下这个标题的时候，心里好虚。话说我一直不太喜欢发表这些看上去很假大空的文字，每个人的职业规划都是独有的，不具有太大的可复制性，把自己的经历放出去，容易误人子弟。只是最近很多师弟们（别问我为什么都是师弟，我想静静…
2015-04-17
程远
web前端
前端开发
4.2w
前端工程师的菜！姗姗来迟的中文Webfont（附神器推荐）
编者按：WebFont 技术可以让网页使用在线字体，而无需使用图片，在国外非常流行，由于中文的特殊情况，有几个难题一直没搞定。现在在国内几位技术大牛的努力下，终于有了第一款神器，赶紧来收 >>>14年的你错过了哪些精品教程+高人气资源？来这儿搜罗 >>> 《年度颁奖盛典！
2015-01-01
程远
web前端
前端开发
2.2w
来看看国外招聘WEB前端工程师的帖子都写了什么
在知名的互联网企业里工作是一件很美好的事情，有很多的工作机会，而且企业们通过高薪以及令人惊叹的津贴来争夺最优秀的人才。但是如果你花了大量的时间在招聘网站上和公司的帖子上，你可能会注意到在网页设计这个工作岗位上一个令人担忧的趋势。简历是求职的敲门砖，想一鸣惊人，你需要多下点心思，木有想法时，可以来这里寻找灵感：《简历新玩法！
2014-04-10
程远
web前端
前端开发
19.9w
实用工具！优秀的标签云免费生成工具
标签云或文字云是关键词的视觉化描述，用于汇总用户生成的标签或一个网站的文字内容。标签一般是独立的词汇，常常按字母顺序排列，其重要程度又能通过改变字体大小或颜色来表现，所以标签云可以灵活地依照字序或热门程度来检索一个标签。 大多数标签本身就是超级链接，直接指向与标签相联的一系列条目。
2014-02-28
sunkimk
web前端
教程
1.4w
你应该知道的CSS文字大小单位px、em、pt
老是被人问到px、pt和em的区别，自己有时候也会纠结到底该用什么单位，今天特意查了一些文章，下面这篇虽然很久远了，但解释的比较全面，转载收藏之。点击查看原文这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章， 题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。
2013-07-16
你丫才美工
web前端
神器推荐
Open Web新功能探索 – CSS3 Animations入门
Open Web新功能探索 – CSS3 Animations入门author:7yue注：编写CSS3 Animation的工具，Adobe Dreamweaver CS6和Adobe Edge Code（免费），可以通过注册Adobe Creative Cloud会员获取：http://t.cn/zY3vKy9CSS3已经成为当今Open Web技术环境下的开发者必然选择的一门技术，这些年从CSS2.1一路走来升级到全新版本的CSS3在各个技术公司和社区的合作下，也有了很多创新。CS...
2013-03-14
Adobe
Adobe Edge Code
没有更多文章了
大家都在看
干货大合集
文章 164
立即查看
神器推荐
文章 303
立即查看
设计师专访
文章 147
立即查看
产品设计
文章 419
立即查看
设计理论
文章 128
立即查看
壹周速读
文章 122
立即查看
ICON
文章 204
立即查看
神器下载
文章 129
立即查看
入门
文章 162
立即查看
优设读报
2022年01月24日 星期一
01
上周热门文章：《Adobe 官方配色神器，还隐藏了这 4 大功能！》
02
南昌的城市 LOGO 确定，采用滕王阁建筑轮廓形象
03
《时代周刊》公布了「年度最佳发明」榜单，100 件发明上榜
04
可口可乐发布 2022 新包装，去掉标志性「可乐红」
05
44 届金穗奖主视觉出炉，由颜伯骏团队再度操刀
查看全部
AR设计
AR 设计可能是距离设计师最近的未来
查看专题
专题
已有13.8w位观众
已收录
7
篇持续更新
设计AR类产品，你至少要考虑清楚下面的6个问题
13399 人阅读
超全面总结！移动端的AR交互设计探索
17445 人阅读
细节
藏在飞书App下拉刷新交互里的文档数字
下拉刷新可以作为App产品设计中的微动效的一部分，巧妙利用可以实现在帮助用户获取最新数据的情况下，同时穿搭品牌特色、业务特色。「飞书」的下拉刷新结合业务特色，采用了数字随机滚动到最终文件数量展现，巧妙表达了刷新中、刷新完成的状态。拓展开来看，这种表现形式在一些数量统计优先级较高的不同行业的业务页面中也可以拓展应用。
2022/01/15
vv酱•-•
下拉
设计话题
全部话题
在你的工作中，听到过最让你感动的一句话是什么？最让你难过的一句话又是什么呢？
3.9k 设计师围观了该问题
遇到良师益友是幸事，碰到牛鬼蛇神也要学会正面gang。
我来回答
优设琅琊榜
查看全部
1.5w
1/9
他笔下的每一个女生都像初恋！A站首推插画师Musi
杰MuSi
大家好！我不算很懒...
设计神器
全部神器
高手进阶技巧！全方位深入理解 Sketch 库（中）
神器推荐
壹周速读：超实用的配色方法小合集
神器推荐
正在流行的10大动态设计神器！设计老手都在用！
神器推荐
巴黎博物馆放出10万张大师作品，还能免费商用！
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
资深设计师
北京
学历不限
1-3年
15-25k
资深设计师
杭州
大专及以上
3-5年
15-20k
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
查看全部
行业新闻
发布行业新闻
SEE Conf 设计工程化三部曲！探索新环境下「产研协同模式」中的思考与实践
活动赛事
让好设计被世界看见！2021 当代好设计奖完满收官
活动赛事
元宇宙趋势下数字创意资源的新机遇，万兴科技打造「数字原料工厂」
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
