ui设计教程

超简单!两步骤搞定炫酷的APP界面效果

33

超简单!两步骤搞定炫酷的APP界面效果

老王说:在我们制作界面的时候,经常会看到网上有很多的绚丽的界面,他们的图形都非常炫酷。 如何才能快速的制作出这样效果呢?那么今天MICU教大家如何使用两步方法制作炫酷的APP界面。 第1步 绘制图形 新建图层选择画板(ps cc 2015才有的功能),选这iPhone6的尺寸大小...

阅读(318)评论(0)

学UI必看!iOS APP设计流程实战讲义!

9

学UI必看!iOS APP设计流程实战讲义!

今天给大家带来一份“干货”,作为一名UI设计师,我们来了解一下一款APP从项目启动到切图输出的全过程,大家可以把这个相当于企业工作流程吧,但由于各公司之间存在一些差异,但终究还是有想相通之处,希望对大家能得到一些启发。 另外想说的就是,这里讲的是一种工作方法,并不是工作规范,因为...

阅读(466)评论(0)

微信小程序!关于微信应用号设计的那些官方规范

37

微信小程序!关于微信应用号设计的那些官方规范

微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户的尊重的基础上的,旨在微信生态类建立有号、高效、一致的用户体验的同时,最大程度顺应和支持各业务需求设计,实现用户与程序的共赢。 一、友好礼貌 为了避免用户在微信中使用...

阅读(781)评论(0)

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

1

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

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

阅读(292)评论(0)

图标绘制教程之我的家有个马桶

1

图标绘制教程之我的家有个马桶

今天跟大家分享一篇关于图标绘制教程之我的家有个马桶,从矢量图标绘制的方法讲到最后用PS实现逐帧动画的实操步骤,有兴趣的赶紧Get起来这个技能!!   最美UI|学ui设计联盟|一起努力学设计! 最美UI zuimeiui.com 学ui设计最值得关注的UI学习教程交流平...

阅读(487)评论(0)

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

3

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

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

阅读(227)评论(0)

这些你不知道的iOS10 新设计的弊端

10

这些你不知道的iOS10 新设计的弊端

iOS10已经发布有一些时日,作为ui设计师的我们对于这个新版本的设计当然需要做好跟进,但是iOS 10的新设计不能盲目的跟风,今天分享来自站酷设计师 海边来的设计师 分享的关于iOS 10新设计的弊端分析干货,作为ui设计师你赶紧收藏品读一番吧! 分享:海边来的设计师 最美UI...

阅读(263)评论(0)

AutoLayout入门教程!告诉你如何一稿适配所有iOS设备

16

AutoLayout入门教程!告诉你如何一稿适配所有iOS设备

智能手机发展到今天,屏幕尺寸变的越来越多,iPhone从最初的3.5寸屏幕,到后来推出的4寸屏,直到苹果推出iPhone 6 和 iPhone 6Plus,也宣告着苹果阵营被彻底攻破,进入了屏幕尺寸碎片化的时代。只为某一个屏幕尺寸设计的日子已经不在存在。为了适配所有的屏幕,设计师...

阅读(346)评论(0)

京东UED干货!最新京东APP 无线视觉设计规范

3

京东UED干货!最新京东APP 无线视觉设计规范

分享一篇大公司的设计视觉规范范本《京东UED干货!最新京东APP 无线视觉设计规范!》 如果不懂做规范的同学,可以参考本次分享的京东的APP视觉设计规范,当然,不同公司有不同的说明,但大致也是一样的;如有其他好的视觉规范,也欢迎到我们学ui交流群里交流分享。 最美UI|学ui设计...

阅读(1067)评论(0)

网易UEDC干货!六步带你一起透视网易设计规范

24

网易UEDC干货!六步带你一起透视网易设计规范

文:网易UEDC / 吴良 读者对象:刚接触产品设计的视觉设计师 序:对于刚入行的新人,可能觉得设计规范是一件很高大上又很让人头疼的事情,面对这么多设计模块感到无从下手。设计规范如果考虑不到位,往往会出现规范太空洞缺乏实际指导意义、规范太死板影响设计发挥等问题。这篇文章会从新人的...

阅读(750)评论(0)

提高设计效率!移动端APP UI 设计规范详解

34

提高设计效率!移动端APP UI 设计规范详解

移动端 APP  UI 规范详解, 专注规范解析,提高设计效率!提升用户体验维度!今天分享一篇新整理的关于移动APP设计规范,包括iOS与Android双平台的一些设计规范; 有一些规范我个人觉得还是需要适合于开发团队才是好的规范,所以在设计前跟切图过程中,建议多跟你配合的客户端...

