菜单
优设网uisdc.com
优设网 - 学设计上优设
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计宝藏
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练！告别无效练习
接私单赚外块
VIP优先接，累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
前端开发
近期热门话题：
2022年度设计作品征集
设计师爱看的520个网站
杨洋教你做字库
首页
设计文章
前端开发
全部
全部
新视野
UI
网页
平面
手绘
电商
交互
产品
下载
神器
职场
1 / 5
到第
Go
页
前端开发
CSS为什么这么难学？一定是你的方法不对！
为什么 CSS 这么难学？本文从四个方面给出具体学习建议，帮助大家更好地去学习掌握 CSS。
2021/09/03
css
UI
用一个实战案例，帮你完全掌握 HTML 和 CSS 的实际应用
只要能把这节课的案例完整实现出来，那么大家就已经掌握了前端的初级水平，文章提供视频教程和源文件案例，快来免费学。
2020/07/17
css
前端开发
让网站变灰的CSS代码（支持IE、Firefox和Chrome）
当需要将网站变灰色来表达平台的哀悼时，如今主流CSS代码为主流方法！网站变灰色的CSS代码<style>html{ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); filter: grayscale(100%);}</style>以上代码除了IE都支持，也是现在国内主流网站常用的方法，都对被嫌弃的IE没做特别...
2020/04/21
css
前端开发
前端自学专题（二）：最适合设计师的前端学习路径
设计师该从哪些途径自学前端？这一期内容就和大家详细说说设计师的前端学习路径，让每一个对前端有兴趣的小伙伴都能有清晰的学习方向。
2020/03/06
前端
产品
前端自学专题：为什么前端是最适合设计师学习的编程技能？
《设计师想知道的 100 个前端问题》系列内容的第一期，本文主要带大家了解两个前端入门话题，以及互联网设计师学习前端的重要性。
2020/02/12
产品设计师
前端开发
新人必读！写给设计师的程序开发基本概念
因为不懂技术和前、后端同事交流起来特别困难？了解这些开发基本概念，有助于我们与开发同事进行有效沟通、节省时间。
2019/12/20
人机交互
UI
如何构建 Web 端设计组件之树和日期时间选择器
Echo ：本文主要讲解表单中的 treeselect 树选择、datepicker 日期选择器和 timepicker 时间选择器。根据组件的用途，可以分为六大类：Feedback 反馈、form 表单、basic 基础、data 数据 、navigation 导航、other 其他。表单在网页中主要负责信息数据采集功能，用户需要填写输入信息数据并且提交到后端数据库，以此完成信息的采集，则这种组件就是表单组件。
2018/06/03
Web设计
前端开发
2018年4月前端开发者超实用干货大合集
对于 PHP，虽然很多人都有所误解，甚至觉得它在走下坡路，但是它依然是目前 Web 应用开发中最热门的选择之一。自从 PHP 7 推出以来，PHP 的突破是显著的。在过去的几周汇总，我一直在深入探索 PHP，发现了许多值得分享的好东西。
2018/04/08
web前端开发
前端开发
前端福利！10个免费好用功能强大的网页动画效果库
动效设计是2018年的热门趋势之一。当然，创造动效并没有必要从0开始，有大把的设计项目可以供你快速上手，纳入到设计项目当中去。如果你仔细找找的话，会发现许多有趣的用来构建UI动效的工具，而这些素材和工具正在成为越来越多设计项目中不可或缺的催化剂。
2018/01/24
web前端开发
前端开发
为前端而生！2018年1月超实用前端干货大合集！
和网页设计一样，网页开发的技术发展也是非常快的。日新月异的前端工具赋予了前端越来越强大的开发能力和效率，甚至改变网站建设的方式。而VirtualDOM 就是诸多改变前端开发的工具之一。
2018/01/22
web前端开发
前端开发
这些响应式网页测试工具确保你的设计万无一失
响应式设计几乎是当代网页设计的基础构成之一。在实际设计和开发的过程中，想要让网站按照设计响应不同尺寸屏幕，设计师和前端需要花费相当的时间来进行测试和优化。所以，今天我们搜集了7款功能强大的响应式页面测试工具，下面就一一介绍一下。
2017/10/25
响应式
前端开发
要做动效？这75款动效工具让你无所不能（上）
动效这两年崛起非常之迅猛，几乎是网页设计领域最强大的设计趋势之一。无论是在设计师群体还是在用户当中，它的受欢迎程度都非常之高，大家都对它津津乐道。从微妙的转场动效到覆盖整个页面的大范围动效，它几乎无处不在。
2017/08/08
动效设计
前端开发
超多干货！设计师和前端都需要了解的知识点大全
设计与前端的关系比较紧密，如何在日常工作中更加高效的进行合作，一直是双方共同追求的目标。高效的合作方式，应该是双方具备专业上的共识、能进行有效的沟通、以及对效率工具的运用。专业共识这里的专业共识是指设计师和前端都需了解的知识点，双方在这些知识点上达成共识，有助于能更加畅通无阻的进行沟通交流。
2017/05/18
优秀网页设计
前端开发
开发者必备手册！收录完整的HTML 语法教学+标签使用方法
记得小时候刚学计算机时还是使用 MS-DOS 操作系统，家人帮我买了一本厚重的参考书，里头收录所有 DOS 指令，非常详尽，而这本书也对我产生不小影响，我知道学习任何东西都必须要有正确的参考手册，才能够让学习过程更全面扎实。虽然网络上有许多教学文件，但碍于篇幅都只能够以最短快捷方式来帮你达到目的，对于一些较为复杂的内容来说，这些快速教学并不能让你「真正」学会，因此最好还是准备参考手册。本文要推荐的「HTML Reference」网站很不一样，这个在线参考手册收录完整 HTML 语法教学，依照英文字母...
2017/05/11
web前端开发
前端开发
开发丨值得设计师看看的5个开发小知识
@韩重赞 ：这里整理了几点关于设计的开发知识。因为我自己之前也是做设计的，在自己开发过App之后，发现有些程序的东西当时如果知道了可能会对我做设计会很有帮助。做UI设计的朋友们可以了解下，你们平时在sketch上捣鼓的东西，到底哪些东西程序可以写出来哪些写不出来。
2016/11/19
web前端开发
前端开发
前端丨超全面+最流行的「前端速查表」高清版大全
今天分享的速查表你一定不会陌生，因为都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人员可以将这些当作是备忘表或速记手册，使用时可以快速查阅，相当便捷。这些速查表设计达人网小编认为相当有用，如果我学前端时有这些表给我就好了T_T…速查表兄弟篇：《最强酷站！
2016/11/16
web前端开发
前端开发
收入囊中！20个前端和网页设计师必收的超实用网站
我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站，给产品经理推荐文章，而今天的文章，我们搜集并总结了20个前端开发者肯定会感兴趣的网站，其中的一部分你可能见过甚至熟知，而其中另外一部分则是全新的。
2016/10/18
web前端开发
前端开发
在 2016 年学JavaScript 是一种什么样的体验？
编者按：本文通过一个 是否用jQuery 开发网页的问题，讨论了大量技术的优缺点， 你可以把它当成一篇前端技术名词快速科普文。@方应杭 ：嘿，我最近接到一个 Web 项目，不过老实说，我这两年没怎么接触 Web 编程，听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师？
2016/10/12
web前端开发
前端开发
避开这3个误区，来看设计师学编程的正确姿势
前端作为一种偏视觉化的编程技术，确实是外行比较适合的编程语言。想找工作的设计师，有一定的编程基础也会更受青睐。但是在我和很多设计师在打交道的过程中，发现大部分人对于学习编程存在一些误区。
2016/09/21
经验分享
前端开发
提高设计还原度！写给设计师的IOS前端教程（三）
@小乖乖老爸 ：想提高设计还原度，尽可能缩小设计稿与完成品之间的差距吗？来学编程吧！这个系列的文章忽略了很多设计师用不上的技能，直接给出UI设计师工作中能用上的编程知识，简单易懂，一起来收！
2016/08/27
IOS
前端开发
提高设计还原度！写给设计师的iOS前端教程（二）
@小乖乖老爸 ：这个系列既然是写给设计师看的，就跳过如何创建项目、如何新建文件了，因为设计师通常是在已有的页面上做调整。设计师需要掌握的iOS前端技能无非今天提到的这两个。想改哪里，就能改哪里。
2016/08/26
IOS
产品
实战案例！设计师怎样和前端开发一起制定设计规范？
@画一个长沙 ：作为设计师的你看到这个标题可能会奇怪：制定设计规范不是设计师的事儿吗？为什么要和前端开发一起呢？不同于以前的网站，样式基础、交互简单，前端们都是以页面为单位进行开发。
2016/08/19
经验分享
前端开发
设计新人必备！5分钟帮你了解到底什么是API
如果作为新人的你有这样的经历：在会议上听到前后端的程序员们对着你给出的设计稿讨论“这边要加一个API”、“那个页面的API要改动”，特别是他们说了一堆你不太懂的事情还反过来问你：你觉得要用什么方案？（WTF）又或者，那帮人最终讨论的结果是某个“接口”没法做，导致你的设计稿得改改改，然而你一脸懵逼，并搞不清楚状况。那么这篇文章能帮到你了解自己的处境（虽然说服那帮固执的开发还得靠你自己）。
2016/08/16
API
前端开发
新鲜实用！20款为前端和网页设计师准备的代码工具
毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程，这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。
2016/08/08
web前端开发
前端开发
帮你迅速入门！写给设计师的趣味编程指南
提起「编程」二字，很多人脑中会觉得高端、烧脑、难学，@WENZY-- 希望通过这个系列指南，扫除大家对“编程”的刻板影响，一路玩转编程。这不仅仅适合设计师阅读，相信任何一个想了解编程的人都能通过它迅速入门。设计师为什么学编程？
2016/07/23
入门
前端开发
内行讲堂！让设计师和前端都更轻松的5个工具
在这个开源的时代，你还在加班为每一个小功能的实现自己“码码码”吗？今天想早点下班的你，快来看看我最新发现的工具包吧！有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更人性化就可以啦。
2016/06/29
工具推荐
前端开发
从零开始！设计师如何打造高性价比个人网站之常用工具篇
@老王经销商 ：上一篇我们大致介绍了选购域名的关键知识点和一些域名解析知识，今天继续第二部分，科普当下的主流域名商和打造个人网站必备的PC端工具/移动端工具/Web端工具，设计师们赶紧来给自己建个站吧！上期回顾：《从零开始！设计师如何打造高性价比个人网站之域名选购篇》有粉丝在微博反馈有一些知识点看不太懂，特别是后面关于域名解析的部分。
2016/06/28
优秀网页设计
前端开发
零基础也能看懂！写给设计师的前端小知识之各司其职
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，今天这章用设计师熟悉的PS来解释前端相关的术语，通俗易懂幽默风趣，绝对是小白入门的好教程！往期回顾：《零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）》《零基础也能看懂！
2016/06/14
web前端开发
前端开发
20张小抄，让前端开发与设计的效率大幅提升（原图已打包）
与几年前的开发模式不同，今天当我们做前端设计或开发时，往往需要组合很多不同的技术、框架，并且使用不同的工具。要熟悉这些新东西，特别是熟练掌握它们并不容易，尤其记住那些命令和语法需要很长的时间。很多人会在使用它们时借助书籍或在网上搜索，但这样却会使你的工作效率降低。
2016/06/07
web前端开发
前端开发
全栈设计师！零基础也能学会GITHUB 系列之提交代码
@googdev ：之前的这篇文章「从0开始学习 GitHub 系列之「Git速成」」相信大家都已经对 Git 的基本操作熟悉了，但是这篇文章只介绍了对本地 Git 仓库的基本操作，今天我就来介绍下如何跟远程仓库一起协作，教你们向 GitHub 上提交你们的第一行代码！往期回顾：从0开始学习 GitHub 系列之「初识 GitHub」零基础也能学会GITHUB 系列之加入GITHUB零基础也能学会GITHUB 系列之GIT 速成1. SSH你拥有了一个 GitHub 账号之后，就可以自由的 clon...
2016/06/04
GitHub
1/5
1
2
3
4
5
下一页
前往
Go
页
大家都在看
职场
文章 137
立即查看
交互设计
文章 813
立即查看
产品设计
文章 528
立即查看
ps技巧
文章 643
立即查看
psd下载
文章 134
立即查看
设计师职场
文章 839
立即查看
职场经验
文章 250
立即查看
字体设计
文章 370
立即查看
动效设计
文章 206
立即查看
优设读报
2022年12月07日 星期三
01
靳埭强 80 岁个展「德意诚形 X 靳埭强八十展望」于香港大馆举行
02
手机端光追将至：Basemark 推出首个移动设备光追基准测试
03
TGA 2022 年度游戏大奖公布最新预热视频
04
阿里云盘 iOS 版 3.14.0 发布：首页简洁清爽
05
TV 动画《国王排名 勇气的宝箱》PV 公开：2023 年 4 月播出
查看全部
9图
1/9
创意无限！54张潮流时尚海报设计欣赏
平面设计
热门细节
全部细节
小红书评论区增加投票功能，让评论互动更有趣
信息呈现
10.0
在微信临时收藏的文章，如果超过一周都没看的话怎么办？
设计逻辑
9.7
如何通过贴合测试为AirPods Pro选择最合适的耳塞？
用户体验
9.0
设计史太浓
看故事，学设计
查看专题
专题
已有228.1w位观众
已收录
87
篇持续更新
用一篇超全面的好文，带你了解英国设计史的前世今生
33082 人阅读
用一篇超全面的好文，带你了解俄罗斯设计史的前世今生
27398 人阅读
设计问答
全部问答
木悦熙 邀请你来回答
想知道设计的下一个风口是什么，应该顺应趋势去提高自己的能力吗？
3.5k位设计师围观了该问题
我来回答
公子潘 邀请你来回答
求教，移动端界面设计的字号怎么选择，用多大的字体合适？
809位设计师围观了该问题
我来回答
设计神器
全部神器
VR丨有哪些靠谱的VR开发工具 —— 3D建模篇
神器推荐
Photoshop 的免费线上版！还能打开 Sketch 文件！
神器推荐
色彩控必看！堪比 Pinterest 的色彩灵感网站 Designspiration
神器推荐
超全整理！设计师必备的9个高质量免扣PNG素材网站
神器推荐
课程
爆款课程！零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品？
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度，才够接私单赚钱？
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格？
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
优设内容编辑
武汉
本科及以上
1-3年
8k-10k
文案策划
武汉
学历不限
1-3年
6k-10k
交互设计师
北京
本科及以上
3-5年
25k-50k
查看全部
行业新闻
发布行业新闻
六大精彩看点！回顾腾讯数字生态大会 RayData 专场
活动赛事
「创作正当时」中国传统文化设计共创大赛正式开启
活动赛事
第七届米兰设计周高校设计展命题单位线上宣讲会来袭
活动赛事
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
优设9图
优设爆火的干货频道
查看9图
设计问答
高手大咖在线答疑解惑
查看话题
