一．初识界面 Principle的界面与Sketch基本一致，如下图： a.属性区： 在这个区域，你可以对选中的图层进行各个属性的调节。如位置、大小、透明度等等 开启软件后，首先要选择你要演示Demo...
交互设计移动端Demo制作工具 Mac Principle使用教程
阅读全文
交互设计 交互设计Principle教程：五步做一个高保真可交互原型
Principle近段时间非常流行的一款做原型的软件。很多公司也用Principle做高保真原型，这样就可以作为最小可行性产品（mvp）,在正式开发前就进行用户调查、可用性测试。 Principle有...
交互设计Principle制作可交互原型教程：数字变化+环形加载
移动端通常借助Principle来制作演示效果。 掌握Principle的必要性 1. 简单易学 大概16个课时，每个课时半个小时（包含练习时间），大约抽2周的晚上就可以学完。 教程推荐：BiliBi...
交互设计Apple设计哲学 · 沉浸与交互式体验.网页篇
Apple.com 找设计灵感是每一位设计师都做过的事。那它到底有何魅力？跟我来一探究竟吧。 一、沉浸与交互式体验 每当有新产品发布时，我们都会被它的 Landing page 所吸引。不管是 Air...
交互设计Figma Mirror是什么？如何使用？
Figma Mirror 你可以在移动设备上预览设计，以便查看在真实设备上的问题。 #预览设计 在预览设计时有两种方法： 在移动端浏览器中打开 Figma URL。 使用 Figma Mirror 预...
Figma 快捷键常用的有哪些？
整理了一些平时常用的 Figma 快捷键，善用快捷键可以为我们极大的提高效率。 #文件和属性 导出（Export） ⌘ + ⇧ + E 保存（Save） ⌘ + S 置入图片（Place） ⌘ + ⇧...
交互设计Figma教程：颜色调整和混合模式
颜色调整 我们可以在 Figma 中使用以下步骤调整图像的颜色： 在画布上选择图像（.jpg或.png） 单击画布右侧属性面板中的图像 这将打开图像选择器。 在图像选择器中，你将看到 7 个选项： #...
交互设计什么是 Figma：下一代协作式 UI 设计工具神器
首先我们需要知道什么是 Figma —— Figma 是一个 基于浏览器 的协作式 UI 设计工具，从推出至今越来越受到 UI 设计师的青睐，也有很多的设计团队投入了Figma 的怀抱，...
交互设计Figma交互设计流程/用途/20个实用技巧
Figma的用途，并提供给你20个实用技巧，让你更快更好的使用这个著名的协作交互设计工具进行工作。关于快捷键的一点说明本文中大多数快捷键都提供Windows和Mac两个版本，Windows上的Ctrl...
交互设计web端为例：我的交互设计细节手册
我在实际交互设计中的所遇见的细节问题，来源于在绘制产品原型图阶段对于设计细节的思考，类属于产品框架层的部分内容，不涉及产品范围层、结构层的内容。 一、loding加载页面问题——栅栏式加载还是焦点式加...