BeFor Web
为网而生 - 关注移动互联网及AR/VR产品的用户体验设计

视觉设计

关于动效 - 要潜移默化,还是要引人注目? »

周日下午,天气好的又有些不真实。

电视里编辑部的故事在哇啦哇啦放着,恍惚之间回想着小学3年级每天中午回家自己用电饭锅热热午饭,然后把碗和盘子放在方凳子上搬到电视前面一边看一边吃的样子。我几乎记得这二、三十年间所有的事情。

“投入蓝天,你就是白云;投入白云,你就是细雨...”,多好的歌词儿。现在想来,那个时候,人所行事,大多是认真和真诚的,没那么多浮夸和杂念;经历过八、九十年代,也算有幸。

扯哪去了?自己觉得没头没脑说了很多,看看却也只有两段字,大约是想到那些就开始做起白日梦好像自己回到了小时候一样,以至于感到时间过去了很久。说正事儿吧?关于界面动效的话题;算的上是大道理。下面进入正文。

看完这篇文章之后,你也许会意识到,你在各种应用里看到的所有动效,其中有80%可能是不恰当的,或是根本没必要存在的。

Apple Watch应用设计预热(1) »

我想的挺好:既然假期要好好照顾喵,哪里都去不了,便安心在家做事,看书,玩游戏;这也是若干年来的传统。然后就倒下了。也许保持平日的规律还不会有问题,一旦放假有了更多时间让自己休息吧,反而挂了。

这不是一篇正经的更新。所谓“设计预热”,其实就是收集的一些概念设计而已。我不喜欢概念稿,这是真的;最让我反胃的就是从前那些充满科幻气息的Apple Watch概念稿。话说那种东西倒真是有很多人点赞,难怪本尊发布之后反倒被各种吐槽了。说着说着又来劲了;之前在“Apple Watch UI动效解析”一文中已经聊过一些自己的看法了,不多说了。

有朋友要问了那你现在为嘛要看概念稿了呢?主要是硬件概念设计里面无聊的YY太多太多,而眼下要看的这些Apple Watch应用概念设计则主要是你我这样的第三方应用设计师根据目前苹果放出的展示进行的摸索,不至于过分的空中楼阁。

恩,下面就只有图片没有文字了。5个比较完整的设计展示。再叨咕一句,苹果官方尚未放出任何关于Apple Watch的设计规范,概念设计中的优点槽点请自行判断;纯当看热闹也无妨。

关于Apple Watch的字体设计 »

十月二日晚间11点,刚看掉教父2,现在是甲方乙方,脑子有点转不过来。

当然译文不是一边看片子一边做的;之前就做好;假期,大家两便,看些小文。其实说小也真不算是小事儿,苹果在新设备里使用新字体。恩,仍然是Apple Watch方面的话题。直接进入正文吧;btw,各位假期愉快。

市面上关于Apple Watch的各种评价仍在继续,不过透过一个小小的设计元素,我们也许能瞥见库比蒂诺的那些家伙在UI方面的新策略:开发新字体。

虽然苹果有过开发字体的历史,不过近20年来,他们主要依赖的还是Helvetica系,即使在新的iPhone及桌面系统中也是如此。但Apple Watch却带来了一套由苹果自己全新开发的、尚未知名的无衬线字体;正如官网中所讲:“我们甚至专门开发了一种更易阅读的新字体。”

Apple Watch UI动效解析 »

快到十一假期了。我讨厌十一假期,和讨厌中秋一样讨厌。从去年开始的。

要倒假期,只休个周六;那么姑且把今天当做一个加班的周六好了,明天是周日。又有什么不同呢,骗自己骗的还这么站不住脚。

于是周五晚间把更新做掉;开始关注Apple Watch。爱这东西,有拥有欲。看到那么多“丑”、“没设计感”、“没有特色”、“没创新”一类的评论,无论当时心情多差的时候都会笑出来;你们以为苹果会把Watch做的像网上那些充满各种科技感的无聊的概念设计那样吗?这是和人体关联极致密切的最个人化的设备,什么叫个人化?就是它要依附于你的个性你的特质而存在;科技感?未来感?极客?拜托,那样人反而成为陪衬了好吗?我想要的是风格中性而工艺考究、毫不张扬却值得信赖的东西,而Apple Watch就是这样的东西。

