菜单
优设网uisdc.com
优设网 - 学设计上优设
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计宝藏
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
web前端 话题
首页
设计文章
web前端
web前端开发
收录107篇文章
web前端开发课程
收录5篇文章
Web前端开发指南
收录3篇文章
数据可视化
收录47篇文章
手绘插画
收录47篇文章
UI
想让设计落地效果更好？5分钟帮你掌握前端基础知识！
设计师应该学习哪些开发基础知识，才能和工程师顺畅沟通？本文用深入浅出的案例，帮你快速掌握基础的开发术语。
2022/10/14
web前端
神器推荐
2019年最流行的10个前端框架，设计师快来收藏！
从去年下半年开始，互联网行业慢慢进入寒冬，一些设计师也不得不重新找工作。关于求职这个事情，UI黑客之前写过一篇文章《面试了50多位UI设计师，我总结了这些求职技巧！》，大家可以参考下。
2019/02/20
AntDesign
酷站推荐
前端快来！2017年12月超实用前端干货大合集！
说起来，最近「无头CMS」倒是挺火的，简而言之，这就是「不涉及前端的内容管理系统」，CMS以类似RESTful API 的形式公开内容，而开发者则可以以他们所喜欢的任何内容形式来呈现其中的内容。越来越多这种模块化的、功能化的框架开始出现，服务于前端和开发者。今天的前端干货大合集当中，就包含了不少这样的工具和素材，希望你能喜欢。
2017/12/14
web前端
前端开发
收入囊中！20个前端和网页设计师必收的超实用网站
我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站，给产品经理推荐文章，而今天的文章，我们搜集并总结了20个前端开发者肯定会感兴趣的网站，其中的一部分你可能见过甚至熟知，而其中另外一部分则是全新的。
2016/10/18
web前端开发
前端开发
新鲜实用！20款为前端和网页设计师准备的代码工具
毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程，这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。
2016/08/08
web前端开发
前端开发
零基础也能看懂！写给设计师的前端小知识之各司其职
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，今天这章用设计师熟悉的PS来解释前端相关的术语，通俗易懂幽默风趣，绝对是小白入门的好教程！往期回顾：《零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）》《零基础也能看懂！
2016/06/14
web前端开发
前端开发
20张小抄，让前端开发与设计的效率大幅提升（原图已打包）
与几年前的开发模式不同，今天当我们做前端设计或开发时，往往需要组合很多不同的技术、框架，并且使用不同的工具。要熟悉这些新东西，特别是熟练掌握它们并不容易，尤其记住那些命令和语法需要很长的时间。很多人会在使用它们时借助书籍或在网上搜索，但这样却会使你的工作效率降低。
2016/06/07
web前端开发
教程
零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百度艺术百科的网页为例，带大家简单做一遍，学得会更快，来收！往期回顾：《零基础也能看懂！
2016/04/07
web前端开发
教程
零基础也能看懂！写给设计师的前端小知识之征服霸道DIV篇（二）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍，通俗易懂幽默风趣，基于上一篇，要让div乖乖“听话”，今天来应用和深挖float这个属性。上篇回顾：《零基础也能看懂！
2016/04/01
web前端开发
教程
零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍（比如<body>比喻成画布），通俗易懂幽默风趣，绝对是小白入门的好教程！背景交代（此处省略2000个字…
2016/03/30
web前端开发
酷站推荐
上手即用好干货！2016年九大前端必备动画库
@UC优视RED设计中心 ：进入2016年，随着各种类型网络技术的快速发展，动画库能为我们的网页设计增添很多视觉趣味。作为前/后端的开发人员来说，熟悉及掌握好各种动画库（甚至抽取搭建成自己优化的动画库）代码，便能轻松省时省力地完成各种工作需求。即使客户或用户的UI设计需求越来越多，再加上设计大神们提交的动画动效DEMO，本文推荐的这些动画库基本都能在浏览器里面实现出来咯。
2016/01/12
web前端开发
前端开发
天猫高手来教你！零基础如何系统地学习前端开发？
@张帅在地上 ：网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：基础知识：1、HTML + CSS 这部分建议在 W3school 在线教程 上学习，边学边练，每章后还有小测试。
2015/11/11
web前端开发
前端开发
超多干货！零基础设计师该如何学习前端？
编者按：非计算机科班设计师如何学习前端？让@Hux黄玄 （现微信电影票前端）用亲身经历告诉你！作为一枚非计算机科班的设计师，他可是走过了不少弯路，都是自己亲身经历过的，实打实的宝贵经验，全文不仅教你怎么学，还为将来的职业选择附上了细致的建议，满满的都是干货，来收！
2015/10/28
web前端开发
职场
过来人经验！聊聊前端工程师的职业规划
编者按：今天腾讯的前端工程大牛从自己的5年的职业生涯中总结了一些思考，大致分为3个阶段，从毕业新手到前端大牛，都有小小心得与同学们分享，想走前端这路的同学，可以来参考下 >>>在敲下这个标题的时候，心里好虚。话说我一直不太喜欢发表这些看上去很假大空的文字，每个人的职业规划都是独有的，不具有太大的可复制性，把自己的经历放出去，容易误人子弟。只是最近很多师弟们（别问我为什么都是师弟，我想静静…
2015/04/17
web前端开发
前端开发
前端工程师的菜！姗姗来迟的中文Webfont（附神器推荐）
编者按：WebFont 技术可以让网页使用在线字体，而无需使用图片，在国外非常流行，由于中文的特殊情况，有几个难题一直没搞定。现在在国内几位技术大牛的努力下，终于有了第一款神器，赶紧来收 >>>14年的你错过了哪些精品教程+高人气资源？来这儿搜罗 >>> 《年度颁奖盛典！
2015/01/01
web前端开发
前端开发
来看看国外招聘WEB前端工程师的帖子都写了什么
在知名的互联网企业里工作是一件很美好的事情，有很多的工作机会，而且企业们通过高薪以及令人惊叹的津贴来争夺最优秀的人才。但是如果你花了大量的时间在招聘网站上和公司的帖子上，你可能会注意到在网页设计这个工作岗位上一个令人担忧的趋势。简历是求职的敲门砖，想一鸣惊人，你需要多下点心思，木有想法时，可以来这里寻找灵感：《简历新玩法！
2014/04/10
web前端
前端开发
实用工具！优秀的标签云免费生成工具
标签云或文字云是关键词的视觉化描述，用于汇总用户生成的标签或一个网站的文字内容。标签一般是独立的词汇，常常按字母顺序排列，其重要程度又能通过改变字体大小或颜色来表现，所以标签云可以灵活地依照字序或热门程度来检索一个标签。 大多数标签本身就是超级链接，直接指向与标签相联的一系列条目。
2014/02/28
web前端
教程
你应该知道的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在各个技术公司和社区的合作下，也有了很多创新。CSS3 Ani...
2013/03/14
Adobe Edge Code
没有更多内容了
大家都在看
字体下载
文章 142
立即查看
入门
文章 162
立即查看
版式设计
文章 274
立即查看
设计师干货
文章 218
立即查看
UI设计
文章 963
立即查看
动效设计
文章 209
立即查看
求职面试
文章 169
立即查看
平面设计
文章 516
立即查看
优设大课堂
文章 142
立即查看
优设读报
2023年02月07日 星期二
01
Win11 极致精简版系统 Tiny11 发布下载：小巧简洁
02
《流浪地球 2》官方推出「月壤卡」，将通过抽奖送出
03
法国麦当劳与巴黎 TBWA 团队合作推出三款创意海报
04
人人视频被多家海外影视公司起诉，包括 Netflix、索尼、福克斯
05
集成 ChatGPT-4 的微软 Bing 短暂上线
查看全部
设计问答
全部问答
悟到这四条产品设计心得，你用了几年？
新鲜问答出炉，等你围观回答
设计师的价值不仅仅是做设计，这四条产品设计心得，你都悟到了吗？
我来回答
设计问答
全部问答
有没有优质的设计类微信公众号推荐，越多越好，感谢！
邀请你来回答
优设的小伙伴，大家有关注哪些设计类的公众号，求推荐一些优质的，谢谢大家！
我来回答
iPhone
可能是最全面的 iPhone 设计指南
查看专题
专题
已有48.2w位观众
已收录
9
篇持续更新
H5页面如何适配iPhone X ？腾讯设计师给出了通用解决方案！
44059 人阅读
如何适配iPhone X？来看QQ 音乐这个实战案例复盘总结
25969 人阅读
细节
有道词典网页版超人性化的输入体验
使用「有道词典」网页版，可以看到鼠标移入输入框时无需点击就可自动获取焦点，便于用户再次输入内容，执行下次搜索。虽然是特别细小的点，但却能带给用户很好的使用体验。
2022/10/21
龙爪槐守望者
人性化
设计神器
全部神器
周末森林浴！这个网站在线帮你感受大自然！
神器推荐
第一波！2022年3月精选实用设计干货合集
神器推荐
这座网页设计博物馆，让我回到拨号才能上网冲浪的千禧年
网页
精美绝伦！80000+国潮插画灵感参考素材宝库「数字文物库」
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
UI设计师（兼职）
Los Angeles
大专及以上
3-5年
8k-10k
资深设计师
杭州
大专及以上
3-5年
15k-20k
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
查看全部
行业新闻
发布行业新闻
新年加足马力！喜茶×特斯拉推出人气产品多肉车厘系列
品牌资讯
「大春晚季」品牌授权与版权文创暨「百人千创」合作计划：聚焦版权激发文创活力
活动赛事
喜兔迎年！iGame RTX 4070 Ti 开售，新春礼盒同步发布
新品推荐
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
优设9图
优设爆火的干货频道
查看9图
设计问答
高手大咖在线答疑解惑
查看话题
