交互设计

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Mockplus 教程:分分钟搞定 APP 首页原型设计

Mockplus是一款快速原型设计工具,支持包括APP原型在内的多种原型与线框图设计。除了快速,Mockplus广受欢迎更因为它极低的上手门槛。今天小编就为大家展示如何用Mockplus在3分钟内完成APP首页的原型设计,新手也能马上掌握哦!是时候展现真正的技术了! 创建项目打开Mockplus,点击新建项目,选择“手机”项目类型与合适的页面尺寸,点击“确定”即创建成功,是

为什么我选择使用原型工具来代替纸原型

从毕业到现在的三年设计生涯中,对于设计我有自己的理解。从一开始的伟大梦想——通过我的设计改变世界,到现在的现实需求——设计得让人觉得有用,易用,好用。在大学的时候,导师会叫我们只用纸笔来做原型图,这样能更直观地看出我们的想法和信息架构。刚工作的时候,我也习惯只用纸笔来画原型图,这样能快速地表达我的想法。纸笔原型毕竟使用的工具很简单,人人都有,只需要纸笔即可。纸原型关注的是流

如何用 Mockplus 快速做一个手风琴菜单?

手风琴菜单是一种比较常用的菜单形式,利用原型工具来做这种菜单通常要用到中继器。即使是功能强大的Axure,想实现该效果也比较麻烦。但如果你对Mockplus有所了解,你一定知道,利用Mockplus的“面板”组件,可以快速地做一个手风琴式的菜单。我们来看看具体的操作步骤:第一步:选择“面板”组件,自定义菜单样式。 在左侧的交互分类中选择“面板”组件,此处为了节省时间我在“面