不多扯了,还不到10点就有点困了;今晚我要稍微多喝一点点;走吧。文中的GIF图片较大,需等。

看过Apple Watch的keynote之后,我们惊讶于其UI体验当中所包含的大量动效。也许是出于渲染效率和电量消耗等方面的考虑,Apple Watch的UI本身相当简约,没有过多的视觉元素;这也使得其中所包含的各种转场动效成为提升使用体验的关键要素之一。

此外我们还会发现,苹果向我们展示的不只是少数几个所谓的“标准动效”,实际上几乎每个界面当中的动效都是针对其特定的内容形式所打造的;这也体现出了苹果在其交互设计方面所下的功夫。

收集的一些音乐类App设计参考(1) »

周五晚间,啤酒威士忌什么鬼的也下去了一些的样子。

听着Layla,满满的爱意却无法触及的无力与无奈,说是Eric Clapton最牛掰的作品也不为过。

这周应该没有正经的周末译文了;前面几天插播了两篇关于汉堡包图标A/B测试的段子,其实相关话题还没完,今天临时乱入一篇设计参考资源。说“篇”,也谈不上,只是一些图片而已,我不高兴在Pin或花瓣里直接做,拿来自己这里心里踏实。都是音乐类App的设计,与当前所做的事情相关,没有多少普世参考性,不喜误入吧,先说个抱歉了。

关于汉堡包图标的闲言碎语 »

想起来貌似真的有几天没有开空调了,夏天真的过去了吗?回头看看觉得恍恍惚惚的,好像过去两个多月只发生了一件事,就是从早到晚的照顾喵以及替喵揪心。眼看着秋天快来了,希望什么事情都能好好的好起来。

前面在微信里有朋友问到美工和设计师的区别在哪里。不很常见的一类问题...记得2006年刚刚入行在博客大巴做网页设计师时还专门叮嘱别人不要叫我设计师,还是美工更好。而现在无论听到别人这样称呼自己还是其他同行,都会蛮气愤的吧。为什么这样呢,大约当年确实觉得自己不够“设计师”的头衔,毕竟不是专业出身,又刚刚入行;而如今大概入了门。说回美工这个话题,我个人觉得应该特指各行各业当中负责对既有结构、内容进行美化工作,而无需考虑结构与内容本身以及业务需求和框架的人。吧?

最近越来越多的看到关于汉堡包图标的议论文章,工作当中也觉得这方面的讨论多了起来;有些观点还是值得参考借鉴的。今天就是这样一篇,也许接下来会做个小系列?不知道,这里进入译文先。

如今,汉堡包图标已经是很常见的移动导航设计模式了;它的三道杠形式非常简单,包括迪士尼、星巴克、Facebook、Google等知名公司都在自己的移动应用及移动版网站当中使用了这一模式。

不过在UX设计圈子当中,关于“汉堡包菜单图标属于反直觉模式”的质疑声也此起彼伏。一些替代方式开始出现,三道杠图标有逐渐被更符合直觉的设计方案所取代的趋势。

设计即体验 »

好风凉的周末;两边窗户敞开就好像到了秋天的感觉;外面叮叮当当的多少还有些雨在下。

最近时间和心思都跟不上了,前面一周没有做更新,书没怎么读,游戏也没怎么玩,倒是相声听了又听,马三立马志明反反复复那些段子不绝于耳,亲切安心,焦虑也有所缓解。

调整调整状态,做做更新,小文一篇。下面进入正文。

我(英文原文作者)最近做了不少演讲,关于设计、创意、UX、UI、交互等等,其中很多次是在国际化的活动当中。我逐渐发现不同地方的人们对于“设计”的理解程度真是不一样,例如在克罗地亚,“设计”仍是一个概念范围很小的词,人们几乎完全将它定义为视觉上的传达工作;在产品流程中,设计的角色就是在产品完工后做一些外观上的美化工作。工业设计领域当中的情况稍好,他们至少还提到了用户和可用性。

