菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享12项VIP特权
持续新增
主题直播
每年36场重磅嘉宾主题直播
独家优惠
星球会员可享书籍软硬件最低优惠
优设私房课
大咖出品易学易懂高品质小课
法务咨询
免费咨询版权/劳动相关法律问题
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
web前端开发 话题
首页
设计文章
web前端开发
Photoshop
收录25篇文章
SDC讲座
收录24篇文章
色彩理论
收录27篇文章
设计工具
收录26篇文章
adobe
收录26篇文章
1 / 4
到第
Go
页
教程
2018年5月前端开发者实用干货大合集
随着 Apple、Google 等科技企业一年一度的开发者大会的到来，这些企业旗下产品相关的新资源也随之放出，比如 Apple 的新的开源数据库，以及 Google 新推出的移动端手机测速应用。此外，GitHub 等平台还推出了面对新手的 Git 使用课程，也是素质相当过硬的课程。在今天的前端干货大合集当中，我们会推荐一些正在兴起的新工具，接下来，我们一一介绍。
2018-05-02
陈子木
web前端开发
前端开发
1.3w
2018年4月前端开发者超实用干货大合集
对于 PHP，虽然很多人都有所误解，甚至觉得它在走下坡路，但是它依然是目前 Web 应用开发中最热门的选择之一。自从 PHP 7 推出以来，PHP 的突破是显著的。在过去的几周汇总，我一直在深入探索 PHP，发现了许多值得分享的好东西。
2018-04-08
陈子木
web前端开发
前端开发
4.7w
前端福利！10个免费好用功能强大的网页动画效果库
动效设计是2018年的热门趋势之一。当然，创造动效并没有必要从0开始，有大把的设计项目可以供你快速上手，纳入到设计项目当中去。如果你仔细找找的话，会发现许多有趣的用来构建UI动效的工具，而这些素材和工具正在成为越来越多设计项目中不可或缺的催化剂。
2018-01-24
陈子木
web前端开发
前端开发
1.4w
为前端而生！2018年1月超实用前端干货大合集！
和网页设计一样，网页开发的技术发展也是非常快的。日新月异的前端工具赋予了前端越来越强大的开发能力和效率，甚至改变网站建设的方式。而VirtualDOM 就是诸多改变前端开发的工具之一。
2018-01-22
陈子木
web前端开发
教程
3.8w
如何搭建Web端布局框架？来看滴滴设计团队的超全经验总结！
还在苦恼如何搭建Web端布局框架？来这里找方法吧，CDX魔方项目组成员用血和泪的经验告诉你答案。前言对于承载多个子产品的网站而言，单一的布局形式不能完全适用，因此我们需要全方面了解相关的布局框架理论。
2018-01-10
程远
web前端开发
酷站推荐
暑期干货！2017年8月前端开发者超实用干货大合集
在过去的几年当中，网络上所流传的各种设计和开发资源，在素质上有明显的提升。其中有一些已经几乎成为了设计师和开发者必备的工具，但是其中绝大多数由于其应用范畴的局限，或者传播不够广，导致它们大多并广为人知。将这些素材集中到一起，很大程度上是希望它们的目标用户能够明白，需要这些工具的时候，上哪儿找。
2017-08-21
陈子木
web前端开发
酷站推荐
福利！2017年7月前端开发者超实用干货大合集
网页离不开设计更离不开前端的实现，无论是JS库还是适用于Wordpress 的 GraphQL 都能在特定的时候，解决网站的特定需求。每月都会涌现一批颇为实用的网页前端干货，它们都是特定的开发需求下的产物，也许其中正好有你想要的东西呢？HeroPatterns这是一组颇为有用的SVG格式的图案合集，可以用于网站背景这个网站还配备了定制色彩和透明度的设置，你可以通过简单的复制粘贴添加到CSS当中。
2017-07-18
陈子木
web前端开发
酷站推荐
前端速来！2017年6月前端开发者干货大合集
每个月的前端开发者干货素材大合集，相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材，这次的大合集当中包含一款颇为有趣的屏幕录像软件，几款适用范围较广的基于Material Design的框架，还有一些性能测试库也非常好用。这些前端工具与素材功能各不相同，总会有一两款是你感兴趣，甚至正好想要的~KapKap 是一款设计精巧的macOS 屏幕录像软件，它是基于Web技术来搭建的开源APP。这款应用中最令人着迷的是它的即时转码输出功能。
2017-06-05
陈子木
web前端开发
前端开发
开发者必备手册！收录完整的HTML 语法教学+标签使用方法
记得小时候刚学计算机时还是使用 MS-DOS 操作系统，家人帮我买了一本厚重的参考书，里头收录所有 DOS 指令，非常详尽，而这本书也对我产生不小影响，我知道学习任何东西都必须要有正确的参考手册，才能够让学习过程更全面扎实。虽然网络上有许多教学文件，但碍于篇幅都只能够以最短快捷方式来帮你达到目的，对于一些较为复杂的内容来说，这些快速教学并不能让你「真正」学会，因此最好还是准备参考手册。本文要推荐的「HTML Reference」网站很不一样，这个在线参考手册收录完整 HTML 语法教学，依照英文字母...
2017-05-11
程远
html
神器推荐
酷站两连发！网页排版对齐神器Graaf+专属免费图库
当设计师把网页设计稿交给前端开发人员写代码后，页面往往与原稿有些偏着。前端人员写完页面后，还需要截图叠加到设计稿上，去看看偏差比率，这是很麻烦的事情。为了解决这个问题，建议设计师和前端人员看看今天分享的 Graaf 栅格样式工具。
2017-02-24
程远
web前端开发
新视野
2.1w
腾讯工程师：2017年前端领域可能迎来的6个发展趋势
Ouven：2016年结束了，前端技术的发展也将进入到一个新的阶段，那么未来又会给我们带来什么呢？这里就个人发表下意见，欢迎点评。趋势系列：UX设计丨《2017年即将流行的9大UX设计趋势》UI设计丨《趋势丨8个你需要知道的2017年UI设计流行趋势》硅谷设计师的预言丨《2017年，这五条设计趋势将惊艳整个设计圈》为什么你不适合看趋势文丨《自学丨从零基础新手到高级UI/UX设计师的阶段心路分享》就前端主流技术框架的发展而言，过去的几年里发展极快，在填补原有技术框架空白和不足的同时也渐渐趋于成熟。
2017-02-03
程远
web前端开发
前端开发
开发丨值得设计师看看的5个开发小知识
@韩重赞 ：这里整理了几点关于设计的开发知识。因为我自己之前也是做设计的，在自己开发过App之后，发现有些程序的东西当时如果知道了可能会对我做设计会很有帮助。做UI设计的朋友们可以了解下，你们平时在sketch上捣鼓的东西，到底哪些东西程序可以写出来哪些写不出来。
2016-11-19
程远
web前端开发
前端开发
2.3w
前端丨超全面+最流行的「前端速查表」高清版大全
今天分享的速查表你一定不会陌生，因为都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人员可以将这些当作是备忘表或速记手册，使用时可以快速查阅，相当便捷。这些速查表设计达人网小编认为相当有用，如果我学前端时有这些表给我就好了T_T…速查表兄弟篇：《最强酷站！
2016-11-16
程远
web前端开发
前端开发
1.3w
收入囊中！20个前端和网页设计师必收的超实用网站
我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站，给产品经理推荐文章，而今天的文章，我们搜集并总结了20个前端开发者肯定会感兴趣的网站，其中的一部分你可能见过甚至熟知，而其中另外一部分则是全新的。
2016-10-18
陈子木
web前端
前端开发
在 2016 年学JavaScript 是一种什么样的体验？
编者按：本文通过一个 是否用jQuery 开发网页的问题，讨论了大量技术的优缺点， 你可以把它当成一篇前端技术名词快速科普文。@方应杭 ：嘿，我最近接到一个 Web 项目，不过老实说，我这两年没怎么接触 Web 编程，听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师？
2016-10-12
程远
Javascript
前端开发
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，快捷键，效率
前端开发
前端干货！实用全面的CSS background 属性使用手册
background是用来设置背景的元素，从最早的纯色填充发展到现在，不仅支持渐变，甚至能用上混合模式！今天@不到布这篇好文将一一为你阐释这些子属性的用法，周末学起来！background 属性是CSS中用于设置元素背景的属性，最简单的background属性名，是针对背景若干设定的合并简写，最早的CSS只能使用单一背景图片，而在现在却可以设置多个背景图片。
2016-06-04
程远
css
酷站推荐
1.6w
超赞！值得网页设计师&前端收藏的实用工具列表
无论你是经验丰富的前端，还是刚刚起步的设计师，这些为真正的网页设计师和开发者所准备的实用工具、在线服务、资源和代码片段，都是为你而生的，合理的运用能够让你的网页设计与开发事半功倍。这次总结的工具总计有40款，它们基本上可以分为8个大类·灵感与阅读：这类素材通常是设计案例和酷站，它们启发灵感，给你经验·网络社区：汇集Web开发者和设计师的优秀社区·网页测速工具：一些最好的网站测速工具·沟通和项目管理：适宜进行沟通和管理的工具，包括网页端和移动端·代码共享和编辑器：最好的Markdown编辑器，代码分享...
2016-05-26
陈子木
web前端开发
前端开发
1.4w
零基础也能看懂！写给设计师的前端小知识之排版三步走起来
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，今天这章用设计师熟悉的PS来解释前端相关的术语，通俗易懂幽默风趣，绝对是小白入门的好教程！往期回顾：《零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）》《零基础也能看懂！
2016-05-19
程远
web前端开发
酷站推荐
1.2w
精选干货！十款新兴实用的网页设计与开发工具
对于设计师和开发者而言，好工具和好想法同样重要。我们常说“工欲善其事，必先利其器”，所以在项目开始之初，有必要弄清楚有哪些事情任务需要完成，而哪些成熟的工具可以有针对性地搞定这些问题。随着如今网站开发需求的细化，越来越多项目衍生工具开始诞生，这些新工具通常会相当地具有针对性，它们逐步成熟之后，会很好地反哺到其他的项目。
2016-05-14
陈子木
web前端开发
前端开发
1.9w
知道这20个正则表达式，能让你少写1,000行代码
正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。下面是@技匠 整理的，在前端开发中经常使用到的20个正则表达式。
2016-05-09
程远
web前端开发
前端开发
1.7w
前端福利！帮你搞定复杂网页布局的Flexbox相关工具
编者按：在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。如果你想制作一个复杂的多列布局，要做的众多浏览器的兼容一致那还是很复杂的。
2016-04-18
陈子木
Flexbox
教程
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前端
教程
1.3w
案例实战！揭秘腾讯火影游戏Html 5背后的设计故事
转眼负责火影手游的创意设计工作一年多了，在这段时间里从《鸣人雏田婚礼》到《重返木叶村》沙盘项目，我们为火影手游尝试了很多风格的H 5和互动站，春节期间我们又尝试了一次剪纸风格的H5，来看这次实战回顾！项目背景：在春节来临之际，我们获悉《火影忍者剧场版-博人传》2.18将在中国上映，这部电影主要讲的是鸣人和他儿子博人间的父子故事。作为火影手游市场设计团队，我们觉得我们可以为《博人传》，为火影手游项目，为火影迷做点什么，给火影迷来点惊喜！
2016-03-01
程远
html
酷站推荐
2.2w
开工福利！2016年二月设计圈实用干货大合集
新年假期结束，咱们这就要开工啦，先给大家推一发干货助助兴。这次的干货合集延续以往的传统，精致的线性图标，Material Design 设计素材，手势图标，APP展示套件，各种设计模板，视觉稿，插画，UI Kit，PSD模板，Wordpress 和 Bootstrap 模板以及各种开发工具。虽然这些素材种类分散，但是基本都实用可靠，总会有几个能帮到你。
2016-02-14
陈子木
web前端开发
酷站推荐
1.3w
微软官方最新的网站线上测试工具（支持IE全系列）
开发网站时最不想做的就是在不同浏览器、平台和分辨率测试网页显示效果，通常这会浮现许多问题，尤其浏览器版本就可能让显示成效完全不同，也只好尽力维持让每一种设备都能正常浏览网页。修改到完全没有问题必须投入不少时间，我习惯在计算机上安装不同版本的操作系统进行测试，但遇到 IE 就没辄了，除非你安装 XP 或更早的版本才能测试不同的 IE 。如果你觉得这么做很麻烦，现在只要输入网址就能建立在不同浏览器屏幕的截取画面。
2016-02-10
程远
web前端开发
1/4
1
2
3
4
下一页
前往
Go
页
大家都在看
平面设计
文章 369
立即查看
ps技巧
文章 636
立即查看
设计师专访
文章 144
立即查看
设计规范
文章 184
立即查看
壹周速读
文章 120
立即查看
酷站推荐
文章 330
立即查看
设计理论
文章 128
立即查看
ui设计
文章 766
立即查看
干货大合集
文章 164
立即查看
优设读报
2021年10月24日 星期日
01
Interbrand 发布 2021 年全球最佳品牌 100 强
02
HMS Core 6 正式登场：打造全场景万物智联
03
微软允许测试版用户在 Windows 11 上运行 Android 应用
04
奔驰开始跨界做时尚单品
05
大湾区文化新地标：深圳国际演艺中心
查看全部
表单设计
庖丁解牛般全面剖析表单设计
查看专题
专题
已有53.1w位观众
已收录
16
篇持续更新
用3个案例，让你学会移动端的长表单设计
37907 人阅读
如何高效完成表单输入？来看这个实战案例！
21307 人阅读
细节
可预先查看字体搭配的「Google Font」
开发者团队在做产品设计的时候，免不了会精心挑选几种展示用的字体互相搭配，保证界面的美观和可读性。一般情况下，都需要把字体文件下载到本地安装后，再在设计软件里调用，查看效果。万一碰到不合适的还得重新挑选，然后重复以上的动作，步骤繁琐。
2020-06-17
海的格尔
Google
设计话题
全部话题
AE如何导出小而高质量的视频？
6232位设计师围观了该问题
平时使用的Ae都好卡，是为什么？存储位置吗是因为。 然后导出的文件很大
我来回答
优设琅琊榜
查看全部
4167
1/9
郝小好：用画叙温柔，大厂争相邀稿
郝小好
：）
设计神器
全部神器
如何让动效完美还原？送你两个超厉害的免费插件！
神器推荐
自由设计师专属！提升工作效率的神器法宝
酷站推荐
壹周速读：关于UI、排版和视觉的超全面设计指南
神器推荐
灵感得这么找！图片管理新生代神器PinCap全方位剖析
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
高级体验设计师/设计专家
杭州
大专及以上
经验不限
25k-50k
交互设计师
上海
本科及以上
3-5年
25k-50k
视觉UI设计师
深圳
本科及以上
3-5年
15-25k
查看全部
行业新闻
发布行业新闻
「以经典之名，与时间同行」启幕首站国际顶豪设计美学新章
活动赛事
拍拍严选APP 3.0 全新改版升级
行业新闻
北京市政府国际网站面向大众征集标识和推介名称
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计话题
高手大咖在线答疑解惑
查看话题
