分享此网站可得100G教程,联系小洁领取点击这里给我发消息

关注学UI设计网

五天Principle从入门到精通01-简单的Toast动画制作

五天Principle从入门到精通01-简单的Toast动画制作
小编:五天Principle从入门到精通,一起来学习吧~ 今天我们练习做一个非常基本的动画,熟悉Principle最基本的操作和界面布局。那么课程开始啦。 在这里,我们选择做一个toast动画。设计师们有了自己设计的toast体系,就可以告别系统原生的toast。同时,我们也可以拿着实际效果,在开发小哥面前演示toast动效,再也不用比划半天也说不清楚。 &……继续阅读 »

学UI设计 395浏览 1个赞

金融APP炫酷UI动效设计

金融APP炫酷UI动效设计
本视频针对UI动效0基础朋友开设,讲解金融APP动效实例 ,运用了AE蒙版、修建路径、文本动效等,轻松捕获一系列UI动效玩法。 视频地址:https://v.qq.com/x/page/b0559bn8ifj.html 最终效果呈现   ……继续阅读 »

学UI设计 230浏览 1个赞

UI设计图标绘制深层知识

UI设计图标绘制深层知识
@duanjianlove 写这篇文章呢,只是想把我这几年学到的技巧 + 自己亲身遇到问题 + 摸索解决 告诉大家,相信里面的问题大家也遇到过,也有些细节大家在阅读这篇文章前已经掌握,希望大家推荐给更多人学习这些细节。   原文地址:站酷 ……继续阅读 »

学UI设计 325浏览 1个赞

PS制作开关按钮图标教程

PS制作开关按钮图标教程
首先看一下效果图 首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。这个图标分为五个部分:灰色底板、白色底板、圆、按钮图标,主要是运用图层样式,来表现图标的立体感,分析完已经成功一半了,在大脑里面就会有一个大概的形状了,你就离成功还会远么。 第一步:新建一个画布,填充颜色:#ded2c6 第二步:用椭圆工具画一个圆,圆的大小你自己定……继续阅读 »

学UI设计 364浏览 0个赞

4个规律快速画好断线图标!

4个规律快速画好断线图标!
对于图标如何断线,如果是经验丰富的设计师,估计靠感觉做就可以了,但不是大神的我们怎么办呢?总得有点规律让我们参考吧。虽然有些规律不能全盘通用,但这次总结一定能给你带来帮助。 大纲如下: 1. 先考虑在拼接处断线 2. 平衡视觉复杂度 3. 避免正中间处断线 4. 尽量让图标一笔画完   一. 先考虑在拼接处断线 如果一个物体是由两个部分组成,当……继续阅读 »

学UI设计 271浏览 0个赞

PS制作微拟物化时钟图标设计教程

PS制作微拟物化时钟图标设计教程
效果图 首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。这个图标分为五个部分:背板、时钟圆盘、时钟针,、微拟物主要是运用图层样式,来表现图标的立体感,分析完已经成功一半了,在大脑里面就会有一个大概的形状了,你就离成功还会远么。 第一步:新建一个画布,对画布填充颜色,我在这里就不多做说明了,可以添加杂色等等。(这里你可以发挥想象,学……继续阅读 »

学UI设计 551浏览 0个赞

PS制作空调旋转按钮图标教程

PS制作空调旋转按钮图标教程
效果图: 首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。这个图标分为五个部分:背板、进度条、旋钮、图形,主要是运用图层样式,来表现图标的立体感,分析完已经成功一半了,在大脑里面就会有一个大概的形状了,你就离成功还会远么。 用椭圆工具画一个大圆,按住alt键画一个小圆,这样就会得出来一个圆形,在按alt键画一个矩形,剪切圆形的下半部……继续阅读 »

学UI设计 413浏览 0个赞

PS制作购买按钮教程

PS制作购买按钮教程
  今天我们来做一个购物按钮,这个相对来说比较简单,我就不分析了,直接上手去做了。 效果图: 第一步建立背景,新建一个400*300像素的画布,渐变填充#046cfa-#074177 新建一个圆角矩形,大小119*73, 内阴影颜色#71d1ff 添加一个阴影,画上面同样一个圆角矩形,向下移动10个像素,并羽化10个像素,得到以下效果。 画下半部分的……继续阅读 »

学UI设计 559浏览 3个赞

PS制作碎纸机教程【教程】

PS制作碎纸机教程【教程】
这幅插画虽然看起来简单,但却是细节满满哦,写这个教程主要是想和大家分享一些PS的小技巧和快捷键,让小白们画起插画来更容易~所以具体的参数就请大家参考源文件啦,教程就不多赘述了,我们开始吧~ 1.首先打开我们设计师的作图神器ps吧!新建一个800*600px的画布,用矩形工具画一个长方形,然后按住alt键在同一个图层画一个小正方形;用钢笔工具删除正方形左下角的……继续阅读 »

学UI设计 619浏览 0个赞

《Lit the Torch》解密游戏Icon[教程]

《Lit the Torch》解密游戏Icon[教程]
划重点: 制作过程使用到钢笔工具、剪切蒙版以及图层样式。通过案例分析思路,制作起来就会非常简单,动手做起来吧!   分析整体 做一个Icon的时候,无论是临摹还是原创,都是一样的顺序。 1. 先把整个Icon内容元素划分一下,确定画面元素; 2.区分每个图层,然后按照顺序勾画出来。 整理好思路,现在我们开始动手做起来吧!   步骤一……继续阅读 »

学UI设计 450浏览 1个赞

用PS制作动感激爽水花文字

用PS制作动感激爽水花文字
有时候,我们需要一些激爽的视觉体验,这时就可以利用水花的造型来制作出这类视觉效果。 前言 有时候,我们需要一些激爽的视觉体验,这时就可以利用水花的造型来制作出这类视觉效果。利用PS中的置换滤镜,其实就可以很轻松做到这点。将文字融入环境细节中,这一点相信是设计师都想要拥有的魔法。 你将要学会的是: 1、如何制作质感较强的文字 2、运用PS中的置换滤镜对特定场景……继续阅读 »

学UI设计 1204浏览 11个赞