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

关注学UI设计网

详解组件控件结构体系之操作类

详解组件控件结构体系之操作类
操作类一共含以下八类: 底部操作列表 底部浮层视图 编辑菜单 底部工具栏 按钮 选择器 下拉菜单 文本框 依旧附上一张脑图,组件控件分类(如果单纯通过组件控件,难以满足功能划分的需求,所以我将这个范围扩大,分类里面不仅仅含有组件和控件,所以请不要在意细节。) 一.底部操作列表 定义:展示与用户触发的操作直接相关的一系列选项功能。 用途:底部操作列表,是……继续阅读 »

学UI设计 295浏览 1个赞

五天Principle从入门到精通01-简单的Toast动画制作

五天Principle从入门到精通01-简单的Toast动画制作
小编:五天Principle从入门到精通,一起来学习吧~ 今天我们练习做一个非常基本的动画,熟悉Principle最基本的操作和界面布局。那么课程开始啦。 在这里,我们选择做一个toast动画。设计师们有了自己设计的toast体系,就可以告别系统原生的toast。同时,我们也可以拿着实际效果,在开发小哥面前演示toast动效,再也不用比划半天也说不清楚。 &……继续阅读 »

学UI设计 466浏览 1个赞

金融APP炫酷UI动效设计

金融APP炫酷UI动效设计
本视频针对UI动效0基础朋友开设,讲解金融APP动效实例 ,运用了AE蒙版、修建路径、文本动效等,轻松捕获一系列UI动效玩法。 视频地址:https://v.qq.com/x/page/b0559bn8ifj.html 最终效果呈现   ……继续阅读 »

学UI设计 292浏览 1个赞

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

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

学UI设计 460浏览 2个赞

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

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

学UI设计 672浏览 4个赞

如何制作扁平化小人动画

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

学UI设计 528浏览 0个赞

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

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

学UI设计 335浏览 0个赞

从零开始设计一款APP之视觉还原+上线准备

从零开始设计一款APP之视觉还原+上线准备
《从零开始设计一款App》系列文章共6部分,之前已经讲了前4个部分,今天把视觉还原和上线准备的章节也说完,赶紧来学习。 往期回顾: 《从零开始做APP 系列之项目立项+预估时间篇》 《从零开始做APP 系列之界面设计篇》 《UI实战教程!从零开始做APP 系列之切图标注篇》 《UI实战教程!做设计稿前应该做哪些准备工作?》 视觉还原篇 一款完整的APP,……继续阅读 »

学UI设计 594浏览 1个赞

详解组件控件结构体系-空数据类

详解组件控件结构体系-空数据类
UI设计师或产品经理在设计产品原型时,大部分情况都是先设计主流程的主界面,然后设计其他各个场景的界面,最后设计异常界面、空数据界面等等。那么,空数据界面一共有哪几种类型呢?这篇文章我们来看一下设计规范中的空数据类型。 空数据类型一共有三类: 初始状态 清空状态 出错状态 依旧附上一张脑图,组件控件分类(如果单纯通过组件控件,难以满足功能划分的需求,所以我……继续阅读 »

学UI设计 448浏览 0个赞

详解组件控件结构体系-网络异常类

详解组件控件结构体系-网络异常类
@goldseng 从用户使用情况来说,在用户在使用APP过程中,任何操作都可能出现网络异常的情况。那么,针对网络异常情况一共有哪几种设计呢?哪些情况使用全局组件,哪些情况使用局部组件呢?本文作者就按照三种网络情况,总结了对应设计形式。 网络异常无非就3种情况:第一种是网络切换:WiFi网络环境切换到了移动数据网络环境。第二种是断网情况:完全没有网络。第三种……继续阅读 »

学UI设计 373浏览 1个赞

「这个控件叫什么」系列之动作菜单/动作面板

「这个控件叫什么」系列之动作菜单/动作面板
@龙爪槐守望者 :鉴于国内交互设计名词混乱不统一,很多设计师不知道如何用专业术语称呼一个控件,因此我开了《这个控件叫什么》专题,梳理控件的名称和使用事项,希望能为推动交互设计发展,做出一点微小的贡献。 往期回顾: 《「这个控件叫什么」系列之小红点+索引导航+分段控件》 《「这个控件叫什么」系列之加载占位图+页面指示器》 《「这个控件叫什么」系列之步进器+S……继续阅读 »

学UI设计 391浏览 0个赞

设计规范 | 详解组件控件结构体系-引导类

设计规范 | 详解组件控件结构体系-引导类
@goldseng 本文是系列文章之详解组件控件结构体系的第三篇——引导类。enjoy~ 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品功能前或遇到障碍之前给予及时的引导提示。 为了业务或者产品目标的需要,有时候需要给予一些适当的提示方便用户去理解产品。 为了完成不同的引导内容和引导的目标,移动端的引导设计会根据需求进行不同的多样化处理。常见的……继续阅读 »

学UI设计 381浏览 0个赞