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

关注学UI设计网

方正设计师:UI界面中的字体应用

方正设计师:UI界面中的字体应用
树深时见鹿,海蓝时见鲸。在静心学习字设的这段日子里,重塑了对「造字」二字的敬畏之心。 作为方正的UI字体设计师,能在这样的环境中工作学习,是非常幸运的。
工作和生活中常常能与仇寅老师、汪文老师还有齐立老师这样的高级字体设计师接触学习,参加他们公司内部分享会。 本文是总结提炼了老师们的分享内容,融入了自己对于UI中字体设计的小思考。希望大家可以多多交流,发表不……继续阅读 »

学UI设计 397浏览 0个赞

PS制作彩虹的按钮图标设计教程

PS制作彩虹的按钮图标设计教程
大家好,今天我们来学习彩虹的按钮图标。 建立画布800x600pi,填充颜色为#a846ff。复制一层做一个渐变叠加得到画板效果 接下来我们做按钮,建立一个圆角矩形308x308pi,半径为68 给椭圆矩形做效果,混合模式:斜面浮雕——颜色叠加——投影看过前面课程的同学应该知道,我们做完底部后,要一步步做投影。复制一层,填充黑色,下移20,高斯……继续阅读 »

学UI设计 448浏览 1个赞

怎么设计才能让一个音乐APP看起来够专业?

怎么设计才能让一个音乐APP看起来够专业?
所有人都热爱音乐。尼采也曾说过:“没有音乐,生活就会是个错误。”所以,不用争辩,音乐已经是我们生活中不可分割的一个重要组成。 很难说现在到底有多少音乐类的APP、网站和服务,但是我们可以预见到的是,它会继续发展,设计师依然会持续不断地收到需求,为不同的音乐类的服务设计界面和体验。这也是为什么今天我们会专门撰文,来探讨音乐类产品的界面设计。 用户对于流媒……继续阅读 »

学UI设计 248浏览 0个赞

PS制作可爱云朵的icon图标设计教程

PS制作可爱云朵的icon图标设计教程
今天来学习一个可爱云朵的icon。 首先建立一个画板背景径向渐变 接下来就是画个小云朵,小云朵大家应该会用布尔运算画吧,不会画的话,私聊编主,后台发送布尔运算教程。小云朵一个五颜六色的彩,混合模式,渐变叠加 复制一层下移2个像素,修改不透明度 复制一层上移1个像素在复制一层云朵上移6个像素 接下来画中间的微信图标,一样运用布尔运算画出来,用混合模式做出想要……继续阅读 »

学UI设计 415浏览 2个赞

loading加载设计,UI设计高手都关注这个小细节

loading加载设计,UI设计高手都关注这个小细节
无论你的界面设计得再好,有时候用户还是无可避免地会碰到需要加载时间的情况。加载时间(loadingtime)会影响用户体验,让用户等太久会让他们失去耐心。一旦他们有这样的感受,很可能就换别的网站或者APP用去了。幸好,我们有一些设计技巧可以让用户有更好的加载体验。   1.及时给用户反馈 如果用户当前的网络情况不是特别好,那么把页面加载出来的时……继续阅读 »

学UI设计 327浏览 0个赞

UI设计教程之app icon的绘制及优化

UI设计教程之app icon的绘制及优化
图标有以下分类:系统图标,操作界面图标,手机主题图标。今天我们来改一组移动端APP图标。同学们在设计界面的时候,总是在设计icon这个板块出现很多问题,比如:一些同学在做首页tab bar上的icon时出现一些比较基础的问题:icon不清晰,或者是描边不统一,图标排在一起忽大忽小,不稳定,设计风格不统一等,接下来我们用一个案例来带着同学们一步一步了解icon……继续阅读 »

学UI设计 286浏览 1个赞

PS制作闹钟图标设计教程

PS制作闹钟图标设计教程
1.新建一个画板 2.背景填充为#aab6bb用蒙版工具做一个亮光,得到下面效果。 3.建立一个512x512pi的圆角矩形,半径为120pi,颜色填充#2c2e30。复制一层,不透明度10%,建立图层蒙版,可以得到上面的亮光,这样我们就是把光源设置为顶光之前讲了一个物体有暗面就会有亮面,当然有亮面,也会有暗面。所以我们复制一个,不透明度为80%,建立一……继续阅读 »

学UI设计 413浏览 1个赞

PS制作ipone商店图标设计教程

PS制作ipone商店图标设计教程
今天教大家一个熟悉的图标。相信绝大多数的同学们都使用ipone,ipone的图标大家也已经很熟知。 在十年前,第一代ipone的问世,开启了手机触屏时代,小编认为啊,现在的手机屏越来越大的原因,跟一些的人手指头比较大有一定原因。因为屏太小,一不小心就点到两个图标,完了后台懵逼了,不知道开哪一个,后台管理就打架,最后死机了。那这肯定是个bug,完了手机屏幕就越……继续阅读 »

学UI设计 338浏览 2个赞

PS制作医疗图标设计教程

PS制作医疗图标设计教程
1.新建一个800×600的画布,混合模式渐变填充 建立402x402pi的圆角矩形正方形,半径为100. 建立中心发光点,创建一个椭圆进行高斯模糊 建立一个2x68pi的长条,颜色填充为cdcdcd,复制一个,填充为白色,得到图形 根据角度,旋转复制6个,得到图形, 建立一个266×266的圆心,图层样式:渐变叠……继续阅读 »

学UI设计 382浏览 0个赞

《纪念碑谷2》图标教程[ps教程]

《纪念碑谷2》图标教程[ps教程]
作者:秒针   @秒针 经典揭秘冒险游戏《纪念碑谷2》在App Store上架已经两个多月了。它的新版图标看起来华丽清新,不妨跟着教程绘制一下,通过它来练习钢笔工具和学习绘制扁平插画游戏图标的基本思路。 使用工具:   1. 新建画布,尺寸512*512,分辨率72ppi。用圆角矩形工具绘制一个圆角为90px的512*5……继续阅读 »

学UI设计 971浏览 5个赞

PS漂亮的剪纸堆叠风格教程

PS漂亮的剪纸堆叠风格教程
今天给大家带来的是一款剪纸风格的小插画制作, 这是QQ浏览器秋分时候的闪屏,画面很有设计感,一层层做出剪纸堆叠的效果,就像小时候流行的立体贺卡,所以就决定临摹一副,也把自己的经验分享给大家。 下面是教程 1. 新建一个750*1334px的画布,分别画出534*534px和130*130px的圆,摆好各自的位置后,画出一个合适大小的圆角矩形连接两个圆,然……继续阅读 »

学UI设计 977浏览 0个赞