首页

这些悬浮动效的常见玩法你都知道吗?

周周

动效是如今UI设计中的重要组成部分,也是目前最热门的设计趋势之一。在之前的《在现代网页设计中,动效有哪些常见的用法》这篇文章中,我们探讨了动效对于交互和用户的重要意义,动效在不同的环节发挥的作用越越来越大。而今天我们要聊的是光标悬停,这也是近年动效设计的热点之一。

正是由于Material Design 和苹果所引领的动效设计风潮,许多曾经有过的设计技巧和元素正在逐步回归,而悬停就是其中之一。但是相比于曾经那些闪烁弹跳的,现如今的光标悬停来的更加微妙,更加强调功能性和体验。

和其他动效相似,光标悬停让交互的引导性更强,有的还带有预览的作用,它的使用范围非常广,大到全屏,小到提示和导航元素,不一而足。

接下来,我们通过实战案例看看,光标悬停目前有哪些创新的玩法。

首页动效

学御风而行

蓝蓝设计的小编

蓝蓝写

朋友送我了一本书,还有蔡志忠的亲笔签名咧。一开始书中的就讲了生死、快乐的答案,解答了我最近思考的问题,我迫不及待的想把它看完。

书中有一个小故事印象深刻,讲的是列子讲拜壶丘子为师的过程:经过三年的磨练变成了心中不敢有是非的念头,口里不敢说利害得失,五年之后又变成了另外一种心念是非,口言利害的心境,才博得老师会心的一笑,七年之后已经达到从心所念而无是非对错,随口所言而无利害得失了,老师才要我和他并膝而坐,九年以后任由我心中所想,口中所说都不会涉及是非利害了,那时只觉内外如一,体光通明,心神凝聚,骨肉融化,不知不觉随风飘浮,忽东忽西,可以御风而行。

列子斥学生尹生:而你,现在拜在我的名下为弟子,却怨愤不满,你的身体天地都不会接受,四肢任何部分都无法载动,又怎能飘浮起来呢?

当心中不再存有人的利害是非,就能与大自然结成一体,成为大自然中的一部分,也许你就是山,就是海,就是天空了,更何况是风呢!

这段话刚读到的当时当刻在我的心里面有很大的震动。三年五年七年九年,所达到是非利害的不同的境界。最初的不敢言,到可以言,最终到达无是无非无对无错无利害,可以超凡脱俗,身体轻盈御风而行,洒脱于天地间。

我现在的境界,也就是在学习到三五年之间吧!

说利弊,说是非,其实会让人与事很沉重。无论在家在业中都不够通达。

要想当仙女,要能从容,能容,欣赏,通达,才可以御风而行哦。

发现最好的你-设计中如何打造最合适的组件

用心设计

模块大家应该都不陌生,任何一个完整的界面,都会有多个功能模块,而每个模块内有相应的组件,每个组件中又有相应的元素,其中任何一点的变化,都会使用户对产品的认知发生改变。

 

发现最好的你-设计中如何打造最合适的组件


用两个实战案例,帮你掌握专业设计师才会的设计思维方法

资深UI设计者

什么是设计思维呢?顾名思义,设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维?今天这篇用两个实战案例帮你一窥设计思维的奥妙。

表单经典原则是错的?来看这5个表单设计新规则

资深UI设计者

每天我们都使用表单进行基本的网上操作。网上购物、注册邮箱、社交网络甚至参与讨论、描述美味的午餐等等都需要我们填好表单。不夸张地说,表单是数字信息分享的生命根基。然而多年以来,表单的体验鲜有提升,仅仅停留在功能足够好却达不到体验上的优秀。然而现在,在使用恰当技术的帮助下,我们可以设计出更快、更简单、更有成效的表单体验。

用一个实战案例,带你学习交互设计师的思考方式

资深UI设计者

编者按:什么是交互设计交互设计师在做什么?他们是如何思考的?今天这篇文章以“我要买一部手机”为例。带你从零开始认识交互设计师的思考方式。

交互设计是什么?

我们常常说“我们是用户的代言人,以用户为中心做设计”、“交互设计是信息设计+行为设计”等。我们需要明白,这些定义是设计师在自我视角下从不同维度对交互进行的定义。

我们是在一个商业机构做一个商业行为,所以设计行为是带有一定的商业目的,设计的价值也体现在商业价值的实现上。

所以,在以上大前提下来看设计: 设计是为了达成一定的商业目标服务的,设计本身是我们的表达手段,在达成业务及用户目标的过程中需要一定的设计指导准则以达到优秀的使用体验。


简而未减——结构化消息专为大屏而设计

用心设计

随着大屏幕高清分辨率的普及,我们在打游戏、看电影、浏览美图时,总希望屏幕越大越好,这种视角上广度与深度的享受以及和沉浸式聚焦的体验,是在小屏幕上完全给予不了的。

图中可以看出5.5英寸以上屏幕可以称Phablet,7英寸以上就是Tablet。这次案例以Tablet设备为主,Phablet设备为辅进行体验设计。

想进阶成高手?得学会如何在设计中打造最合适的组件!

周周

编者按:什么是模块化设计?它有哪些优势?该如何运用模块化设计?本文腾讯CDC 的高手带你一窥模块化设计的奥妙。

在看组件和元素之前,我们先了解在他们之上的一个概念

模块

模块大家应该都不陌生,任何一个完整的界面,都会有多个功能模块,而每个模块内有相应的组件,每个组件中又有相应的元素,其中任何一点的变化,都会使用户对产品的认知发生改变。

看起来很高大上的设计规范,看这篇就知道怎么用了!

周周

什么是设计规范设计规范到底有什么用?如何看懂设计规范?今天@Jaret_杰瑞特 结合实际工作中的体验,帮你快速上手设计规范。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档