“加载中”是很常见的交互效果，因为网速，服务器接口等原因，等待网络加载中，下拉刷新，上拉加载新内容，提交表单时弹出的浮层都会有一个加载图标或者加载文案……

一．初识界面 Principle的界面与Sketch基本一致，如下图： a.属性区： 在这个区域，你可以对选中的图层进行各个属性的调节。如位置、大小、透明度等等 开启软……

Principle近段时间非常流行的一款做原型的软件。很多公司也用Principle做高保真原型，这样就可以作为最小可行性产品（mvp）,在正式开发前就进行用户调查、可用……

移动端通常借助Principle来制作演示效果。 掌握Principle的必要性 1. 简单易学 大概16个课时，每个课时半个小时（包含练习时间），大约抽2周的晚上就可以学完……

Apple.com 找设计灵感是每一位设计师都做过的事。那它到底有何魅力？跟我来一探究竟吧。 一、沉浸与交互式体验 每当有新产品发布时，我们都会被它的 Landing p……

Figma Mirror 你可以在移动设备上预览设计，以便查看在真实设备上的问题。 #预览设计 在预览设计时有两种方法： 在移动端浏览器中打开 Figma URL。 使用 Figm……

整理了一些平时常用的 Figma 快捷键，善用快捷键可以为我们极大的提高效率。 #文件和属性 导出（Export） ⌘ + ⇧ + E 保存（Save） ⌘ + S 置入图片（P……

颜色调整 我们可以在 Figma 中使用以下步骤调整图像的颜色： 在画布上选择图像（.jpg或.png） 单击画布右侧属性面板中的图像 这将打开图像选择器。 在图像……

  首先我们需要知道什么是 Figma —— Figma 是一个 基于浏览器 的协作式 UI 设计工具，从推出至今越来越受到 UI 设计师的青睐，也有很多的设计团队投入了……

Figma的用途，并提供给你20个实用技巧，让你更快更好的使用这个著名的协作交互设计工具进行工作。 关于快捷键的一点说明 本文中大多数快捷键都提供Windows和M……

我在实际交互设计中的所遇见的细节问题，来源于在绘制产品原型图阶段对于设计细节的思考，类属于产品框架层的部分内容，不涉及产品范围层、结构层的内容。 一……

一些UI动画从好到优秀的例子，通过这里和那里的一些调整，你可以使用动画提升你的UI模式。 列出的交互表示状态之间的连续性，表示共享元素之间的关系，并将用……

Medium上看到一篇关于讲述关于创建设计原则的文章，于是我回想了一下自己之前工作经常会遇到的一些设计情景，不仅是我，相信任何一位设计师都遇到过：当我们为……

Tab bar 作为整个 APP 的第一触点，给用户传递的理念及信息在整个 APP 中具有不可替代的重要性。我们的第一感受是粗糙或是精致，都会通过这个简单的操作切换而……

国外的 Google I/O、Apple WWDC、Facebook 开发者大会，到国内的飞聊、QQ改版、豆瓣FM 6.0，可以看到很多关于交互设计上的趋势。 同时，我从日常的产品体验中……

1、打开ps软件，新建一个画布。 2、单击菜单栏“文件”点击“打开”。 3、按住Ctrl键，选中全部要排列的图片，点击“打开”。 4、选择一张图片，在标题处鼠标右击……

关于端午节日活动主题海报，我们来看一下在设计的过程中需要注意哪些问题，应该如何梳理思路。 文案信息分组 < 文案信息编排 < 首先对标题进行编排，……

本文将从“重新设计高铁票样式”的角度来切入举例，着重讨论一下用户体验设计的维度和标杆。 文/无鹿森 “用户体验”是随着互联网的日益深化而变得越来越热的话题……

一、行业背景、用户分析 1. 背景 新闻资讯行业从传统媒体时代，到 PC 互联网普及，再到现如今的移动互联网时代。信息传播的速率不断提升，互动性不断增强，短……

动画效果是用户体验设计中绕不开的环节，而在移动端交互当中，动效是作为转场的润滑剂，承上启下的重要环节而存在。无论是发送信息，打开设置，选中元素，导航……

“用户体验设计”这一概念，是由唐纳德·诺曼（Donald A. Norman）创造出来的。 我之所以会发明这个术语，是因为我认为人机界面和可用性太窄了。我想涵盖人们体……

如果你是一位产品设计师，在日常工作中是否遇到这两类困惑？ 一、设计黑盒 在获取需求到输出设计稿的过程中，设计过程像是一个黑盒——大家不知道设计师到底在……

本文旨在帮助设计师正确、快速的成长，希望给进阶路上的设计者们带来思考和启发（注：本文主要是指互联网产品设计、用户体验设计、交互设计、视觉设计等相关设……

2018年值得关注的移动和Web用户体验设计趋势。 1.以内容为中心的体验 漂亮的UI界面可能会使产品看上去吸引人。但是，在2018年，成为设计的重要部分是：内容。……