首页

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

周周

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

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

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

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

首页动效

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

用心设计

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

 

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


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

周周

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

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

模块

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

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

周周

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

如何善用对比度来提升网页内容的可读性

周周

当我们聊设计的时候,可读性是我们最常提及的话题。良好的设计应该都是可读的设计,如果信息都无法正常而清晰的传达,那么设计就失去了意义。

设计的可读性和排版设计息息相关,与此同时,对比度的控制也是其中的核心。想要提升内容的可读性,让内容以更加顺畅、更符合逻辑的形式呈现在用户面前,你需要借助对比度来表达,让用户真正顺畅的理解。

色彩对比

前景的文字需要和背景有着明显的对比,它需要能够吸引用户的眼球。

内容为王的时代,阿里设计师用实战案例解读内容化设计!

周周

编者按:什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例,帮你掌握内容化设计的精髓!

前言

如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会User Friendly 2016的分享,手淘的设计师和业内的同学们一起做workshop,探索如何进行行之有效的内容策略脑爆,以及思考内容产生、组织到流转分发的设计策略和用户行为数据验证。希望能让大家对无线端导购的内容化设计有所启发。以下是对大会相关内容的整理。

在探讨内容化设计是什么之前,或许有人奇怪:设计为什么要关注内容呢?

这7个秘诀,能帮你做出体验极佳的网页表单

周周

表单是网页设计中最常见的元素,几乎每个网站都会包含一种甚至几种不同类型的表单。从简单的电子邮件搜集和订阅,到注册、下单、购买,表单一直伴随着网页而存在。所以,设计出好看易用的表单是非常有必要的。

也正是因为表单一直伴随这网页存在,在过去的20多年间,表单的设计规范和标准也一直在逐步发展。虽然许多网页中的表单涵盖了大量的信息也数量可观的栏目,但是绝大多数的优秀设计和最佳实践都是以简单而著称。好的表单一目了然,用户不需要输入太多信息,条目标识明确,格式清晰,让用户尽可能一次就能正确填写。

授人以渔!用一个清晰的思路帮你掌握移动界面标注

周周

授人以鱼不如授人以渔,我写文章的目的并不是让大家完全按照我的方法来做,而是希望我们都能提高自己的思维方式,因为现在网上的方法与经验实在太多(又不能确定都是正确的),你的大脑永远无法承载整个互联网的信息容量,所以与其看那多内容,不如从根源上提高自己拆解、分析、总结的能力,这样无论以后你遇到什么样的问题,都能够迎刃而解。

用好这5个技巧,帮你快速挑选出最合适的字体

周周

时下一种流行的设计方式是在页面顶部使用配有简洁文字的大幅图片或者视频,以此吸引用户进入网站。这种设计方式最头疼的就是如何为这些文字选择合适的字体。

从样式繁多的字体库中找到一个合适的字体,往往会让设计师感到举步维艰。但是我们可以使用一些小技巧,就能找到我们需要的字体。让我们通过下面几个精彩的案列来分享这5条建议。

什么是特排字体(Display Type)

小科普!Android和iOS的设计到底有什么不同?

资深UI设计者

之前有粉丝留言说希望我们能写一篇关于iOS和Android平台特性对比的文章,笔者曾经为两个平台分别做过差异化的设计,所以今天想借此话题为大家介绍一下iOS和Android两个系统在设计方面的差异之处,让大家能更好的理解其中的异同并运用在自己的设计当中。

作为智能手机的最大的两个阵营,iOS和Android系统差异一向都是大家津津乐道的话题,其中内容通常是围绕“机器性能好不好,打开软件卡不卡”“摄像头的像素高不高,拍出来的自己美不美”“外观是不是有bigger”等话题展开的。

但在一个设计师眼里,这两个系统的差异性之多可远远不止表面上看起来的那么简单粗暴。但在移动端趋势有如春草那样蔓延开来的今天,大多数的公司都选择把iOS的界面直接运用于Android系统。我们自然可以理解这样做是为了节省成本和更快的迭代,但抹杀了系统特性的运用却牺牲了许多Android用户的用户体验。尽管知乎也有类似回答过两个系统交互的不同,今天笔者想更着重介绍一下两者设计语言的异同。

日历

链接

个人资料

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

存档