向团队推荐摹客

注册

摹客精选

分享产品设计技巧、案例、资源、工具、新闻，
与你一起精进设计。

学学这些爱不释手的加载动效设计

我们现在越来越注重细节，小到加载动画，大到界面配色。这些都会成为用户吐槽的地方，一个不小心，你设计的东西让用户反感了，他们说不定就要和你的产品说拜拜了。所以今天我们要重点说说那些你以前觉得“不那么重要”的加载设计。等待和加载动效几乎是无处不在了。设计师和设计机构都很清楚，加载动效几乎是目前网站和APP设计中无法绕过且必须的组成部分，它们不仅是大势所趋而且是打造优秀用户体验的必须组件。虽然目...

5 min read
产品设计：APP产品“加载”策略思考

用户与产品的每一次互动都是一次加载过程，加载的好坏直接影响用户与产品的交流体验，即将加载策略运用到适合的产品情境中可以将产品塑造成一个可以和用户交流的“人”，这个“人”彬彬有礼、善于沟通、聪明伶俐，想用户之所想，急用户之所急。启动页加载产品的第一印象很重要，如果用户刚开始打开一张“空白页面”，用户还未与产品交互之前，就已经留下一个差印象，就像谈对象，你给对方的第一印象就是邋遢，后面尽管每天都...

5 min read
停止不必要的UI动效设计

前言：这篇短文将会探讨UI设计中动画的过度使用，并将其与早期的视觉设计进行对比，提出一些对于有效的GUI动效设计的建议。我们将在下文中，简单探讨如何改善下面的这个交互。 UI动效设计的反面案例（线上Demo）注：这个反面案例并非假设，而是来自近期的真实客户案例。概述自从 70、80 年代首个光栅图像在CRT屏幕出现以来，人们对于（数字）视觉设计的态度一直在不断进化。与其他艺术领域不同...

5 min read
用户体验中巧妙的过场动画

一些网页优于其他网页，不仅仅是因为它们的内容、可用程度、设计或是特色等等。现代网页间根本的区别在于它们交互及动画细节。我们将分享一些从各种模型中获得的经验，同时分析为何这些简单的样式能够如此好用。当我们设计数码产品时，我们常常使用诸如Photoshop及Sketch这样的设计软件。大多数从事此行业多年的人显然知道设计不仅仅是视觉呈现。然而，很多人依然继续创造静止的设计。Steve Jobs曾说...

5 min read
UI动效—细微交互，极致体验

说起UI/UX设计，微交互是成败与否的关键要素之一，是小小细节带来巨大回报的最有力的证据。当下大部分UI/UX设计的书都围绕着一个基本信息：当设计流程结束后，用户最后得到的东西仅仅好看是不够的，“美貌”的前提是要有用且可用。在Tubik Studio早些的文章和案例研究中，我们就倡导UI/UX设计师不是在创造一件艺术品，而是为目标用户打造解决问题的产品，帮助用户更方便快捷的搞定所需。一款成功的...

5 min read
UI动画中的微交互详解

在UI/UX设计中，微交互（Microinteraction）是其中的重要关注点之一。这些微交互也许能够最好的证明：注意细节可以给（用户）很好的效果。大多数UI/UX相关的书籍或者文章都在试图说明一个基本信息：当设计过程已经结束时，你应该最终得到的不仅仅是美观，而且首先得到的是好用和有用。在之前的Tubik的工作组的一些文章和实例研究中，我们也支持一个观点：UI/UX designers do...

5 min read
UI设计之动画—从虚拟到现实

用户界面设计中的动画一直是这几年热议的话题，尤其活跃在概念动画领域。它为设计师提供创造性实验并推动UI动画的发展。在Tubik，我们已经分享了关于UI动画对APP应用和网站的好处的文章。今天，让我们与Tubik动画设计师Kirill Yerokhin继续讨论概念动画是如何推进产品的成功。什么是概念动画？概念动画是属于概念艺术领域的。它是一种运动设计，用于在将特定想法投入真实产品之前传达它。在用户界...

5 min read
2019年设计师必看，UI加载动画完全解读

没有人喜欢等待。如今，越来越多的优秀iOS应用程序、MacOS工具和网站争相出现，用户对产品质量的要求也水涨船高。在用户心中，真正优秀的产品必然是要能够快速响应他们的需求。分享一个真实案例：我们最近发布了一款工具，为iOS应用程序提供用户反馈，不出所料，第一个版本并不完美，加载也会延迟2-3秒。你猜怎么着？用户以为这3秒加载延时是一个bug。在实际开发环境中，总是会有诸多问题，网络迟缓，代码不优化...

5 min read
干货！15个最新优质加载动画设计，让等待成为一种享受

互联网时代，网络“提速”日益频繁，人们打开Web或软件的速度越来越快，一般页面缓冲和加载地过程也是几不可查。然而，在某些情况下，例如软件急需加载大量页面，首页急需加载大量内容，用户下载文件过大，甚至是网页软件信息处理急需时间等等，难免会出现需要用户等待的时候。那么，在这些情况下，UI/UX设计师应该如何设计Web和软件，才能让用户心甘情愿的等待，而不是直接离开呢？答案很简单...

5 min read
30个最优CSS动画案例分享，轻松让网页用户随心而“动”

CSS或CSS3动画，包括常见的鼠标悬停动画，网页加载动画，页面切换动画，文本动画以及背景动画等等，能够有效地提升网页趣味性和视觉吸引力。这也是为什么CSS/CSS3动画设计能够迅速蹿升为网页设计一大流行趋势的重要原因。然而，对于网页设计师和开发工程师而言，创建一款极具趣味性和实用性的CSS/CSS3网页动画并没有想像的那么简单。究竟如何才能设计出一款既符合网页特色，又能有效提升网页魅力和档次的动...

5 min read
灵感专题 — 2019年优秀UI动画设计作品欣赏#5月

UI动画设计，不仅极大地丰富了整个Web/App界面设计，有效提升其视觉魅力. 对于展示和突出界面重要信息和功能，提升用户体验，也发挥着不容小觑的作用。然而，设计一款既符合软件特色，又不失功能性的界面动效，却并非易事。所以，为帮助大家轻松设计出吸睛炫酷，又不失创意和趣味性的UI动画，从本月开始，Mockplus将每月为大家收集和分析最新最具创意的Web/移动端App界面动画设计实例，希望能给大家带...

5 min read
设计1+2，摹客就够了！

全能设计协作平台，
产品经理用RP，UI设计师用DT
免费使用

电话咨询

咨询热线

工作时间：9:00-22:00

191 3067 1449

在线客服

需要帮助？

我是小摹，你的7*12小时产品顾问

立即扫码加入官方微信群