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

关注学UI设计网

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

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

学UI设计 706浏览 2个赞

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

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

学UI设计 772浏览 2个赞

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

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

学UI设计 432浏览 2个赞

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

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

学UI设计 682浏览 0个赞

5分钟卡通MBE图标UI教程

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

学UI设计 779浏览 2个赞

PS绘制收音机图标教程

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

学UI设计 663浏览 0个赞

超简单绘制精美微光icon

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

学UI设计 719浏览 1个赞

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

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

学UI设计 597浏览 0个赞

悬浮森林!AI绘制3D矢量风格插画

悬浮森林!AI绘制3D矢量风格插画
你需要的不是绘画的技巧,而是上帝造物的能力。 前言 3D本来是一种非常精准的技术型的处理方式,需要非常复杂的数据计算,也需要软件进行建模等。而设计师在安排一副有3D风格的插画时,其实并不一定需要数据的精确模拟,说到底,插画作品是更贴近艺术的,因此在风格的处理上就可以更为自由。为了遵循3D的视觉模式,简单的3D效果用AI、PS等软件就可以做到,这需要的不仅是对……继续阅读 »

学UI设计 656浏览 0个赞

超简单3D icon教程详细版

超简单3D icon教程详细版
本期练习让你熟练掌握轻移(Ctrl+Alt+↓)的运用,通过颜色叠加做出立体效果。教程很详细,方法很简单,只需认真学,必能完成它。 首先让我们来新建一个高度为560,宽度为420. 填充背景为:#fbf5e7 选择圆角矩形工具 画一个180*180,半径为10的圆角矩形 填充颜色为:#a9d0e1 ctrl+t,然后右击旋转,旋转45°,然后右击……继续阅读 »

学UI设计 487浏览 0个赞

给你总结了这5个图标设计实战方法

给你总结了这5个图标设计实战方法
图标设计是界面设计最重要的组成部分之一,作为UI视觉设计师,这项技能已经是我们必须要掌握的基本技能,那图标设计要遵循什么样的原则呢?这5个图标设计方法都是我实战后总结的,适合新手进阶学习。 “识别性”、“符合行为习惯”、“原创性”、“易用性”··· 上面这些原则都是大的标准,在图标设计的时候起到了指导性的意义,但是这些规则其实都被大家说烂了,如果你对上面这几……继续阅读 »

学UI设计 678浏览 1个赞

腾讯设计师:空心图标是否比实心图标难以识别?

腾讯设计师:空心图标是否比实心图标难以识别?
腾讯游戏 – lance:在 UI 设计中,空心图标和实心图标应该在什么场景下使用?有人说,空心图标在视觉上比实心图标看起来更复杂,实心图标比空心图标识别度更高。 对此,设计师们各抒己见,一部分人表示赞同,认为空心图标使用线形描绘,相对实心图标更难识别,但能给人轻松、精致的感觉。而另一种观点认为,图标识别度的高低并不取决于实心空心,而是取决于图形、颜色等其……继续阅读 »

学UI设计 505浏览 0个赞