设计师的自我重启 »

有几个月没喝威士忌了,半年都有了,今天又捡起来了。这两周因为喵的事焦虑万分了,恢复的不太稳定,几乎每天都有不同的状况,让人揪心。揪到后面自己也不好了,各种代表焦虑的梦算是梦了个一溜够。那么让自己放松放松吧。其实自己也知道没任何意义,还不如清醒和振作着更好。

每到喵有事的时候,日子里总少不了寂静岭,也许是负面的情感当中有所共鸣。原声不歇脚的听,前面两天订了个三角头的手办,断臂胸像,禁锢在基座上。沉重,压制,带感。琢磨着摆在家里什么地方比较好。

趁着不那么闹心的时候上正事吧,非技术性文章一篇,也许会对工作生活有所帮助,因人而异吧。不多说了。

我(英文原文作者)从2008年开始做设计。非常幸运的是,在开头的那段时间里,我能和一些相当棒的团队一起为某些大品牌做设计,这使我可以很平稳的从初级设计师成长为一名资深设计师。不过,在最近几个月里,我留意到了一种衰退的迹象。所谓衰退,不是指我对设计工作的兴趣和热情,而是我的产出质量。

夏日清凉福利 - Sketch免费设计资源汇总 »

周一晚间,插播个资源帖吧。标题呼应去年8月的夏日清凉福利 - iOS7免费设计资源汇总。那篇也不错呀,那些资源放到现在也仍很适用。

恩今次的黄钻就是Sketch 3喽;汇总了20个Sketch的免费模板资源,例如iOS7(+)系统界面及元素、应用界面mockup、iPhone及iPad机身、比较新的Yosemite等等,请各位使用Sketch的同学按需索取,自行下载吧。

对于Sketch还不是很了解的朋友,可以参考之前的“优雅之钻 - Sketch 3带来的新变化”稍作了解。

通过有意义的动效解释应用的交互机制 »

现在是周五晚间,因为仍可预见周末事务巨多,就分摊到前面来更新。一天没干正事儿,团建日,做布丁、三文鱼沙拉,击了个剑,吃了点肉,这样,肚皮略满足。

回来坐下又开始寻思做事与日常摩擦力的事儿。我忘了以前有没念叨过,2005年这个时候,那时刚刚毕业,天天在徐家汇卖手机;每天18:30左右收工,骑车回到小出租房约19:00(那时中山公园附近两室一厅一个月只要1600),在超市买俩饭团子,到家扔微波炉里,同时快速洗澡,出来取出饭团子坐在空调扇前面边吹边吃,有时也会来一罐冰啤酒;完事立刻进入学习状态,这时也不会超过19:30,接下来就是PS AI一类各种学(都是当时VeryCD上下载来的国外教程),一路学到夜里一两点,继续喝酒把自己喝晕,躺倒。

那时的生活现在看来是何等的轻盈...几乎就是想干正事儿立刻能干起,闲杂事物几乎不存在的状况。其实如今在生活中很多莫名的烦躁与焦虑,在自己看来多半也是因为渴望却难以回到那时的状态所造成的。

念叨半天这些事情跟眼下的正事儿也一点关系也没有。这周的话题关于动效;我是个,怎么说,对动效的使用较为谨慎的,人。越是炫酷当道的年代越是这样;因为在我个人看来网上到处能看到的那些“动效典范”多数其实都很晕...一些主打这些元素的应用真的拿到手里用起来就觉得视线无法聚焦,缺少让人觉得安全稳定的落脚点。当然有好的一面,譬如有趣带劲的印象、科技感等等,但我仍觉得得不偿失。关键问题还是在于动效的使用动机是怎样的,是否真正有意义,无论理性还是感性上的意义。本文内容就是围绕这样的观点,通过真实案例来讲述的。正文了。

Pages