APP UI设计趋势:为好设计而动

http://www.cocoachina.com/design/20150703/12029.html

作者:bone9

善心悦目的动效已然成为一个app的必备,作为设计师自然要跟随趋势学习。APP中的动效可以划分为两类,一类是转场动效,应用在页面的切换,加载等,这类动效可以柔和页面的过度效果,增加切换、加载、等待过程的趣味性。另一类是反馈提醒,通过界面内元素的动效,增强用户的交互感知或引导用户完成任务。

动效充满了设计师体验的想象,作为一个设计师,不管你的逼格下限在哪里,一个有趣有爱充满个性的进度条都是你设计生涯中不能拒绝的爱。那么设计师什么时候需要做一个动效设计呢?

1、等待都需要一个有意义的动效。面对等待,我们总是缺少耐心。充满个性,有趣的动效可以让用户对你的设计对上一份喜爱:至少这个设计还不错。

2、如果你希望用户点击这个地方,请给它一个动效。

3.如果你希望你的点击效果不一样,请给它一个动效

下面则是一些常见的动效设计方法,当我们在合适的条件下,自然要考虑从这些方法入手,为我们的设计增加一丝动感。

一、将元素替换为个性化内容

传统的等待或加载动画人们已经熟悉,想让人眼前一亮,改头换面是必须的。如谷歌用了自己的颜色,去哪儿用了自己的logo等,这些都是可以在个性化动效的同时凸显产品品牌,不失为一个很好的选择。

二、更换产品的运动方式

除了旋转运动之外,我们还可以运用重复,构建,变形,拟物、人的动作(翻书)等,只要是和产品定位相符的元素,我们都能给它创意一个独特的运动方式。

重复运动

构建

三、赋予组件明显的交互反馈

冷冰冰的点击和出现往往不能吸引用户的注意力,所以,当我们需要加强某些元素来引导用户的时候可以给这些元素加上适当的出现效果,如渐隐渐显,位移,放大缩小,光晕,分布等效果,会起到很好的引导效果。

动效设计可以的精妙之处在于瞬间获得的体验,通过瞬间的可见变化丰富了人们在使用app时的感觉,不再陌生,不再冰冷,不再无趣等等。动效设计在赋予了元素动的同时,我认为还要符合人们的认知,并不是所有的动都能让人愉悦,既要满足产品的需求,还要能匹配人们的当时的场景诉求。希望大家在今后的设计中都能有高水平的动效设计。

时间: 2024-08-08 01:27:42

APP UI设计趋势:为好设计而动的相关文章

用户体验:移动 APP UI 的底部导航设计

设计师都知道,设计不只是为了好看.设计也决定用户如何融入一个产品,无论是网站还是app.这是一种交谈.导航菜单就是一种交谈.因为如果用户不明白使用方式,你的网站或app再漂亮都没用. 图片来源:Behance 为什么底部导航如此重要? Steven Hoober在他的关于移动设备使用状况的研究中发现,49%的人依靠一根手指完成手机上的操作.在下图中,手机屏幕上的画面表示大致的触摸范围,不同颜色表示用户能用拇指在屏幕上触及的区域.绿色表示轻易触及:黄色表示需要伸长手指:红色表示需要用户改变持握方式

2015年的移动APP设计趋势

App中的色彩 公认的,色彩始终是设计的一部分.不过,近来很多app将色彩当作设计的基础使 用,而不只是点缀.色彩可以营造氛围,极大地影响了app的整体体验.当你把一个色彩缤纷的app和一个几乎纯白的app进行比较,就能清晰体会到这一 点.通常,颜色用来树立app的个性,比如友好.有趣或优雅. 看看Rubie.Sky.Rise或Peek这样的app.设计中充斥着华丽的色调,因为色彩是设计中最显著的部分.Rubie和Peek诠释了暗色设计不一定要使用黑色和深灰色.不要自我束缚,尝试使用深紫色或深红

APP UI设计相关的一些链接

