BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

视觉设计

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

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

前面在微信里有朋友问到美工和设计师的区别在哪里。不很常见的一类问题...记得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上下载来的国外教程),一路学到夜里一两点,继续喝酒把自己喝晕,躺倒。

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

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

案例学习 - 关于VSCO Cam的可用性测试 »

周末好时光,寂静似温床。初夏虽无暑,啤酒却清凉。

好诗。把一堆乱七八糟的东西浓缩成20个字;古人的情怀比起如今140个字的世界来说更加不扯淡。

记得高一那年夏天,大约是1999年的这个时候,要选择接下来学文还是学理;一直认定自己内心更加适合学文,而且当时一个关系不错的喜欢Nirvana又会弹钢琴的姑娘选了文科...但是按“寻常路”的思维来说又没道理不学理,男生,数理化还算过的去(后来证明其实过不太去),记性又不太好,不适合背大段大段的东西...做决定之前的那一天相当纠结。最终还是选了学理,于是在悲惨和抑郁中度过了中学时期的最后两年。

不follow自己的内心,大约就是这样的结局哦?话说今天的更新,属于比较“特定”的情况,关于照片处理应用的话题;个人工作方面的关系吧;普世性也许不是很强。不管了啊,进入正文了。

Visual Supply公司出品的VSCO Cam是一款时尚并强大的移动端照片处理应用,无论在App Store还是Google Play都有着4.5星的优异战绩。VSCO有一大批忠实的用户群,而且他们的Grid(应用内置与在线的照片流)当中有着很多我所见过的最美的照片。在2014年5月,他们成功融得4000万美元的投资。

那些小处见大的设计细节(10) »

有的老小伙伴要去霓虹国,有的老小伙伴正在生宝宝,有的老小伙伴正在香港兴许还在琢磨着去霓虹国的小伙伴会不会帮他带手办;不知还有些什么小伙伴在看着什么电影吃着什么美食逛着什么街血着什么拼。想到这些觉得蛮开心的不知道为什么。

这周末公事私事缠身,着实没有时间做文章的更新了,便零七八碎的拼些小时间出来做一期小处见大。哦蛮久没有做过了,一直以来关注的LittleBigDetails也没太多新货了;倒是在想,接下来继续做的时候还可以挖些他家的旧货出来,虽然那些蛮早以前的App或Web服务可能已经有过多次改版了,但是那些细节当中的设计精髓毕竟不会随着时间的推移而褪色。

那这次就开始了;发现有不少是Google的;今天也花了不少时间研究Glass,有兴趣的同学也可以翻翻之前的两篇文章,“Google Glass日常交互体验”以及“为智能眼镜而设计”。走起。

设计师应该扮演的四个角色 »

我发现一到价值观方面的文章就爱用这个叹号的图标。为毛呢?我思考。

天气很好的周末下午,转过头看看书房窗外,对面楼顶的斜坡上铺着一层不薄不厚的阳光,是安静的味道,看着就是太阳快要去西边落下的样子,挺好。

这份从容绝对是我装出来的。周一开始要开始新工作了,兴奋、期待和未知的忐忑都有些;最主要的是,周三,喵的又要考大路了。看了眼天气,不出所料的又是下雨。我就服了这事儿了,要练车考车的时候绝对是喵的阴天下雨,奈何奈何啊?啊?

不行,待业两周的时间该干的事情到最后还是没干完,闹心,也没辙。博客该做还是要做。恩,正文吧。

吐槽向 - 关于Dribbble、设计社区、圈子、互捧够友... »

又出太阳啦!这事儿在如今简直就是大事件。周日;我的喵刚从键盘上肆无忌惮若无其事的行走过去,踩出一堆乱七八糟的喵星文,大概是喵了个咪一类的;然后到客厅书房厨房视察了一圈,发现没什么状况,便回到屋里抓了一会瓦楞纸板,继续睡去了。小样。

接下来可以在家休息几天噜,爸妈建议我没事到那边绿地溜达溜达晒晒太阳,那也要有太阳才好;完全没有休息的心情,直到把大路考出来,心中雾霾方能散去...

好吧,又是一篇唱反调的东西。虽然每篇译文最后有一句象征性的“译文代表原作者观点...”,但其实不代表我个人观点的我基本是不高兴做的,对吧?尤其是这种,上学时叫做什么,议论文。有时想想,既然是差不多的观点,干脆自己整理整理写出来好了,干嘛还要翻译人家的?想来想去答案只有,懒。要把自己脑子里那些横冲直撞漫天飞扬的东西围绕着一个明确的核心清清楚楚的整理出来,需要花的时间两倍于做一篇译文也不止哦?所以姑且,借文言志了!激毛动。

关于Dribbble,或是类似的一些“圈子”、“社区”,其实一直以来都有些,怎么说,不愿过多掺合的感觉(当然无论什么圈子我都不乐于掺合,这倒是真的)。国外如此,国内的尤甚,我只觉得,什么设计社区,无非互捧够友、自娱自乐;当然也不能说一无是处:逛逛素材,看看想法,最多这样了;若是真当成个要混要泡的交际场,勾搭一帮整天膜拜你的小朋友,扬个鸟名立个鸟万,什么图标粉丝...当心把自己和别人都毁了;你不把自己当设计师,就别怪别人管你叫美工。当然人家可能真就不把自己当设计师;这事儿是我多虑了。

呼呼,三言两语,不知所云,有的没的,各位多包涵吧;若是真的得罪了谁,那我只能抱歉的说一句:我说这些就是为了得罪你们的喽。下面进入译文。

关于移动应用的新手引导设计 »

大晴天真是稀有,赶快写下来;一次一次记录阴郁风雨的天气简直让我烦透了。

终于进入三月,双鱼的同胞们开始此起彼伏的过起生日来,莫名的有种喜感。那,祝双鱼们开心,每日有快乐,天天出太阳。明天就进入last week了(有这说法么?),想想去年这阵子也是工作方面的动作,每天自己窝在家里除了看书就是看书,爽翻;然则今年还要继续为大路而犯愁(第一次没考过)。

哦,昨天终于去看了看中医啊,我就说么,一直觉得身体不爽,西医怎么查怎么OK,医生都烦了,也不愿和我交流沟通...中医就好很多,望闻问切,很有交互感嘛。我也知道这半年各种不开心的事情对自己的情绪和身体的影响,我也知道前两个月那么多烈酒和咖啡有多伤身...从此我要像水一样从容流淌不以物喜不以己悲动若脱兔静如处子...有人看到这里觉得我需要看精神科吗?

那么我说正事吧?前面做过几篇价值观、一篇莫名其妙的洗衣机界面重设计...今次回到移动应用的dirty job当中,搞基层建设。来自Nielsen Norman老爷子Group的小文一篇。下面进入译文。

如今市面上的很多应用都会在初次加载时提供“教练画板”形式的新手引导或教程任务(画着各种使用说明的半透明浮层)。此类引导有时确实可以帮助用户以正确的方式使用产品,不过很多时候也真是没有必要。如果你决定在自己的应用里增加这样的新手引导,那么不妨参考本文提供的一些设计原则,以打造出更有用的引导,而不是让用户只想赶快跳过的障碍。

Pages