动效设计的方法论:动效的质感

前言:动效质感最直接的表现就是对动效速度与节奏的微妙把控。动效不仅仅炫酷有趣,能够生动的展示界面间的转换,还可以清晰地表达层级的关系,及时有效的界面内的元素。给用户带来自然、高效和顺畅的体验。有好的动...
4年前
02,6550

产品细节中的情感化设计

原研哉在他的《设计中的设计》中有介绍过这样一个案例:日本机场原来是用一个圆圈和一个方块表示出入的区别,形式简单并且好用,但设计师佐藤雅彦却用一个更“温暖”的方式来重新设计了出入境的印章:入境章是一架向...
4年前
01,1910

智能手表UI界面设计 — 圆

无论是国外还是国外,很多厂商都开始了智能手表的生产,然而这些智能手表设计对UI设计师来说是一次非常新鲜的体验,如果这方面设计有兴趣的同学可以看看本文,进一步了解智能手表的交互及设计。 圆在日常生活中比...
4年前
01,4060

玩转HTML5移动APP页面(优化篇)

承接上文《玩转HTML5移动APP页面(动效篇)》,上次说的是让页面动起来的一些小技巧。 而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发...
4年前
01,0710

玩转HTML5移动APP页面(动效篇)

作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢? 这次就...
4年前
01,0750

为网页添加高清SVG ICON解决方案(下)

在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清I...
4年前
01,1730

设计方案输出如何做得更好?

设计师制作完项目设计稿后都需要输出设计方案,很多时候设计师以为自己设计的作品已经非常美观,从视觉表现到细节元素、交互设计等等已经没多大问题,可以是在实际输出项目方案后,总是要反复地修改,到底是为什么呢...
4年前
01,7450

Figma系统组件库搭建全攻略!

随着设计工具的不断发展,Figma逐渐成为各大公司的主流设计软件。Figma强大的组件库能力,非常适合团队设计系统的建设与应用。相比Sketch,Figma在Auto layout、变体和实例等方面极...
4年前
01,5230

这才是WEB网页表单的正确使用方式

当我们设计Web表单时,往往用最直觉的设计经验本能驱动我们去解决一些看似在界面设计中最简单的问题,但每每到细微之处,又会有无数疑问从细节中冒出来给我们的设计造成困扰。 例如:在表单界面Label(标签...
4年前
01,3280

如何构建设计语言?百度直播平台案例分享

前言:通过百度直播平台案例,向大家分享设计语言的构建思路。 什么是设计语言? 设计语言是把设计作为一种“沟通的方式”,在特定的场景中进行内容与信息的传达。设计是介于科学与美学之间的一种艺术,是需要理性...
4年前
01,0430

百度APP帐号人格化创新设计,好看!

前言:帐号作为用户身份在互联网产品中的投射,是用户在产品中重要的身份信息。我们可以通过用户的头像、用户名、挂件等快速辨识用户性格兴趣喜好等特征。在用户进行社交时,帐号头像是最直观、最快速的了解用户的方...
4年前
01,4830

100年后,人类终于看到了黑洞

从天文学的角度来看, 2019年可谓是黑洞之年。 这一年,黑洞研究取得了多项突破性进展。4月10日,科学家发布首张全球唯一的黑洞照片;11月28日,中科院国家天文台的科研人员又发现了银河系当中最大的恒...
7年前
02,8160