自学路径UI实战系列教程!10个超实用设计案例
一、知识树介绍
如果你已经掌握了UI设计的基础设计规范,也已经可以轻松绘制出好看好用的简单图标案例,能够坚实地走到这一步,并且热切地做好了继续进阶的准备,那么你就来对了。
很高兴见到这样耀眼的你,我们与各位拥有多年B端、C端UI和交互设计经验的讲师,继续为大家呈上这套UI实战系列教程。没有过多的大道理,省去了一部分机械的基础操作讲解,直击界面设计的关键节点。
设计师刚需!3个人人都能学的光影原理
经常在网上看到很多关于光影的文章,告诉你光影非常重要,但听了还会一脸懵逼?
听的时候觉得自己都会,但是具体要怎么去运用又是一头雾水?
这篇文章,视觉营讲师 @设计师团长 将会从 3 大方面入手,教会你们光影的塑造。
AI教程!教你用网格渐变做一个霓虹色彩立体字母
关于教程
网格渐变 是AI中一项非常实用的上色功能,可以帮助你在矢量设计图中做出 不规则渐变 和 拟物效果,本期视频就教你用网格渐变做出霓虹色彩的立体字效,一起动手试试看吧~
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 基础造型
用钢笔勾勒出立体字母的基本轮廓和厚度感,然后填充上对应的颜色。
Step 02 网格渐变
用 网格渐变 做出立体字表面分布的不规则色彩,然后用 高斯模糊 效果的色块模拟边缘棱角的光晕。
PS教程!详情页卖点图标怎么做?(基础篇)
关于教程
随着电商的发展,详情页的设计在营销体系扮演着越来越重要的角色,在详情页设计中,除了详情页首屏重要性外,产品卖点的重要性也毋庸置疑,能让消费者快速了解产品并关注产品。
但是,往往在实际的详情页设计中、很多人对产品卖点图标设计进行了忽视,草草了事,—个好的产品卖点图标对于整个产品详情页会增色不少。
图标类型千变万化,但是万变不离其宗,都是以「线性、面性、线面结合」为主线,结合透明度、渐变、质感、拟物、3d 等等表现方式多维度进行交叉设计。
AI教程!7 个老手都会的 Ai 技巧,第一个就学到了!
关于教程
Hello!大家好,我是设计师衔接班的讲师@如如酱
上次分享了些我觉得实用的 Ai 技巧,好像大家蛮喜欢这类教程的,今天我再来分享些Ai高效技巧。
一、彭罗斯三角
彭罗斯三角(Penrose triangle)最早是由瑞典艺术家Oscar Reutersvärd在1934年制作。
PS教程!5分钟学会破碎玻璃视觉海报的做法
关于教程
从Windows11和MAC OS BIG SUR的发布来看,近年的设计流行趋势是轻拟物和各种材质的应用。
那今天就教大家如何在PS中也能做出像C4D一样质感的视觉艺术海报,简简单单5分钟就能搞定啦!有哪些地方不懂的同学,可以在下方留言提问~
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
动画设计教程!如何让你的动画具有视觉冲击力?
前言
在动画设计中,要想把画面做的很有视觉冲击力,是挺有难度的一件事,很考验动画的功底。
可能有不少童鞋能看出动画的视觉冲击力不够,知道有问题,但不知道应该如何去改进和细化。
对此,我把自己的一些心得和经验做了一些总结,来聊聊如何赋予动画“视觉冲击力”,让动画更具吸引力。
PS教程!4个案例4种方法,教你绘制详情页卖点图标
关于教程
上一期详情页卖点图标教程讲了一些ps的图层基础样式应用,这次还是讲下详情页的卖点图标,上次有同学反应图标形式比较单一,所以,在上次的基础上,我们来点不一样的详情页卖点图标案例,先看看本次案例。
这次的教程根据目前比较流行图标表现形式我把它归纳为以下四种形式:一、拟物法;二、风格法;三、质感法;四、立体法这四种方法形式。
一、拟物法
所谓拟物法就是根据产品局部特征或模拟物体外形轮廓来进行图标化,比如:物体轮廓、局部按钮、质感特征等等。
Ai+Ae教程!学习制作汉堡、披萨、冰淇淋、果汁美食图标动效
关于教程
本期教程为你带来一套快餐店主题的美食图标设计,包含了在Ai中绘制图案和在Ae中制作动效的全过程,每个步骤都有是否详细的拆分和讲解,非常适合新手学习,赶紧来上手试试吧~
教程效果图
AI绘制步骤
Step 01 新建文档
打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
Step 02 新建背景
2.1 找到AI的图层面板,双击图层名称处,将名称修改为「背景」,使用「矩形工具」(快捷键M) 在画板中间点击一下 ,...
PS+AI教程!超简单的炫彩立体图标制作教学
关于教程
前几天做UAG的打卡,不知道用什么选题,但是你们的肥子老师给我推荐了这个作者Vlad Tretiak。就看到了他的这张作品。于是就按照他这张作品的风格,尝试延展做了四张新的图标。
设计思路教程!如何让你的图标具有说服力?
关于教程
今天给大家聊聊如何做出一个即美观又有说服力的图标。
前言
作为一名UI设计师,图标设计是我们刚入门就必须学会的必备技能之一,它是用户界面中绝对不可或缺的元素。通常我们理解图标设计的含义,是将某个概念转换成清晰易读的图形,从而降低用户的理解成本,提升界面的美观度。
C4D教程!教你制作可爱卡通手掌!(含源文件下载)
关于教程
闲暇时间用C4D做了些图标和样机。
现在C4D非常的流行,许多的ui设计师其实还并没有掌握这个技能,所以我打算录一期关于制作C4D拟物图标的教程,可能内容不是很全,只涉及到一部分,但是我希望可以借此延展出去,正式入门C4D。
除了这个作品教程之外,我还在研究一些挺有意思的玩意,围绕C4D针对ui,说不定能玩出一些不一样的东西~~
此次作品全部都由我本人建模、渲染及设计,我会提供图标的PNG原图,给到大家去包装或者使用,样机部分也会提供源文件直接替换即可。
自学路径PS教程!教你用滤镜制作水波纹字效!(含气泡素材)
关于教程
PS滤镜的一大实用技巧,马起来学习吧!
效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 新建文档
打开PS,新建文档,根据自己的需要设置大小和分辨率。
3D神器Blender!从准备入门到跨过门槛
关于教程
建议收入马场,因为很干~
正文图多且大,希望各位耐心等待加载
教程内容
大家好,我又来了我发现最近的几次更新
都是因为我开始熟练了新的「玩具」
比如上次的Procreate
以及这一次的3D制作神器「搅拌机」
为什么我要学做3D?
因为现在3D设计风格越来越火
为了跟得上大家的节奏
我「义无反顾」地向3D迈出「六亲不认」的步伐
先给大家看看我玩blender的一些作品
如果你愿意花点时间找教程学
你甚至还可以做出这样的效果
(以上三...
AI+AE教程!教你制作礼物贴纸动态图标!
关于教程
这是一套礼物贴纸类型的动态小图标。常见直播APP中的礼物图标一般以拟物、插画的形式居多,尝试做成扁平描边的风格看起来会更加清爽可爱哦~教程分为AI绘制与AE动效的部分,将会分开两部分进行讲解。
教程效果图
AI部分教程步骤
Step 01 新建文档
打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
Step 02 新建背景
2.1 在绘制前,首先确定已在菜单栏->视图中开启了「智能参考线」功能并且关掉对齐网...
设计思路教程!手机Banner中如何用好图形分割?(含实例讲解)
关于教程
这是我分享的第1篇设计文章,如果大家能耐心读完并有所收获,那后续还会输出更多~你们的支持就是我持续分享的最大动力~
「图形分割」就是用各种图形将版面分成几部分,然后将视觉元素根据分割后的空间和走向进行布局,这种方法能快速搭建版面框架,提升画面感。其实「图形分割」并不是什么新方法,之前很多人都做过介绍,但大多针对PC端,毕竟那时候电商还是以PC为主,现在电商全面进入无线时代,手机都成交比已超90%,设计都主阵地也从宽屏变成了窄屏,由横屏变成了竖屏,因此随着载体更替,「老方法」也要有「新...
PS教程!教你制作节日必备立体灯光字效!
关于教程
本期教程应用到PS中的图层样式和3D功能,手把手教你做一张节日氛围浓厚的灯光立体字效,一起来学习一下吧~
教程效果图
关键步骤提示
详细操作请看文章开头的视频教程演示。
Step 01 添加文字
输入文字并调整到合适的大小和位置,然后添加一个渐变色背景。
Step 02 图层样式
应用斜面和浮雕、内阴影、内发光、渐变叠加等效果,按照拟物的思路制作出文字表面的立体质感。
AE教程!如何制作Dribbble流行的拟态化开关动效?
关于教程
拟态化设计已经统治各大设计网站很长时间了,在扁平化的基础上,通过添加光影,可以让作品细节更丰富,非常有助于提升整体效果~
教程步骤
STEP 1 新建合成
新建合成,尺寸设置800*600,帧速率25,命名为微拟物开关
STEP 2 创建背景色动画
选择图层-新建-纯色
命名为背景色,颜色可以随意选择
选择背景色,右键 -图层样式-颜色叠加
将颜色设置为白色底色,并在第一帧打上关键帧
在第10帧将颜色改变为黑色底色,背景色动画创建完成
STEP 3 ...
自学路径100个必学PS技巧!有效提高你的工作效率(持续更新)
引言
本篇文章整理了 100 个 PS 软件中最常见、最实用、最高效的技巧教程,力求帮助各位同学将软件的效率最大化,提高大家的设计工作效率。
本合集适合对 Adobe Photoshop 有一定了解的同学深入学习,如果你是 PS 入门级的同学,建议你先了解一下 PS 的基本工具和界面,再来学习本合集。优优推荐你先学习以下这个系列:
知识树系列!