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

关注学UI设计网

底部动作栏总结

底部动作栏总结
前段时间B站对视频缓存功能做了一次调整:之前用户想要缓存当前视频只需点击“缓存”图标就行了,新版本中用户必须点击右上角的“更多”图标调出底部动作栏,然后再进行缓存操作。   但是B站官方上传的视频缓存入口依然保留在之前的位置,个人推测因为普通up主所发布的视频长短不一,良莠不齐,更多的场景是用户阅完即走,缓存的需求不……继续阅读 »

学UI设计 166浏览 0个赞

利用PS制作数据APP界面教程

利用PS制作数据APP界面教程
哈喽!大家好,我又来咯~上一次的卡通小乌龟教程,好多同学反映部分过程不是很清楚,看来这次我要一步一步告诉大家了。当然相信各位同学在上一次都会有些许收获。那么在这期我会带大家画一个手机界面,别看简单,说不定你也会在这个过程有收获哦。 PART1:首先是展示效果图   PART2:创建文件、设置背景 步骤一:文件-新……继续阅读 »

学UI设计 211浏览 0个赞

photoshop快速实现渐变扁平化插画风

photoshop快速实现渐变扁平化插画风
渐变扁平插画风应用在APP闪屏、H5设计、海报、UI界面中、扁平化简单的插画风格让更多人所接受喜爱。 这些简约扁平唯美的插画风如何从无到有的过程呢,除了用手绘板去画,其实用AI PS也可以完成这样的插画风。   今天带给大家……继续阅读 »

学UI设计 248浏览 2个赞

六种常见隐藏菜单

六种常见隐藏菜单
很多产品设计的症结在于,一方面界面要简单,另一方面功能要丰富。为了解决这个问题,隐藏菜单被发明了,可以把无穷多个信息塞到这个看不见的秘密容器中。隐藏菜单在PC时代简直是标配,上屏幕绝大部分空间,只要不是灰色背景,基本上只要点右键就能唤起隐藏菜单。这简直影响了一代用户的操作直觉——哪里不会点哪里,左键不行点右键。 iPhone 开启了手指触……继续阅读 »

学UI设计 198浏览 0个赞

PS制作扁平夜景房屋插画教程

PS制作扁平夜景房屋插画教程
哈喽~大家好,这次我给大家分享一个小插画:扁平夜景房屋。我用的是PS哦,AI 也可以。 首先整理下大致内容: 1:布尔运算运用 2:简单图层样式的运用 3:渐变色应用 4:细节把控   PART1:绘制背景 Step1.首先新建画布1200*900px,分辨率72px,然后画个矩形做底色,填充颜色……继续阅读 »

学UI设计 248浏览 0个赞

如何利用网格系统科学地打造APP界面

如何利用网格系统科学地打造APP界面
在视觉设计师设计一款APP的时候,最先要制定一套完善可行的设计规范,其中会详细定义颜色、文字、图标、结构、布局、间距等要素。但是很多设计师往往会忽视一个重要的东西,那就是网格系统的构建。网格系统可以说是整个页面的骨架,它将页面中所有的设计元素高效有序地组织起来,从而让整个APP的设计具有高度的一致性和规律性,提高设计师工作效率,避免凭感觉做设计。本文将从网格……继续阅读 »

学UI设计 212浏览 0个赞

如何绘制功能图标基础篇?

如何绘制功能图标基础篇?
想想图标的绘制也是有历史的,从刚开始ps用面切法运用布尔运算去切,有时候线条也是用面切面得到。随着线性图标的火爆和普及,开始放弃面切法,转用钢笔工具直接绘制,还可以很好的控制线的直角和圆角。当你会使用Ps绘制图标了,换成ai你会发现更加的快捷方便。随着Sketch软件在界面设计中有一席之地,在Sketch里快速绘制图标也是设计师需要掌握的一门……继续阅读 »

学UI设计 263浏览 0个赞

教你如何绘制风格统一的APP界面图标

教你如何绘制风格统一的APP界面图标
此教程针对新手阶段刚开始做APP界面的同学,如果你是资深老司机看到这篇小教程可以自动忽略,当然也可以来互撩 初次做APP的同学,绘制图标是占界面问题比重较大的一块内容,虽然网络资源很多, 但仍旧做不好一套统一风格及趣味性的界面功能图标,特此,来专门举证说一下这个问题, 如何绘制风格统一的APP界面图标?   &……继续阅读 »

学UI设计 261浏览 0个赞

AI绘制图标小技巧

AI绘制图标小技巧
后来在项目中不断摸索,总结了几个小技巧,让我的绘制效率提升至少50%以上。今天和大家分享一下其中常用的四个小技巧,它们分别是:图形与描边、转角工具、形状生成工具和路径偏移。文中使用的软件是AI工具,作个剧透下期讲 Ps、AI、XD、Sketch画图标分别有什么优劣势。   01. 技能:巧用图形与描边 举个“……继续阅读 »

学UI设计 278浏览 0个赞

素雅质感播放器ICON制作

素雅质感播放器ICON制作
今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下 >>> 第一步: 新建画布,大小自定,填充一个淡色。 第二步: 画一个圆形,大小自定,填充如下。   接上边的数值。     第三步: 复制底圆,然后C……继续阅读 »

学UI设计 256浏览 0个赞

AI教程!2.5D等距视角二维码插画

AI教程!2.5D等距视角二维码插画
简述: 在我们现在的生活中,二维码随处可见。我们对二维码的第一印象是白底加上随机的黑色方块堆积成的一张图,随便找几个二维码都很难分辨。但是如果我们通过一些手法来使得我们的二维码极具个性呢?本次教程就来教大家如何使用ISO的绘图方式在不破坏二维码的标识的情况下,绘制出纪念碑谷风格的插画。 ……继续阅读 »

学UI设计 1335浏览 1个赞