安卓app设计规范整理和Android APP设计篇 http://www.25xt.com/appdesign/6536.html APP UI面试题:iOS和安卓的ui设计有什么区别 http://www.25xt.com/appdesign/9839.html 移动APP设计入门文档:iOS8和Android设计规范 http://www.25xt.com/appdesign/7187.html

【APP UI 设计模式】(一)APP UI 设计原则和流程

一.基本原则         1.用户体验原则UCD,以用户为中心去设计         2.设计模式是可重用的设计规范实现         3.反模式是糟糕设计的典型,极力避免使用         4.试验模式--超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式. 二.主要内容         1.APP UI 设计模式描写叙述的对象是智能手机.平板.智能设备等设备上执行的应用程序.         2.设备多样性-->设计多样性         3.设备类型定义:        

APP UI设计的流程解析

2014-2016年,随着APP业务的日渐火热,UI也成为了现今市场上非常热门的岗位之一,在几年之前,我国还是统一成为美工,现在改成为了UI,在这里,为大家介绍一套比较科学的APP UI界面开发的完整设计流程,它是一个科学的设计流程,并不是简单的美术描边. APP设计一般会分为五个阶段: 1.需求阶段:软件产品依然属于工业产品的范畴,所以依然离不开3W(who where why)也就是使用者,使用环境,使用方式的需求分析. 2.分析设计阶段:首先应该制作一个体现用户定位的词语坐标,比如一个25

APP UI设计及切图规范

APP UI设计及切图规范 1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由 嗡嗡(iwengweng.cn) 整理. 1.2 读者对象 项目实施工作组UI/UE设计人员. 2.色值规范 系统采用统一色彩标注值,超出的需要进行登记管理. 色彩范围值:以通用字号C开头标识,在Android开发中对应相应的配置文件 参考:Android开发设计规范 2.1 屏幕适配 Androi

UI设计趋势:渐变设计风格重新回归主流

在扁平化设计刚刚兴起之时,渐变是设计师们避之不及的设计手法,然而今天它已经正式回归.几乎是在一夜之间,无数的网站开始使用渐变色. 从背景到图片上的色彩叠加,包括UI元素上所遮盖的色彩,所有的这一切都表明渐变以一种微妙的方式回归了.不过和以往的我们所看到的渐变不同,重新回归的渐变色设计有着不一样的使用技巧和特色,更加贴合这个时代的风格和需求了.如果你也想使用,不妨从今天的设计示例中学习一下“全新”的渐变设计. 潮流的引领者 在今年早些时候,Spotify 开始在自家网站上大量使用双色调设计,将双色

【转载】20个2013年最值得关注的网页设计趋势

原博文地址:http://ued.lanrentuku.com/di/2013wangyeshejiqushi.html 在过去的一年中,我们都看到了网页设计趋势在日益增长.或许有些朋友还记得我早些时候的一些文章关于网页设计,有兴趣的可以点击来查看,现在我们可以看到其中许多想法已经实现了,甚至有些采用了一些更高层次的新奇想法.在今天这篇文章中,我将与大家分享2013年里20多种网页设计的全新趋势走向. 设计的影响仅仅是一个来自于我们的文化和用户界面感知的反馈.观念上这些趋势代表了在网页设计社区最

上海天象网络技术有限公司----十大设计趋势

十大设计趋势-----上海天象网络技术今日上海天象网络技术有限公司为大家提供一篇互联网领域的设计趋势,欢迎大家阅读.1.?极简风(艺术.品质.效率)极简风体现在:更少的按钮和选项,这样使得UI界面变得更加干净整齐,使用起来格外简洁,从而带给用户更加良好的操作体验.因为可以更加简单直接地将信息和事物的工作方式展示出来,所以可以有效减少认知障碍的产生.此风格的具体特征表现在没有多余的效果,例如复杂的投影.凹凸或渐变等:使用简洁风格的元素和icon:大胆且明亮的配色风格:尽量减少装饰的极简设计.2.?