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

关注学UI设计网

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

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

学UI设计 583浏览 0个赞

PS制作购买按钮教程

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

学UI设计 728浏览 3个赞

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

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

学UI设计 789浏览 0个赞

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

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

学UI设计 657浏览 1个赞

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

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

学UI设计 1586浏览 14个赞

看似简单的几个动效,在APP中实现过程并不简单

看似简单的几个动效,在APP中实现过程并不简单
想要让产品能够像呼吸一样自然,动效的处理很关键。但是,对于远离设计和开发的普通用户而言,很难想象这些看起来无比简单的动效和交互是如此的耗费时间和精力。显而易见的设计背后,是技术和艺术通力协作。 在Tubik Studio 的设计实战案例当中,动效是很重要的组成部分,它们和整个UX 设计紧密关联,分割不开。今天的文章,我们来看看它的动效都是怎么实现的。 时间选……继续阅读 »

学UI设计 494浏览 2个赞

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

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

学UI设计 576浏览 1个赞

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

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

学UI设计 433浏览 0个赞

APP UI设计基础之UI设计中的布局编排原理

APP UI设计基础之UI设计中的布局编排原理
如果说色彩和图片是人的外在,那么版式编排就是人的骨骼,从基础上决定了一个人的内在。今天就带着大家一起从以下六个方面来探究下ui设计中的版式编排。 UI界面设计中,信息能被有效的传达,离不开良好的组织和布局,信息之间层级关系的表达非常重要,恰当的视觉设计,能够通过对界面ui设计元素的展现来暗喻信息之间的层级关系,能够减少用户在使用过程中产生的困惑和理解上的障……继续阅读 »

学UI设计 706浏览 4个赞

如何制作扁平化小人动画

如何制作扁平化小人动画
首先放上成品图,大家可以先不看教程,有能力的自己分析一下如何制作的,锻炼一下自己对设计作品的解析能力。 开篇语 特别感谢一下@嘉顿小熊饼 阿姨(老师),她好看的作品给了我很多灵感,特别是头像,喜欢的不行~嘿,所以这次小人的脸,我就用了她的风格(●′ω`●)。 一开始做这个小人,并没有想让她动起来,只是想练习一下Sketch(我不会告诉你们我今天才开始学&……继续阅读 »

学UI设计 573浏览 0个赞

APP如何进行视觉优化设计?

APP如何进行视觉优化设计?
视觉优化设计是什么: 视觉优化的特殊性在于已有设计基础进行再设计。   这意味着很多数据评价可以从原有版本中获得,同时用户对当前原有视觉设计是有态度的,或喜欢、或习惯、或厌倦,这些都是做优化时需要考虑的点。   为什么要做视觉优化: 1. 产品定位及功能发生转变(产品角度) 2. 提升用户体验(用户角度) 3. 运营及盈利性需求(公司……继续阅读 »

学UI设计 356浏览 0个赞