首页

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

周周

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

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

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

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

首页动效

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

周周

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

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

模块

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

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

周周

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

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

周周

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

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

色彩对比

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

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

周周

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

2017年流行的UI风格,可能是你从未听过的「无框界面」

周周

编者按:什么是无框界面?凭什么断言它能成为2017年的主流UI 设计风格?雨涵_Zoe 这篇干货文章为你揭秘。

什么是无框界面?

纵使几大设计风格已形成寡头垄断(如苹果的圆角玻璃、谷歌的层级、微软的方块…),但界面设计的进化历程才刚刚开始。

写过关于去形式化的话题。在这个新趋势中,界面上的内容越来越重要,相对的,一切与内容无关的都被大大削减。

去形式化是一张非常模糊的全景图,在演化中一些新的设计风格逐渐清晰起来,例如——无框界面。

也许你已经发现了,今年来越来越多的网站和应用,尤其是那些注重设计的,都有这样的趋势。曾经用来划分区域的边框和边线逐渐消失,然而在干净的界面上,通过距离分割,各区域的差别依旧清晰可辨。

uisdc-ui-20170109-1

这7个思路,能帮你在设计项目中用好小图标

周周

图标是设计项目中几乎必不可少的一个组成部分,但是在图标的具体使用上,讲究并不少。 如果你曾仔细浏览优设的网站,应该已经看过不少图标设计的实战案例。

1、强化视觉

avenir-clinic

老生常谈!设计高素质的UI应该掌握这7个关键属性

周周

我们的世界正在快速的数字化,这也是为什么UI界面在近10年来一直都是热门话题,同时,这也意味着,作为设计师的我们比以往任何时候都要专注打造高素质的UI,以及让用户欲罢不能的用户体验。我们需要好的UI和优秀的设计。

我们一直在追求好设计,优秀的设计,让人难忘的设计,能够脱颖而出的设计。我们相信设计是有迹可循的,有成熟的、可考量的标准来衡量,它甚至可以作为我们设计的方向而存在。

从网站到手机,从家用的恒温控制器到汽车的控制面板,所有的这些UI构成了我们的日常数字体验。越来越多的屏幕和日渐庞大的数字化内容,使得我们对于优质的UI设计越来越渴望。

虽然好设计的原则是老生常谈,但是我们还是要经常总结,结合自己的设计,三省吾身。

1、简单

image1

进阶必读!UI 设计规范的制作思路+常见问题总结

周周

编者按:制作UI 设计规范的大体思路应该是怎样的?制作规范时容易遇到哪些瓶颈?今天这篇好文是华为设计师总结的经验,帮你一次性搞定这两个问题!

2016已经接近尾声,上两天刚参加完比赛,利用这几天空闲时间,把最近沉淀下来的东西分享出来。

上个月团队几个小组进行友谊比赛,命题是“邮件”。规定大家以产品思维去设计一款全新的产品,形式不限。很难得的是所有人都参加了产品设计的每一个环节。我们秉着发现问题、解决问题的态度开始了这次友谊比赛。

UI丨历经实战,我总结了这四个界面设计规范的经验

周周

雨涵_Zoe:最近为了设计提率和质量,我开始研究如何做规范。看了一圈别人做的设计规范,又回想了一下自己以前做的,总结了以下几个经验。

说到设计规范,这里有一篇绝对不能错过的:《内部教程!超实用6步透视网易设计规范(附完整PDF下载)》

设计规范的共性

不同的规范虽然内容差别很大,但是对比一下它们的目录,却又很多相似之处,通常包含:布局、组件、配色、图标这四部分。组件里的分类无非是导航、菜单、表单、列表、表格、按钮、弹出框诸如此类,我就不一一列出了。

日历

链接

个人资料

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

存档