交互设计

扁平化设计是否已经失宠?10 个案例告诉你答案

近年来的设计风格一直在变化,设计师们在这方面的喜好和倾向性以及网页设计趋势方面的话题一直争论不休。例如,Flat design vs. Material design这对欢喜冤家。但是我们今天不做比较,他们之间的恩怨让设计师自己解决吧。今天的主题是给大家介绍一些优秀的扁平化设计的案例。在学习扁平化设计案例之前,我们先给大家科普一下什么是扁平化设计。根据维基百科权威解释:“扁

交互实战|Web 端表单项目总结

本文作者分享了其所参与的Web端表单项目,enjoy~一、项目背景1.1 背景CRM 用户在使用「客户」轻应用的时候,反映我们预设给他们的表单字段不能满足他们的需求。比如,一些用户希望能录入客户的传真号码,而我们没有提供此字段。1.2 目标(1)用户目标能够添加、删除以及修改「客户」表单内容。(2)设计目标实现添加、删除和修改表单字段功能优化Web端客户自定义字段界面体验。

无协作,不原型!

Mockplus3.1新增了团队协作功能,支持一键创建团队项目、团队成员快捷管理、一键通知成员审阅、多人评论批注的功能。Mockplus是一个简单快速的原型设计工具,对于需要协作的项目,可允许多个团队成员共同编辑同一个项目文件,创建原型图并利用审阅、批注来高效协同工作,所有的讨论、意见、原型历史版本都会保留。,Mockplus 的团队协作功能将大大加快项目进度。如何在Moc

UI 设计规范:单选按钮 vs 复选框,没那么简单

无论是网页设计,还是移动app设计,都经常用到单选按钮和复选框这两个组件。这两个组件看似意义明确,很好区分,但在实际设计中却很容易用错,带来不好的用户体验。本文中我通过列举几个典型的错误用法,帮助设计师在进行UI/UX设计时,更加规范地使用单选按钮和复选框这两个组件。使用原型工具:Mockplus单选按钮和复选框的区别 什么时候使用单选按钮?有两个或两个以上的互斥选项,用户

独家专访 Mockplus CEO 老布,原型设计领域的弄潮儿

谈到中国本土的原型设计工具,相信没有人不知道Mockplus。Mockplus作为一款全平台快速原型设计工具,以其“更快更简单”的理念深受一大波用户的喜爱。Mockplus最近发布了3.0版本,其中包括团队协作等重大更新。很多人都不知道,这款被Adobe XD列为主要竞品之一的知名工具是来自于成都的一个团队。小编有幸采访到了Mockplus的CEO老布,那么就让我们一同探访

交互设计基本功:关于搜索框设计的点滴

许多人可能认为搜索框不需要设计,毕竟这只是两个简单的元素。然而,在内容繁杂的网站中,搜索框通常是最常用的设计元素。当用户遇到相对复杂的网站时,他们会立即寻找搜索框,已到达到最终目的。搜索框的设计及其可用性就显得尤为重要。两种类型1、即时搜索结果立即显示在用户界面上,不需要按钮,放大镜仅显示为一个图标,输入时立即搜索2、常规搜索通过用户点击搜索按钮后才开始执行搜索何时使用1、

干货分享:如何挑选一款高效的原型工具?

每当设计一个新的App或网站时,作为对原型设计有一定了解的人来说,我们会倾向于选择那些“明星”原型设计工具。它们功能齐全、模板酷炫,能够帮助我们解决大部分设计问题。然而,任何事物都不可能完美,在面面俱到的背后,我们也能看到一些问题,比如:臃肿的文件、不够灵活的用户操作等。其实设计大部分的功能,尤其有特色的App或网站时,一款轻量级的原型设计工具不失为最佳的选择。除了工具自身

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

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

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

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

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

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