从你眼中看世界
世界就在你手中

设计

App 按钮的背后,这些学问你都不知道

App 按钮的背后,这些学问你都不知道

calon阅读(381)评论(0)

按钮是交互设计中一个常见基本元素。尽管按钮看似一个非常简单的用户界面(UI)元素,在过去几十年,其设计也经历了不少发展和演变。但万变不离其宗,对于按钮的用户体验(UX)设计仍关乎于辨识度和清晰度。 本文简要概述了按钮设计的发展演变,并提出用...

在交互稿中,应重视「键盘类型」的标注

在交互稿中,应重视「键盘类型」的标注

calon阅读(208)评论(0)

在交互稿的标注中,我们经常会忽略键盘的说明,这是不对的。键盘在用户的交互过程中起到了非常重要的作用,尤其在多个输入框的场景下。 为什么需要标注键盘类型? 大家都知道,一款虚拟键盘(比如iOS系统键盘)有很多种布局类型。在交互稿中,很多人是不...

宝马Titan概念摩托 好似蝙蝠侠战车

宝马Titan概念摩托 好似蝙蝠侠战车

calon阅读(215)评论(0)

提到 BMW 这三个字母,大部分人的脑海中浮现的都是他们杰出的汽车产品。其实,这家公司制造的两轮产品的水平也属一流。有时在概念阶段就会让人眼前一亮,比如,最新的 Titan 概念摩托车。 Titan 概念摩托车由设计师 Mehmet Dor...

毁童年!暗黑系《精灵宝可梦 go》出炉

毁童年!暗黑系《精灵宝可梦 go》出炉

calon阅读(432)评论(0)

说到汤山邦彦执导的日本超人气动漫《精灵宝可梦》,相信小伙伴们应该都不会陌生。剧中无论是皮卡丘还是火精灵,都以十分可爱的造型戳中了无数少女的萌点。而近日,国外艺术家David Szilagyi,创作的一组暗黑系《精灵宝可梦》的海报,却戳瞎了不...

2016 用户体验行业调查报告

2016 用户体验行业调查报告

calon阅读(367)评论(0)

2016年4月起, CDC通过腾讯问卷调查平台对1580名从事用户体验行业的从业人员进行在线调查,系统全面地分析了用户体验行业的整体情况,发布《2016年用户体验行业调查报告》。本次调查对象包括视觉设计、交互设计、用户研究、产品经理、团队管...

中文版来了!新版MATERIAL DESIGN 官方动效指南(三)

中文版来了!新版MATERIAL DESIGN 官方动效指南(三)

calon阅读(313)评论(0)

新版Material Design 官方动效指南已经翻译到第三章了!这部分,从动效的运动和材料形变入手,让你的动效自然真实,贴近现实状态。再系统的干货都比不上官方的动效指南,西瓜就在这,赶紧来捡。 运动 Material design 的动...

中文版来了!新版MATERIAL DESIGN 官方动效指南(二)

中文版来了!新版MATERIAL DESIGN 官方动效指南(二)

calon阅读(255)评论(0)

Material Design的动效设计是响应式的,自然的。使用缓动曲线和持续时间模式可以创建平滑、一致的动效。 速度 某个元素移动或者改变状态的时候,运动速度应该足够快,使用户不用等待。出现频率高的转场动画应该短一点,而有些转场动画要慢一...

中文版来了!新版MATERIAL DESIGN 官方动效指南

中文版来了!新版MATERIAL DESIGN 官方动效指南

calon阅读(271)评论(0)

在Material design的世界中,动效用一种优雅、流动的方式来描述空间关系、功能、和意向。 为什么说动效很重要? 动效可以向我们展示一个App 是如何构成和用途。 动效可以做到: 不同视图之间的焦点引导。 当用户完成了一个手势后,提...

回答这3个问题,完善你的交互设计

回答这3个问题,完善你的交互设计

calon阅读(347)评论(0)

大多数时候,交互的工作是和内容设计一起完成的,但是为了让你能够了解这两者之间的差别,我特地把材料分成两个阶段,也可以让自己梳理一下细节。 交互是什么? “我躺在沙滩上,感觉到细碎的沙子在后背陷入;我踩在小溪里,感觉到脚底的乱石和流过脚面的溪...

Axure安装FontAwesome字体图标图文教程

Axure安装FontAwesome字体图标图文教程

calon阅读(469)评论(0)

在用Axure做原型设计时常常需要用到图标。常用的方法就是采用网络上分享出来的部件库,比较全的就是小楼老师的部件库。但是这种部件库的ICON一般都是图片,当颜色与当前原型色调不一样的时候,就不能用了。而且ICON常常表示状态,不同的状态需要...

UX Design.如何从设计模式中学习交互设计

UX Design.如何从设计模式中学习交互设计

calon阅读(348)评论(0)

分享一些设计模式,在交互设计学习过程中,这些设计模式有助于对产品结构的理解,比较成熟成熟的框架通常使用了多种设计模式,而且是可以复用的,让你的项目进程大大缩短,提高效率。 如果你熟悉这些设计模式,毫无疑问,你将迅速掌握产品框架的结构,学习设...