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

关注学UI设计网

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

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

学UI设计 746浏览 3个赞

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

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

学UI设计 651浏览 0个赞

如何创建太阳系行星图标包【AI教程】

如何创建太阳系行星图标包【AI教程】
我们先来看看最终的效果:   嗯,分析一下子: 1.漂亮的色彩,很梦幻,真实的太空代入感; 2.插画风格的图标; 3.八个图标的形式很相似(废话,谁都看得出啊); OK,接下来我们开始动手制作:   首先,新建一个文档,命名宇宙行星,800*600像素,颜色模式为RGB,分辨率为72ppi。   STEP1  创建默认的……继续阅读 »

学UI设计 1015浏览 2个赞

圆润可爱MBEstyle!教你绘制MBE风格图标

圆润可爱MBEstyle!教你绘制MBE风格图标
用MBE风格来创作图标或小型插画,看上去简洁、圆润、可爱。几乎是瞬间,这样的风格就风靡了整个互联网UI界。 前言 能修炼到自创一种风格的人绝不简单,Dribbble大神MBE就开创了一种新的视觉风格,大家于是把这种风格叫做MBE风格,用这种风格来创作图标或小型插画,看上去简洁、圆润、可爱。几乎是瞬间,这样的风格就风靡了整个互联网UI界。 我们今天就来一起学习……继续阅读 »

学UI设计 655浏览 2个赞

PS制作独特的旋转按钮图标设计教程

PS制作独特的旋转按钮图标设计教程
本教程主要使用Photoshop设计灰色渐变风格的播放图标教程,教程的主要部分都是用图层样式来完成的,骚年们赶紧行动起来吧^o^ 最终效果: 老规矩,先来分析一下。这里我们主要分为三个部分:底座、内圆、文字,其它问题都不大,主要是内圆部分、需要用到多个图层及图层样式,来表现图标的立体感,骚年分析完已经成功一半了,离成功还会远么,噢耶!!! 步骤一: 首先新建……继续阅读 »

学UI设计 691浏览 2个赞

品牌基因法做图标——实战篇

品牌基因法做图标——实战篇
菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下《品牌基因法做图标(升级篇)》 我们今天来聊的是一个真实的工作任务,做任务的整个过程分为以下几个阶段: 1.收到任务 2.找参考 3.根据参考执行 4.感觉没有品牌……继续阅读 »

学UI设计 399浏览 2个赞

Photoshop设计蓝色渐变风格的播放图标教程

Photoshop设计蓝色渐变风格的播放图标教程
本教程主要使用Photoshop设计蓝色渐变风格的播放图标教程,教程的主要部分都是用图层样式来完成的,骚年们赶紧行动起来吧^o^ 最终效果:老规矩,先来分析一下。这里我们主要分为四个部分:底座、外圆、内圆、半圆,问题都不大,主要是外圆部分、需要用到多个图层及图层样式,来表现图标的立体感,骚年分析完已经成功一半了,离成功还会远么,噢耶!!! 步骤一: 首先新建……继续阅读 »

学UI设计 635浏览 0个赞

5分钟卡通MBE图标UI教程

5分钟卡通MBE图标UI教程
本作品风格和案例由巴黎设计师MBE创造,本人只是给大家一个小思路。原文地址是作者作品链接。 再一次强调,本风格和案例由巴黎设计师MBE创造,原作都是AI绘制,这里是给大家一种PS绘制思路。 ·  STEP 01  · 矢量圆角矩形,改变其下方角度。 ·  STEP 02  · 把填充色关闭,把描边点开。右键点击大小输入框,然后选择像素,输入10像素。 · ……继续阅读 »

学UI设计 726浏览 2个赞

PS绘制收音机图标教程

PS绘制收音机图标教程
本教程主要使用Photoshop设计黄色渐变风格的收音机图标教程,教程的主要部分都是用图层样式来完成的,骚年们赶紧行动起来吧^o^ 最终效果: 老规矩先来分析一下,这里我们主要分为三个部分:底座、旋钮、显示屏、横线,大都问题都不大,主要是底座和显示屏比较麻烦一点,需要用到多个图层来制作高光效果,骚年分析完已经成功一半了,离成功还会远么?噢耶!!! 步骤一……继续阅读 »

学UI设计 627浏览 0个赞

超简单绘制精美微光icon

超简单绘制精美微光icon
新建800*600的文档,填充背景色#e2e2e2,用圆角矩形工具绘制一个圆角矩形,400*400px,然后添加渐变叠加,添加投影。 如果你上一步使用的是渐变叠加,这一步做剪贴蒙版做不进去的时候,记得打开图层样式里面的混合选项,勾选第一个,取消勾选第二个。 STEP05 用矩形工具绘制出流星的尾巴,用蒙版+渐变(前景色黑色,黑色到透明的渐变)擦出不透明……继续阅读 »

学UI设计 662浏览 1个赞

《PS教程》绘制超逼真的相机图标

《PS教程》绘制超逼真的相机图标
本教程主要使用Photoshop设计灰色渐变风格的相机图标教程,教程的主要部分都是用图层样式来完成的,骚年们赶紧行动起来吧^o^ 最终效果: 老规矩,先来分析一下。这里我们主要分为四个部分:底座、绿条、大镜头、小镜头,其他问题都不大,主要是镜头部分、需要用到多个图层及图层样式,来表现图标的立体感,骚年分析完已经成功一半了,离成功还会远么,噢耶!!! 步骤……继续阅读 »

学UI设计 566浏览 0个赞