阅读(5228)评论(0)

爆流行设计!三步制作出精美弥散阴影风格

13

爆流行设计!三步制作出精美弥散阴影风格

弥散阴影设计技巧大热,不跟上就OUT啦~ 不知道大家有没有注意,从去年开始突然流行一种萌萌哒的阴影设计技巧,先看下面几张图(反正我是去年才开始用这种技巧的,可能是我知道的太晚 (*^__^*)) 看完后注意到了共同点没有?没错,上面这些图都有个共同点就是点缀了整个界面的精致阴影~...

阅读(4939)评论(0)

UI新手切图指南!简说告诉你UI切图的原理

1

UI新手切图指南!简说告诉你UI切图的原理

新手切图指南,一个前提小道理:像素点的大小不是固定的,像素只是一个表示单位,而不是度量单位,像素点的大小是被屏幕决定的。今天跟大家分享一个比较简说版本的UI切图原理,包揽两个平台:iOS、Android双平台! 分享:wxw1100   最美UI|学ui设计联盟|一起努...

阅读(2711)评论(0)

UI实战!为儿童节设计的APP闪屏海报案例分析

17

UI实战!为儿童节设计的APP闪屏海报案例分析

今天 杏仁设计 张沁Mew 带来UI实战实例分享,讲述为儿童节设计的APP闪屏海报案例分析&设计全过程;相信大家看完这个实战分享经验,UI设计经验又要再上一个层次了哦~ 分享:杏仁设计 最美UI|学ui设计联盟|一起努力学设计! 最美UI zuimeiui.com 学ui...

阅读(3572)评论(0)

一款Android APP从设计稿到切图全过程!

6

一款Android APP从设计稿到切图全过程!

依旧声明:这里写的依旧只是某一种工作方法,而不是一种规范,你可以参考,但不要照搬,在具体工作中,一定要灵活运用。 汇总贴,整理了之前三篇零散的关于Android的文章……这里我把Android的开发文档,字体,以及不同设计尺寸的文档图片上传了,喜欢的下载;切图的工具在IOS的帖子...

阅读(2069)评论(0)

学ui必须读的ios7平台 UI设计规范!

6

学ui必须读的ios7平台 UI设计规范!

此文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS7 平台设计的基础规范,有志于App设计的童鞋推荐收藏起来,将来要做相关的设计可以直截了当戳进来学习。 一、UI的控件概述: 1、框架UI的元素分为4类: A:栏:状态栏目和导航栏的结合体; B:内容视...

阅读(966)评论(0)

UI初学者福利!快速了解安卓和iOS的区别

5

UI初学者福利!快速了解安卓和iOS的区别

iOS和Android的区别,想了很久,也没想出特别多,这两个系统有些东西越来越通用(设计上来说),尤其是Android上,可以实现所有的效果,当然有些看上去iOS很像。长得和iOS很像的Android应用很多,好多大牌也这么做,比如说现在的QQAndroid5.1.1。这样只需...

阅读(1733)评论(0)

UI设计师必收!APP界面切图命名和文件整理规范

2

UI设计师必收!APP界面切图命名和文件整理规范

规范的命名方式可以提高客户端程序员的开发效率和团队协作。个人觉得标识符命名原则:尽可能的用最少的字符而又能完整的表达标识符的含义。 切图命名英文缩写三个原则: 1 较短的单词可通过去掉“元音”形成缩写 2 较长的单词可取单词的头几个字母形成缩写 3 此外还有一些约定成俗的英文单词...

阅读(2140)评论(0)

如何做一份让工程师泪流满面的标注?

4

如何做一份让工程师泪流满面的标注?

在搬着小板凳坐工程师 buddy 旁边送果汁送零食的日子里,我受 Google Material Design 的启发,折腾出一套自认提高双方沟通效率的标注规则,心情挺好还为此做了模板,最下面有源文件的下载地址。 是的我曾经也很寄希望于 Zeplin,参与第一批内测后就写了长长的...

阅读(1995)评论(0)

UI设计知识百科!UI设计如何选择倍率?

2

UI设计知识百科!UI设计如何选择倍率?

UI设计如何选择倍率?相信很多接触UI设计的同学开始的时候都有点蒙圈,毕竟这么多种不一样的手机尺寸,我们设计师如何选择合适的倍率的知识就尤其重要;以下为个人的经验分享~如有帮助,就点个赞吧~ 分享:comesea   最美UI|学ui设计联盟|一起努力学设计! 最美UI...

阅读(1325)评论(0)