菜单 优优教程网 - UIIIUIII

图像卡片、左滑菜单等一些 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的本地导入和链接导入。支持创建交互原型、获取设计标注、快速切图、团队协作等。

视频第 2 部分：使用PS绘制图标 https://www.bilibili.com/video/av687272161 视频第 3 部分：使用AE制作图标动效 https://www.bilibili.com/video/av344873665 关于教程 随着微软推出 Fluent 设计语言，毛玻璃风格逐渐流行，各大厂都开始使用这种朦胧弥散的视觉效果，本期视频使用 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...

即时设计是一款全平台覆盖、可云端编辑的专业级 UI 设计工具，为中国设计师量身打造，是 Windows 也能用的「协作版 Sketch」

快速提升 UI 设计效果的 8 个小技巧：尽量采用一致且同心的圆弧边角、深色模式下注意高程变化对于颜色的影响、使用简短明确的文本标签来传递信息、何时使用单选按钮,何时使用下拉菜单、避免使用默认的阴影样式、深色模式下的白色需要适当调暗、不要仅靠颜色来传达表单的错误状态.....简单实用效果好。

关于教程 只需要一些材质各异的小方块，就可以打造出大厂设计师拿手的3D科技感场景？ 本次视频结合 3D 和 UI 设计，运用 Blender 加 Figma 梦幻联动，让热爱学习的你多了一种选择，加油！ 教程简概 Part 01 建模部分 确定摄像机的位置和画面范围后，创建背景、地面，以及一组高低错落的小方块图形。