设计知识,讲解四个常见的动效类型插图

设计知识,讲解四个常见的动效类型

这两天有一款动效神器Hype 3特别受欢迎,借这股动效的劲头,今天胡痴儿(腾讯用户体验设计师)给同学们科普一下动效的类型

交互设计技巧,创造好的用户体验(上)插图

交互设计技巧,创造好的用户体验(上)

一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。

广告位
设计知识,讲解四个常见的动效类型(4)插图

设计知识,讲解四个常见的动效类型(4)

这两天有一款动效神器Hype 3特别受欢迎,借这股动效的劲头,今天胡痴儿(腾讯用户体验设计师)给同学们科普一下动效的类型 一、动效起源于什么? iOS 6(视觉表层rarr; iOS 7(动效rarr; Page iOS 镜头运动文件夹本

设计知识,讲解四个常见的动效类型(2)插图

设计知识,讲解四个常见的动效类型(2)

二、list Page Android 1. 涟漪反馈 旧页面Fade: 2. 新页面上浮: 涟漪纹 List上浮,展开Detail View 三、Button Page iOS 四、Tilte Page五、page 多任务 iOS: APP的时间态:单任务mdash; APP在空间上无法跳转(

设计知识,讲解四个常见的动效类型(3)插图

设计知识,讲解四个常见的动效类型(3)

Safari:Z轴密码解锁拉出控制中心,表明有临时图层覆盖,则: 毛玻璃浅景深层次感 前景浅景深背景视差 附一张图

交互设计技巧,创造好的用户体验(上)(4)插图

交互设计技巧,创造好的用户体验(上)(4)

前言:原文比较长,共65条,我打算分三次翻译完,这是1-20条。 一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。 1. 尝试使用一列布局代替多列

交互设计技巧,创造好的用户体验(上)(2)插图

交互设计技巧,创造好的用户体验(上)(2)

当展示多种服务时,一个强力的推荐或许是个好主意,因为用户有时候需要一点推动。一些心理学的研究表明,选择性越多,用户将想法付诸实践并行动起来的概率就越低。为了消除这种选择障碍,试着强调和突出显示某些选

交互设计技巧,创造好的用户体验(上)(3)插图

交互设计技巧,创造好的用户体验(上)(3)

你使用的每一个下拉菜单隐藏的信息,都需要用户用额外的操作才能显示。假如那些隐藏选项对用户来说是贯穿整个操作的,你可能会希望它们展示得更明显一些。保留那些约定俗成的下拉菜单,比如说日期和时间(例如:日

交互设计技巧,创造好的用户体验(中)插图

交互设计技巧,创造好的用户体验(中)

一个好的用户界面具有较高的转化率和易用性。换句话说,它既能满足商业用途也便于使用。以下是我们发现的一些想法清单。

交互按钮制作教程(5)插图

交互按钮制作教程(5)

本教程我们学习如何用photoshop制作一个简单的按钮,过程不复杂,效果却不错。先看效果图。 新建文档,尺寸自定,背景黑色,建新层,画一正圆,填充白色。 添加图层样式。 效果如下。 建新层,画一正圆,填充白色。

正在加载中...

已加载全部内容

已经没有更多文章了