设计

UI 的骨骼•始章

UI的骨骼和血肉是共生共存的,完整的视觉设计是不需要与程序员沟通的适配逻辑的,一份标注即可。写在最开始说到UI,大家肯定都不陌生,User Interface 的缩写,她是一个产品或者一个APP的外表,或者说外壳。作为一名UI设计师,我会把自己的每一个设计当成自己的“孩子”,因为她有皮肉(模样),有血脉(设计DNA),但是随着越来越多的孩子降生于世,我发现她们还需要一样东西

我用目标导向设计法,完成了爱奇艺 PC 站风云榜的改版设计

爱奇艺PC站的风云榜,是一个提供各种频道榜单的荟萃之地。其存在的主要功能,是让用户能够了解热门的剧目,从中选择想看的影片,也能够了解最近都在流行些什么。然而,该模块很久没有更新,在内容展示上有着比较大的问题,导航上也存在使用不便的情况。因此,产品提出优化。在这次优化的过程中,我使用了之前介绍过的“目标导向设计法”来指导我的设计,效果显著。下面跟大家具体介绍一下。首先,先来看

如何以开发的视角做设计?

面对完全不一样的媒介,设计师们会有不一样的目标,也会使用不一样的手法进行设计。 比如说一名 UI 设计师与平面设计师的最大区别,大概就是在于 UI 设计师能够以开发的视角来做设计。UI 这个词或许听起来非常新潮,但是 User Interface 这个词组及其含义其实很早就已经出现了。古时候的设计师使用 GIMP 对用户界面进行设计,后来我们使用 Photoshop 进行这

前端速来!2017 年 6 月前端开发者干货大合集

每个月的前端开发者干货素材大合集,相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材,这次的大合集当中包含一款颇为有趣的屏幕录像软件,几款适用范围较广的基于Material Design的框架,还有一些性能测试库也非常好用。这些前端工具与素材功能各不相同,总会有一两款是你感兴趣,甚至正好想要的~KapKap 是一款设计精巧的macOS 屏幕录像软件,它是基于We

UI 插画设计如何提升用户体验

人是高度视觉化的生物,能够即时处理大量的视觉信息,据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收。因此,在许多情况下,静态的图片能够传达出相当复杂多样的想法,尤其是在进行大范围展示的时候,它比文本的表现力要强的多。人的大脑对与图像信息的处理速度要比识别文本要快得多。长期以来,图片都作为UI界面中最具有表现力的元素而存在,而最近几

超实用!12 条提高产品可用性的动效设计原理(附案例)

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理,每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子,顺手打开就能体验啦。缓动(Easing)、偏移量和延迟(Offset & Delay)主要与时间相关。父子关系(Parenting)用于阐述元素之间的关系。变形(Transformation)、数值变化(Value Change)、遮罩(

交互七大定律之奥卡姆剃刀原理

先欣赏一张雅虎ued绘制的关于“奥卡姆的剃刀原理"的Q版小漫画,初步了解下奥卡姆的剃刀原理:分享一个小故事日本最大的化妆品公司收到客户抱怨,买来的肥皂盒里面是空的。于是他们为了预防生产线再次发生这样的事情,工程师想尽办法发明了一台X光监视器去透视每一台出货的肥皂盒。同样的问题也发生在另一家小公司,他们的解决方法是买一台强力工业用电扇去吹每个肥皂盒,被吹走的便是没放肥皂的

UX 中的悬浮操作

悬浮操作按钮,英文Floating Action Button,简称FAB,它是一个在安卓app中常用的操作。大概形式是一个圆形的按钮在UI上层浮动,这是一个让设计师们展示产品重要功能的地方。悬浮按钮是简单易用的UI元素,可能正是因为这样吧,使用的时候不会太纠结,以至于有时候会错误地运用在设计中。这篇文章中有几个点:什么时候用?怎么用?悬浮按钮与动画要怎么结合,才能提升UX

没有风花雪月,我们谈谈交互那点事

2017年3月,由于未来规划的原因, 离开了华为UCD设计中心,离开了心爱的深圳,来到了杭州工作,,回忆前段时间找工作面试时,面试官曾问过我一个问题:“从你目前的工作来看,你是怎么理解交互设计的? ”我觉得是个不错的问题,因此整理了一下自己的思路和大家分享,尤其对一些入行不久的设计师应该会有所帮助吧。要想产品体验好,先要保证工作体验好 首先要说,交互设计师不是单纯画原型的,

漫山遍野的多边形元素,正在入侵每一份设计稿

如果你仔细观察如今时下流行的设计作品,会发现围绕着多边形元素,有一系列多种多样的玩法,比起2年前的Low Poly 插画和背景的玩法,来的更加丰富。这些被亲切地称为为 Poly Shapes 的网站、海报和平面设计项目,层出不穷地在各种设计的作品集中出现,让人爱不释手。我们常说的多边形,是在二维平面内多条直线线段首尾衔接构成的中空闭合图形。在实际设计中,它的形状多样,有的中