交互设计

三步教你做酷炫的“倒计时”原型效果

日常生活中,我们会看到各种各样的倒计时设计: 或是在一段视频的开头;或是隐蔽在屏幕右上角,用于显示广告的时长;或是在软件启动页面,用于增强用户对后面出现内容的期待。不可否认,倒计时是非常有用的。那么,如何用简单的方法做出酷炫的倒计时效果呢?我们一起来学习一下。工具:Mockplus所需时间:3分钟用Mockplus来做交互,最大的特点就是简单快速。下图中这个倒计时效果,只需

Mockplus 3.2 前瞻,五大特色功能让你惊喜!

在这个火热的夏季,我们有理由热切期待Mockplus 3.2的发布!作为国产的一流原型设计工具,Mockplus 3.2版本会给我们带来什么呢?格子(Repeater) 我们平常的设计,有大量需要重复制作的部分,比如一个新闻应用的文章列表、设置页面中的分栏,或图标导航栏。通常情况下,你只能一个个制作或多次复制粘贴。令人头痛的是,如果某处做了调整(比如字体加粗了),你还得一个

产品设计,应不应该追求高保真?

高保真与低保真,最早是摇滚音乐上的一种说法,用于描述摇滚乐的音色与演奏技巧、效果。许多做设计的小伙伴们也知道,在产品设计中也有高、低保真的说法,主要用于描述不同的设计目的和难易度。那么,二者具体有什么不同?在做产品设计中,选择高保真是不是比低保真好呢?今天小编就来为大家一一解答,希望对你有帮助。1. 高保真与低保真区别? 比较主要的区别,在于呈现原型的精细度以及使用场景:•

如何使用基于组件的设计方法

以下内容由[Mockplus](http://www.mockplus.cn/?hmsr=wen)团队翻译整理,仅供学习交流,[Mockplus是更快更简单的原型设计工具](https://www.mockplus.cn/features?hmsr=wen)。 基于组件的设计方法通常在大型复杂的设计项目中才会谈论到。在这篇文章中,我们将说明的是,它对于小型项目和团队来

2017 年值得一看的 7 个 APP 设计

新媒体时代蓬勃发展,各类APP如雨后春笋般出现。下载到合适的APP,不仅衣食住行一键搞定,甚至健身、社交、阅读等需求也能足不出户地满足。对于广大“吃瓜群众”来说,选择APP是个人需求以及跟随潮流的选择。但当UI设计师讨论APP时,他们更看重的是这款产品的UI设计。既然说到UI设计,首先来给大家科普一下何为UI设计。UI即User Interface(用户界面)的简称。互联网

如何制作一个完美的错误提示信息

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 每个系统都会出现暂停工作的时候,它可能是用户的错误操作或系统故障导致的。在这两种情况下,设计一个完美的错误信息尤为重要,因为它能有效提高用户体验。如何制作一个完美的错误信息?它往往包含以下3个重要部分:●清楚的文本信息。●正确的放置。●良好的视觉设计。第一部分:清楚的文本信息

5 个关键点!优化你的 UI 原型设计

当你和你的团队着手开始一个产品开发的时候,最开始的一步一般是绘制线框图,这是大部分产品项目的第一步,它不复杂但是却对整个产品的完成形态和质量有着至关重要的作用。很多刚开始工作设计师或者产品经理都会提出一些问题,例如:“我该怎么提高我的 UI、UX 设计技巧” 或者“有什么书籍或者网站可以教我一些 UI 设计的高级技巧吗?“ 设计的技巧是存在的,而且它们对设计确实有帮助,但是

网页设计排版中哪些元素最重要?

有一些网页设计新手会认为,在设计网页的时候最重要的应该是如何添加一些具有吸引力的内容,所以他们只把大量的精力放在内容的设计上。在我看来,内容质量的好坏确实是能够决定你浏览量多少的关键因素,但事实上,页面的排版也是一门非常大的学问。俗话说“红花还需绿叶衬”,其实我觉得两者之间没有轻重之分,是相得益彰的关系。没有绿叶的陪衬,又怎能显出红花的娇贵呢?一个好的网站设计,不仅要求质量

玩转 Sketch,不容错过的 5 大实用插件推荐

在之前的文章中,笔者为大家介绍了Sketch 的入门教程、实用技巧和资源集锦,相信大家对Sketch已经有了初步的了解和认识。除了基础的矢量设计功能以外,插件更是让Sketch保持强大的独门秘籍。Sketch开放了第三方插件接口,设计师可以在几百种的插件中轻松找到适合自己工作方式的插件,并且他们都非常容易获得和安装。这里笔者为你总结了五款超实用的Sketch插件,让你把Sk

交互原型画得丑?29 个优秀 UI/UX 线框草图

现在越来越多UI设计师都需要画一些交互的线框图,然而作为视觉专家,当然要把它画得靓靓的嘛,是不是?所以很多用户会使用《5款高效的原型设计工具》来绘制,或者直接手绘更有逼格。今天达人手工整理一大波UI/UX的原型图,有手绘的、有用软件绘制的,分别来源于不同的设计师、交互设计师、产品经理之手,虽只是草图,但小编看后,已经有灵感了哦!来一起看看他们的杰作。草图来源:wireflo