最美UI

标签:图标

图标设计

图标设计!Photoshop制作精致的金属音乐播放器图标

43

图标设计!Photoshop制作精致的金属音乐播放器图标

制作图标之前,有很多的工作要做,先找出相关的实物图参考,然后自己构思出想要的效果并画出草图。后期用PS慢慢细化,把想要的形状、颜色、质感、纹理等都表现出来即可。 最终效果 1、新建一个600*600画布。 2、来个白到灰的径向渐变。 3、椭圆工具画个300*300的圆。 4、直接...

阅读(289)评论(0)

图标设计

ui图标教程!PS质感icon图标绘制教程

2

ui图标教程!PS质感icon图标绘制教程

今天跟大家分享一篇关于如何用PS绘制一枚质感超强的狼文字icon图标绘制教程,主要讲述光源以及质感、透视上的使用技巧,跟着大神的脚步一起学习起来吧!     最美UI|学ui设计联盟|一起努力学设计! 最美UI zuimeiui.com 学ui设计最值得关注的...

阅读(279)评论(0)

ui设计教程

图标绘制教程!一枚拟物化音乐光盘图标绘制教程

1

图标绘制教程!一枚拟物化音乐光盘图标绘制教程

拟物化图标光盘,虽然现在做UI太多追求扁平化设计,但是做以下拟物化设计还是可以锻炼自己的技能的,本次主要练习混合选项中的各种操作的使用。让我们动起手来,立马绘制一枚漂亮的拟物化音乐光盘图标吧。 最美UI|学ui设计联盟|一起努力学设计! 最美UI zuimeiui.com 学ui...

阅读(2100)评论(0)

ai设计教程

5分钟AI教程!快速用AI绘制一个渐变邮箱图标

8

5分钟AI教程!快速用AI绘制一个渐变邮箱图标

