菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
教程 话题
首页
设计文章
教程
笔刷
收录23篇文章
组件化设计
收录26篇文章
设计史太浓
收录25篇文章
甲方
收录25篇文章
日本设计师
收录24篇文章
教程
3.0w
腾讯出品!你离高效制作动画只差这一篇文章的距离
看完本文,前端能快速开发一些 H5动画,设计师也能高效地制作出合自己心意的动画来让别人高保真还原,希望能给大家带来一点帮助。前言说起动画H5,作为一个前端,可谓是「又爱又恨」。爱的是加上动画动效后 H5会变得生动有趣,吸引力 Max;恨的是做动画时都是一边在脑海中 yy效果,一边用 css、js代码模拟出来,既低效又不直观,正所谓「产品一句话,设计一根线,重构一身汗」。
2018-07-09
程远
Animate
UI
2.8w
如何学习Low Poly Style?来看这篇超全面的总结!
Low Poly Style 虽然不是我们设计一定非要掌握的设计风格,但是通过它我们可以学到很多结构素描中非常重要的一个环节。一、Low Poly 低多边形风格主流插件1. Image Triangulator App/Triangulator/Flat Surface Shader主流的主要就是上面三个插件,优势是可以快速的制作出来,劣势是操作不方便,绘制出来的 Low Poly 效果不是很理想。使用插件制作 Low Poly :点击查看2. 用平面软件和三维软件做出来有什么区别?
2018-06-20
程远
low poly教程
UI
9.9w
如何绘制功能性图标?来看资深设计师的全面总结!
想想图标的绘制也是有历史的,从刚开始 ps 用面切法运用布尔运算去切,有时候线条也是用面切面得到。随着线性图标的火爆和普及,开始放弃面切法,转用钢笔工具直接绘制,还可以很好的控制线的直角和圆角。当你会使用 Ps 绘制图标了,换成 ai 你会发现更加的快捷方便。
2018-06-18
程远
ICON
手绘
4.0w
如何学习Yoga Style?来看这篇超全面的总结!
学完这边文章之后,任何复杂的造型应该都能绘制出来,学会绘制造型是设计的第一步,也是基础。一、分析Yoga StyleYoga 全名 Yoga Perdana,是一名印度尼西亚的设计师,擅长插画和标志设计。玩追波的人应该一点都不陌生,他独特鲜明的风格得到很多人的关注。
2018-06-16
程远
logo造型
手绘
5.0w
如何画好一张描边插画?来看这份超全面的总结!
描边插画:可以简单理解为众多线面结合图标组合在一起,互相呼应而组成一个大画面。画面中的元素除了面以外,还具有描边,因此也叫描边插画。本文内容:文章会详解如何画一张描边插画,教程素材没有用我之前的插画来做步骤分解,而是新画了一张插画以作示范,绘画原理都一样,理解原理就好。
2018-05-27
程远
扁平风格
UI
2.8w
用一篇文章,帮你掌握基础实用的动效技能
对如今的 UX 设计师来说,会点动效基本已是常规操作了。作为 UX 设计师,动效可以辅助的产出可以涵盖界面交互动效、项目宣传 MG动画、产品吉祥物表情包、年终汇报 PPT 等等。这些技能点虽然广,但是只需要掌握基础实用的几个点就足以辅助我们更好的包装输出。
2018-05-06
程远
AE动效
手绘
4.2w
零基础必备:详解十种常见的水彩基本技法+问题总结
@糖糖糖就是糖 :上一篇《结合实例,总结画线稿时容易出现的几个常见问题》已经讲解过线稿的注意事项。待我们画好线稿之后,对于初学者来说,特别急需了解的就是「水彩的基本技法」了。所以这一篇,就来总结一下我理解的关于水彩的基本技法和特殊技法都有哪些。
2018-05-05
程远
手绘
教程
4.0w
免费高效!用 Paddy 让你的 Sketch 学会自动排版!
徐小马:很多中后台项目的界面设计涉及大量的表格,每份终稿的输出,都要经历反复的调整间距、边距、对齐,Sketch 自带的排版功能已经远远不够用了。所以推荐给大家一个自动排版的插件:Paddy,合理的使用会提升设计师的时薪。一、阅读准备和核心流程插件官网:GitHub – Paddy相关下载:插件 | 演示文档掌握三个核心功能即可快速上手,笔者在这里以一张简单表格的制作为例子。
2018-04-24
程远
sketch
手绘
1.8w
结合实例,总结画线稿时容易出现的几个常见问题
@糖糖糖就是糖 :这篇文章给大家分享一下在画好线稿的重要性,并总结了一些常见问题。选择合适的构图,画好线稿是一张画的开始,尤其是对于初学者来说显得非常重要。如果第一步画好,后面的步骤就有信心去完成。
2018-03-30
程远
手绘
手绘
3.0w
看完就会!超详细的自制手工水彩本教程
@糖糖糖就是糖 :本篇内容教大家如何自制手工水彩本。往期回顾:《自学水彩没你想的那么难,说说我是怎么自学的》《水彩自学第二集:水彩纸常见问题及测评》《水彩自学第三集:水彩笔常见问题及测评》《水彩自学第四集:水彩颜料常见问题和自用测评》《水彩自学第五集:留白液的测评和常见问题》△ 亲手做的第一个本子,做了30页△ 正方形剩下的边角料做的第二个小本子△ 看到喜欢的布又忍不住做了一个,也改进了做本方法方法其实都不难,材料也都很简单。网上很多方法大家都可以找到的,经过做了两三个本子之后我综合了一下方法,觉...
2018-03-11
程远
手绘
教程
3.5w
教程丨用一个实战教程,让你学会智能对象
没套路!这个功能真的可以有效地提高工作效率!!作品作者:来源网络教程作者:@杨洋-XHM效果图:练习重点:这次主要分享一个智能对象功能的使用,其次就是光影、颜色对质感的塑造,对这块感兴趣的小伙伴,可以动手练习一下。
2016-11-14
程远
ps技巧
酷站推荐
7.2w
超实用!24个值得收藏的Logo资源网站
无论是做网页设计还是手持设备的UI设计,一般都有要做Logo的工作,所以这里我们收集了主要分享Logo的网站,这样设计师们可以很好的在这些网站上获取设计灵感。推荐阅读: 《强烈推荐!LOGO设计终极大指南》 《LOGO七十二变!
2013-12-30
程远
logo设计
前端开发
2.3w
写给设计师看的HTML&CSS入门指导
想做一个开发&设计并行的牛人?却不知道如何开始?欢迎观看本文,说不定会引起你对开发的兴趣HTML&CSS是网页设计的基本。
2013-12-28
ranger
css
教程
1.2w
精心设计的爆破画面
本文Jordi Bares为我们解释了Realise 工作室是如何将G-Star品牌Raw系列的牛仔裤产品进行爆破设计,并将其制作成具有Rankin 艺术风格的商业广告,设计师们要耐心看下去呦,当你在与甲方合作时,说不定就会用到~也推荐一篇酷炫海报制作教程文章: 《推荐!Ray-ban酷炫海报设计教程》 G-Star 与摄影师Rankin 从一开始就有非常明确的视觉构想,以及非常细致的故事。Rankin 是大家熟知的摄影师,为人所崇敬。
2013-12-15
阿麦
教程
平面
2.2w
PS教程:蒸汽朋克式LOGO设计(下篇)
在我们的Photoshop教程中,延续“生化奇兵:无限”给我们带来的灵感,我们将开始剩余部分的创作。准备好了吗?OK,咱们开始吧!
2013-04-10
小峰向前跑
logo
教程
2.6w
推荐:创建网页大背景纹理的四种方法
在看Wantfee这篇文章之前,优设哥先推荐一个无缝背景纹理网站给大家。绝对是顶级的,下载及背景预览都格外的方便!微博上曾多次推荐→ http://subtlepatterns.com/ 在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节。
2012-12-06
waynexie
教程
教程
5.3w
PS教程:如何给图片添加穿透云层的光线
本教程您将会学到光线特效的PS技巧,希望看过后,您能够融会贯通,体现在自己的作品里,让设计更“恢宏大气”!是真大气哟~!在此教程中我会向你展示如何给一张阴天的的照片添加穿透云层的光线,从而让照片更富有戏剧性。
2012-12-05
waynexie
PS教程
教程
5.0w
25个完美的Adobe Photoshop教程
Adobe Photoshop是一种最流行的图形编辑软件。你可以使用Adobe Photoshop来创建视觉效果,文字效果、图标、火灾和爆炸效果, 以及酷炫的照片效果。每天我们徜徉在网络海洋里寻找,但却很难发现优秀的教程。
2012-12-01
草木乙-Vidar
Photoshop
教程
3.9w
30个值得收藏的Photoshop教程
Photoshop在web和数字媒体的设计中是一个非常强大的工具,以至于许多人想了解Adobe Photoshop技巧和技术。使用 Photoshop我们可以设计不同类型的灯光效果,照片处理、文本效果,图标,壁纸,Typograpy等等…今天这里有30个罕见的值得收藏的Adobe Photoshop教程,你肯定会有所受益。
2012-11-30
Roc
教程
教程
1.9w
光影之中,发现设计之美
光是生命之源,它无处不在,365日时刻与我们同在。光有明度、方向、色彩等特征。光的反射形成了物体的形象,光让我们辨别事物,认识材质、尺寸和透视。
2012-11-15
waynexie
教程
信息化视图
【Mac苹果快捷键】
已买、刚买、要买的设计师可以瞧瞧,熟记快捷键是效率的保证,也是大师进阶路上的必备技能
2012-11-09
小峰向前跑
教程
教程
3.3w
全世界最好的Photoshop教程资源
【亲们,你们知道强Photoshop的老婆是谁么?】谷歌都说了:“Photoshop的夫人这个网站有着全世界最好的Photoshop教程资源!”一向不作恶的g