电池为什么要以一正一反的方式安装?

September 01, 2016 / leiwaa

相信大家都曾有过这样的疑惑,每一个给玩具换电池的小孩应该也都会好奇:为什么两颗电池要反着装?

从小到大,随着看到的产品越来越多,每一个产品装电池的方式都出奇一致,于是也慢慢习惯了,这种习惯可能需要到自己的孩子问出一个和自己年少时问过的一模一样的问题的时候,才会让自己再次思考。

在设计上,这是典型的由功能实现决定了产品的形态。为了提供足够的电压,这一类产品大多都是采用串联的两颗电池来驱动,而一正一反的安装方式,从结构实现的角度上看,可以说这是很合理的方案,走线方便,也节约成本。

MockUp,大光圈,重低音

June 20, 2016 / leiwaa

越来越多的 UI 作品都套上了一个酷炫的 MockUp。

MockUp 之于设计展示,就像是大光圈之于镜头,重低音之于耳机。在初期,整体感官的提升确实不小,优秀的作品加上一个合适的 MockUp 能对作品的效果产生加成,这其中有新鲜感的原因,也有优秀设备带来的氛围,也有在设备上展示能给受众一种完成度很高的心理暗示。

这种通过廉价可得的形式感所带来提升也容易让人舍本逐末,半小时做的作品,却花了半天去寻找、研究各种 Mockup,其实大家心里都明白,设计作品本身的品质不会因为套了一个极致的 MockUp 而有所变化,相反,一些透视剧烈的 Mockup 非常影响对作品实际效果的识别,......

2年前的设备是丑陋的,200年前的设备是优雅的

June 06, 2016 / leiwaa

拍摄作品时,如果有数码产品、电子设备进入画面,有时候会对照片观感产生一些影响。这些设备,在一两年之后,会不可避免的显得笨拙厚重,或多或少会影响照片的观感。而假如若干年之后,这个设备经受了时间的考验,被证明为经典的设计的时候,反而又会给照片增加很多正面的因素。

对于近期的产品,我们使用的是与最新的产品一样的评判标准(例如手机就是要越来越薄),一个新的旗舰产品出来的同时也成了新的锚定物,我们会通过新旧对比来做出判断。对于年代久远的产品,由于差异太大了,很多评判标准也就失效了,无从比较,评价的出发点也变得更加宽容,甚至会因为带有一点笨拙的年代感而显得可爱。

内容归类逻辑 VS 用户操作逻辑

December 16, 2015 / leiwaa

最近锤子科技出了款的手机管理软件 SmartFinder ,我做了个简单的 Redesign 。

其中针对左方的导航栏有两个不一样的布局。A方案中,手机位于顶部,从内容分类逻辑上看很合理———手机位于顶部第一层级,统领下方的所有内容。不过逻辑合理不代表好用。

用户连接手机后主要都是为了管理照片、音乐等内容,查看手机状态(SmartFinder 原设计中,手机底部带有储存容量与电量信息)则......

车载 HUD 界面设计原则

November 12, 2015 / leiwaa

近期参与了一个车载 HUD (Head Up Display) 项目,虽然 HUD 是一个很早就出现的概念,不过在界面设计上,可参考的实际产品并不多,除了 Navdy,Hudway 等国外产品以及国内最近出现的几个 HUD 产品外,当前能找到的更多的是概念性的设计,对实际需要量产的产品来说,参考的意义并不很大,于是自己在设计前期做了一些尝试,期间总结了一些 HUD 界面设计的经验与原则,不一定都是对的,仅作分享。

1.首要原则-不影响行车安全

HUD 的初衷即是为了解决频繁低头可能导致的安全问题,所以如果一个 HUD 不仅没有改善安全,反而引起更多的问题,那这个 HUD 就没有存在的意义......

传统书法中的欲扬先抑

October 04, 2015 / leiwaa

传统汉字书法,强调藏锋敛锐、和而不同、向、背这些都是很受注重的思想与技法,对于这一类思想,一直没有太大感受,不过最近在练字中,越来越强烈的感觉到欲扬先抑的作用。

在上面的「展」字中,忽略重心的问题,最后的一捺显得尤其的舒展。如果按常规的写法来看,这字是有点畸形的:左方顶头的一撇特别的短,捺也稍显长了。

文字/图标/文字加图标

September 14, 2015 / leiwaa

界面设计上,「一个按钮应该使用纯文字、纯图标还是文字加图标」是一个在实际工作中经常有得吵的话题。一般来说,纯文字指意清晰,但没有纯图形美观,对初学者友好,对于高级用户来说效率又偏低。一些专业名词,文字与图形相比反而显得更抽象,例如「居中」。图形与文字的优劣几乎是相反的,图形相对更美观,对于高频度用户来说在识别上更有效率,也更利于二次识别(相对于文字,更容易唤起相关的记忆),但是对新手用户以及一般用户来说又不够友好。

理想情况是能兼顾美观与语义。常见的解决方案有两个:一个为默认显示图标,但是当鼠标指向(或悬停)在某图标时出现一个小 Tips,例如 Mac OS 下的 Dock 栏。另一种......

导航栏与位置标记

July 27, 2015 / leiwaa

在网页导航栏的设计中,有一个有意思的细节是,对于当前页面位置标识,有两种刚好相反的强调样式。

这是一组不同网页的导航栏(截于150727):

可以归纳为两种样式(假如当前处于页面B):

样式一: 页面A 页面B 页面C 页面D

样式二: 页面A 页面B 页面C 页面D

两种做法似乎都没啥问题。高亮的意义不是把它变亮,而是让它跳出来,变亮是手段,差异才是目的。细想还是有一......

UI/UX 设计师在小团队内的工作流程

July 09, 2015 / leiwaa

工作时间也不短了,一直在一个不大的团队内当设计师,也慢慢摸索出了一套适合当前团队的协作流程,由于团队不大,而且目前只有自己一人负责设计方面的工作,所以流程中的部分细节可能并不一定适用。

1. 需求确认

从拿到 PM 的需求文档开始。除了了解需求外,通常还会找出需求不明确或者细节缺失的地方,以及对具体的需求内容提出自己的想法或者建议。需求的细节会直接关系到之后设计能否顺利进行,如果没有查漏补缺,实际设计过程中再一个一个的发现问题就很麻烦了。在对完需求之后还会在整个团队内一起过一遍,确保没有问题遗漏,确保大家对需求的理解是一致的。

2. 设计基调确立

需求确定下来之后,具体的设计工......

手动风格化

June 22, 2015 / leiwaa

最近好像看到越来越多类似上图这种形式的图标。它们有一个共同的特点——具象的轮廓,加上与轮廓所代表的物品本身所不具备的物理特征,类似的还有长投影,折纸风什么的。

云我们都见过,但是显然没看到过切片状的云,严格来说这又不是拟物,仅仅图形加上了厚度而已。图形本身识别性上是没有差别的,它仍然是同一个轮廓,所以这样的图形唯一能额外传达的是:这个图标本身是立体的。当此类图标集群一起出现时,它的意图,就变成了契合某种气质,营造某种风格,或者说满足视......