重塑你的标志在风格与这个快速教程中创建一个渐变邮箱图标在Adobe Illustrator CC。我们将从头开始构建我们的图标设计与快速而简单的形状和双梯度和效果时从外观面板来完成我们的设计。 步骤1 使用矩形工具画一个矩形(M)。拉住角落内轮出来一点。 步骤2 使用钢笔工具(P...

阅读(460)评论(0)

ui设计教程

伪3d教程!教你画个小卖部

3

伪3d教程!教你画个小卖部

有酷友提到和之前的某大神教程相似,首先我得说一下,这位大神的作品很好,我也很喜欢,但是这个房子画之前我甚至没进入过他的主页及任何作品,而房子也是我参考一些扁平的icon修改优化而来的。 其次做这个教程是在我发追波合集时,网友留言要我做个教程,我才做的。而且整篇只是介绍我制作的流程...

阅读(210)评论(0)

图标设计

图标教程!教你如何绘制一枚酷炫的多彩圆环

1

图标教程!教你如何绘制一枚酷炫的多彩圆环

蛮经常在网上看到圆环形式的图标设计方式,今天分享一个酷炫的圆环教程,教程简单易学! 不过里边提到的方法特别使用,无论是绘制图标还是Logo设计都会经常用到,一起跟着Sevenmoly同学来练个手。 注:第3步,得出形状后,形状本身旋转60°即可。 来源:站酷 作者:Sevenmo...

阅读(5111)评论(0)

图标设计

图标教程!如何从零开始绘制一枚线性图标

19

图标教程!如何从零开始绘制一枚线性图标

今天的教程除了一枚线性图标的操作演示,更重要的是帮同学们领会UI设计师必备的化繁为简,抽丝剥茧的能力。初学图标绘制的同学,绝对需要里边提到的这个方法~ 几何 对于初学者来说,我们可以这样理解,任何东西都可以用这四种图形组合而成: 当我想要用图标来表现一个物体时,我会先仔细观察,然...

阅读(5794)评论(0)

图标设计

简单实现描边图标绘制!三步实现“实用型”描边风设计

13

简单实现描边图标绘制!三步实现“实用型”描边风设计

2016开始火爆的描边风相关设计相信大家都已经看烂了,这次来分享个简单实用的三步走描边风设计教程 对不起,我又跳票了~   APP启动页的教程再等下一期吧,大家先看看这篇教程(*^__^*) 如果还不知道描边风是什么的可以先看下面几张图 以上这种又萌又漂亮的设计风格就叫描边风~...

阅读(4646)评论(0)

图标设计

图标技巧!圆角矩形的三种常见绘制方法

3

图标技巧!圆角矩形的三种常见绘制方法

绘制图标中最经常用到的是圆角矩形背景,那这么个圆角矩形是如何绘制的,很多UI设计师对于这个有疑惑,当然也有各种不一样的绘制方法。今天分享三种常见的圆角矩形的做法给大家,希望可以由此拓展出更多的绘制技巧。如果你有不一样的绘制技巧,也欢迎到群里分享给其他设计师! 最后分享了羊角螺线(...

阅读(1394)评论(0)

ai设计教程

AI教程:手把手教你绘制SVG圣诞图标

17

AI教程:手把手教你绘制SVG圣诞图标

圣诞节虽然与西方人的信仰有关,但对于我们中国人来说,这是一个和浪漫、娱乐和送礼有关的节日。那么,就让我们用AI来绘制一组SVG格式的圣诞嘉年华图标吧。网页设计师们应该并不陌生,网络的网页字体图标就是利用SVG插入网页显示的,它保持了高清的完美细节,在多平台的网页里受到追捧,这篇教...

阅读(3296)评论(0)

photoshop学习教程

设计入门指南!玩转Photoshop中的形状工具

26

设计入门指南!玩转Photoshop中的形状工具

什么叫基本形状,具体的定义,估计需要回小学问一下老师。在我的理解中,基本形状不外乎圆形与多边形。圆形有正圆、椭圆、卵圆。而多边形则更多,三 角形,四边形,五边形,六边形等等。三角形又有直角三角形,等边三角形,等腰三角形。四边形有规则的四边形,又有不规则的四边形。不规则的四边形,例...

阅读(1961)评论(0)

ai设计教程

AI教程!快速绘制一个简单的里程计写实图标

36

AI教程!快速绘制一个简单的里程计写实图标

下面我们将会使用AI创建一个简单的里程计。使用到一些基本工具和混合技巧来达到效果。开始吧! 1.创建新文档,添加一个简单的背景。 step1 Ctrl+N创建新文档,单位项选择像素。宽高600像素。点开高级选项,选择RGB模式,分辨率72像素。使新建像素与网格对齐为未选择状态。确...

阅读(3088)评论(0)

素材下载

干货分享:8个外太空图标PSD源文件打包下载

2

干货分享:8个外太空图标PSD源文件打包下载

最美君:收集8个来自Dribbble设计大神分享的8个外太空科技图标PSD源文件打包下载咯!学ui的各位新同学们可以进行点击下载查阅学习。 图标设计手法蛮细腻的 尤其光源的使用,个人蛮喜欢的! 需要附件的朋友呢~ 请看下面!! 百度网盘:http://pan.baidu.com/...

阅读(3385)评论(0)

图标设计

图标设计:教你设计个小清新地图图标

45

图标设计:教你设计个小清新地图图标

@P大点S微博 :今天的教程是一个小清新风格的定位图标,操作不复杂,重点是图标样式的应用。源文件已打包,来收! PSD源文件  打包下载:http://pan.baidu.com/s/1qWYXqlm 效果图: 新建文档,这里我用的是800*600像素,画一个圆角矩形,颜色#e8...

阅读(6140)评论(0)

图标设计

图标设计:小清新ICON图标绘制UI设计教程附PSD

1

图标设计:小清新ICON图标绘制UI设计教程附PSD

现在最流行的小清新风格来袭!UI设计入门级教程,ICON图标绘制小清新图标,作者@Rolez 提供一个稍微有提升点难度的图标设计教程。 跟着Rolez的教程步骤,我们一步步的实操看看吧! 欢迎在底部评论出提交设计练习作业(如何交作业?不懂,点这里),也欢迎到设计群组里交流设计心得...

阅读(11292)评论(0)

设计理论

涨姿势:UI设计师都应该知道的ICON知识

24

涨姿势:UI设计师都应该知道的ICON知识

图标是UI设计师必会技能之一,而一个好的icon是怎么设计出来的呢? 今天我们来给大家一个图标设计的全面知识汇总: 首先,在制作图标前要考虑以下几点(拿张纸默默写下来): 你的icon主要适用于什么设备? 需要什么风格的icon? 有没有其他设计要求? 接下来我们进入设计过程:...

阅读(7938)评论(0)

图标设计

PS教程:台湾设计师教你快速制作圆形渐变图标

13

PS教程:台湾设计师教你快速制作圆形渐变图标

@Akane_Lee :看到有人问这种圆型 icon 要怎么做,觉得很有趣稍微思考一下原理,做了个简易快速版本。比不上原版精致、只是记录思考方式。 中间的渐层色 画一个圆,设图层样式,角度。 凹进去的部份 其实是用迭的,再画一个半圆,设内阴影。 中心 画一个圆,用图层样式设定,一...

阅读(5911)评论(0)

设计视频

关于UI的那些事

2

关于UI的那些事

胃袋与大家分享尺规作图心得2(示范篇),如有错误,欢迎更正:) 打个无耻的小广告: 新主题“树莓”已上架,主题下载地址:http://t.cn/Rv3OsPP(或见下方二维码,手机扫一扫就能下载了噢:) 注:只适用于miui系统噢! 手机扫一扫就能下载了噢:) 原文地址:站酷ZC...

阅读(17476)评论(0)

图标设计

拟物化图标!来个帝王厕纸图标

3

拟物化图标!来个帝王厕纸图标

小美说:自从大家成功的被apple公司的扁平化设计给洗脑后,所有的设计师也渐渐的遗忘了最早的精美拟物化图标设计,今天@rwds分享一个拟物化图标的绘制过程跟大家一起重温当年一个图标画一整天的日子,如果你也有这个感触,来群里跟我们一起说说吧! 最美UI|学ui设计联盟|一起努力学设...

阅读(15313)评论(0)

设计理论

颜色识别!通过颜色加强图示识别性

13

颜色识别!通过颜色加强图示识别性

文字、图片(影片)以及图示可以说是用户界面中最重要的三种基本元素,使用图案代表文字有很多的优点:例如跨越语言限制、降低制造成本、降低学习成本等等。 最常见的一个例子就是男女生厕所的区别标志,从最常见的人形符号、性别符号以外,我们也常在许多场合看到各种创意的性别区别符号,像是电影「...

阅读(24149)评论(0)