菜单 优优教程网 - UIIIUIII

视频第 2 部分：图标动效制作 https://www.bilibili.com/video/av438076291 视频第 3 部分：扩展案例 https://www.bilibili.com/video/av993064170 一、关于教程 微软 Fluent 设计语言引领了毛玻璃风格的潮流，它能创造出一种柔和而精致的视觉效果，深受各大厂的喜爱。本期教程将使用 Sketch + AI + AE 向你展示如何从零开始制作磨砂毛玻璃动态图标的全过程，涵盖设计理念，制作方法，以及如何拓展设计出不同的...

8个超适合用户体验/UI设计师的AI智能工具。 1.COLORMIND👉 www.colormind.io 2.AUTODRAW👉  www.autodraw.com 3.REMOVE.BG👉  www.rеоvе.bg 4.FONTJOY👉  www.fontjoy.com 5.LETSENHANCE👉  www.letsenhance.io 6.FRONTY👉  www.fronty.com 7.ROSEBUD👉  www.rosebud.io 8.COPYSHARK👉  www.copysh...

Goodpalette是一个专门为UI设计而生的配色工具，可以生成搭配舒适的颜色，迅速感知到实际UI界面上的效果。优优教程网为你推荐超好用的设计神器工具！

图像卡片、左滑菜单等一些 UI 组件的尺寸规范参考：用户头像组、播放器、登录表格、左滑菜单、卡片、折叠视图、底部导航图UI 设计 ｜its.dezinx

按钮、控制器、输入框的尺寸规范参考：按钮的高度可以不同、按钮可以使全屏宽度、最好的字体大小16px、字体不需要随着按钮的大小而变化、保持相同的ppadding 是可以的、控制器尺寸、输入框尺寸等。UI 设计｜marina_uiux

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的最后一集，这一集我将会给大家讲讲如何利用即时设计软件的原型版块，制作可交互的高保真原型。。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第十一集，本集将为大家讲解交互动效的设计原则，以及交互动效实际案例演示。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第十集，本集将为大家讲解车载温控界面的设计规范和设计方法实例演示。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第九集，本集将为大家介绍智能穿戴设备界面的设计规范和设计方法实例演示。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第八集，本集将为大家介绍小程序的发展过程、设计规范和设计方法实例演示。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第七集，主要使用即时设计边操作边讲解关于UI中数据图的表现和应用。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本期视频使用 Sketch + AI + PS +AE ，为你带来从零开始制作轴侧毛玻璃图标动效的全过程详解，学会之后使用类似的思路，还可以拓展设计出不同的毛玻璃质感图标。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第六集，主要讲解内容有响应式是什么；怎样能高效的完成b端页面响应式设计；以及b端页面涉及的基本设计知识。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第五集，这节课我们主要讲解banner的种类，banner的设计方法（包括开始的头脑风暴，构图，字体设计，配色四大部分），最后使用即时设计做一个小案例带大家具体认识什么是banner设计。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第四集，这一集将会给大家讲讲如何用即时设计软件制作短视频 App 的播放界面。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第三集，这一集将会给大家讲讲有关 APP 设计规范方面的内容，常用的作图尺寸，以及了解一下尺寸单位，最后带大家快速搭建一个聊天界面。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第二集，本集的内容分为两大部分，第一部分讲解金刚区图标的相关知识，第二部分为即时设计软件操作部分，带领大家设计金刚区图标。讲解中涉及到的操作会集中在创建组件和右侧这边的图层样式上。 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。

本集教程内容概要 本集视频是 UI 设计基础入门自学手册系列教程「UI 设计12讲」的第一集，讲师桃子教大家通过即时设计来设计几个图标，并讲解图标的分类和其设计规范。 编者按：图文内容简概为视频内容的提炼总结，想要了解详细教程内容，请观看文章顶部完整的视频教程。 1、工具介绍 即时设计是一款在线可协作的UI设计工具，目前支持Sketch、figma、XD的本地导入和链接导入。

一、知识树介绍 你是否想要入门UI设计，却苦于自学没有成体系的便捷途径？看着手机上、电脑中缤纷跃动的UI界面，你会不会好奇它们是如何设计出来的？ 我们集合了各位拥有多年B端、C端UI和交互设计经验的讲师，为你带来这套让你看得懂，学得会的 UI设计基础入门自学手册，从基础设计规范、简单图标案例，到车载温控界面、原型交互实战全面解析。

好的配色，可以让你的作品眼前一亮，整理了 9 个配色网站，可以从这些网站中了解行业新动态，寻找创作灵感！！！   1.Muzi Colors👉  https://colors.muz.li 2.Colourcode👉  https://colourco.de 3.Eva Design System👉  https://colors.eva.design 4.Colorwise👉  https://colorwise.io 5.ColorBox👉  https://www.colorbo...