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

关注学UI设计网

PS制作下载图标设计教程

PS制作下载图标设计教程
效果图: 首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。这个图标分为五个部分:背板、圆环、蓝色圆、下载图标,主要是运用图层样式,来表现图标的立体感,分析完已经成功一半了,在大脑里面就会有一个大概的形状了,你就离成功还会远么。 第一步,建立一张画布,并添加径向渐变填充,颜色数值就自己去调了。 第二步,用圆角矩形画一个背板,并添加……继续阅读 »

学UI设计 674浏览 0个赞

UI设计图标绘制深层知识

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

学UI设计 677浏览 1个赞

PS制作开关按钮图标教程

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

学UI设计 645浏览 0个赞

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

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

学UI设计 580浏览 0个赞

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

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

学UI设计 969浏览 0个赞

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

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

学UI设计 772浏览 0个赞

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

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

学UI设计 994浏览 1个赞

PS制作中国风碗中鱼图标教程

PS制作中国风碗中鱼图标教程
今天想做一个中国风的图标,想象一下中国风的元素有哪一些,根据中国的特有的一些特色,我们可以通过百度一下,我这里就不操作了我就去找了这么一张图片。 首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。这个图标分为五个部分:背板、水缸、水纹,金鱼、漂浮物,主要是运用图层样式,来表现图标的立体感,分析完已经成功一半了,在大脑里面就会有一个大概……继续阅读 »

学UI设计 881浏览 1个赞

5步就能制作出一个高逼格图标教程

5步就能制作出一个高逼格图标教程
今天接到老板一个需求:制作一个播放器图标。 接到这个需求的时候,我们需要找关于播放器的一些设计元素,在百度看到很多都是用三角形箭头表示的非常多,于是可以用手绘一张三角形的图标给老板确认,老板得到的反馈是用以前放映机的转盘为元素,于是又画了一张找老板确认。老板最终定稿后,我们就可以上机作图了。 写这些的时候我本打算画好图贴上的,可是时间不够,这个以后给大家补上……继续阅读 »

学UI设计 617浏览 0个赞

设计师应该知道的图标基础知识

设计师应该知道的图标基础知识
如今的用户界面中,图标绝对是不可或缺的元素。虽然绝大多数的图标都很小,甚至不被人注意到,但是它们帮助设计和用户解决了许多问题。图标是可用性和导航的关键,用户能够感知到图标的功用,但是只有设计师才会明白,想要让图标简约、可用还富有表现力,要耗费多少时间和精力。 乔布斯曾经说过:“细节至关重要,花费时间仔细打磨是值得的。”图标是现如今UI界面中可用性和导航体系的……继续阅读 »

学UI设计 839浏览 5个赞

Ae制造-制作livephoto动态图标教程

Ae制造-制作livephoto动态图标教程
最近在处理一些icon动效方面的工作,细细研究了下苹果这个容易被忽视的动态livephoto启动icon,顺便模仿了一下,分享一下制作过程,相对还是比较简单的。 文中需要用到的弹性表达式 amp = .3; freq = 0.8; decay = 10; n = 0; if (numKeys > 0){ n = nearestKey(time).……继续阅读 »

学UI设计 789浏览 0个赞