BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计 - Since 2011

视觉设计

漂亮的视差效果,值得你用性能来换取吗? »

自从元旦假期开始,就有点肾疼...也许是那几天里咖啡因和酒精摄入的太多。眼下吃什么什么不消化,浑身脑袋疼。这状态让我想起2010年初那段日子了,持续两三个月的莫名其妙的低烧,然后是一个多月的肠胃问题,折腾了半年也没查出个所以然。恐怖哦。

希望一周之后自己回头看今天博客的时候已然无恙。继续上新,关于视差效果性能表现的小话题;弱问,各位见过的使用视差技术的Web页面里,有多少能让你觉得清晰顺畅的感受不到任何负面体验?我印象里真的没几个,包括Medium里的;不知为什么,这些页面总让我觉得没有安全感。本文篇幅虽短,但主旨很清晰——针对产品主要用户群体的特征来选择最合适的设计方案,别瞎跟风。

这里进入译文。我(英文原文作者)最近在ThemeForest(模板站)逛了逛,发现几乎所有的付费模板都用到了视差技术。其中一款比较新的WordPress主题,Magnetto,在我的Retina Macbook Pro上看起来真的是华丽到家了。

只是,这款主题的演示页面在我家的高速网络连接上花了8.5秒才加载完毕。值得吗?

要扁平化,也要可用性 »

现在是周五晚间。莫名其妙的又到周末了,好像刚刚上了两天班的样子。

正在看阿拉蕾,哇啦哇啦的可开心了;话说高中的时候电视台还在放,若是放学能早回家,第一件事就是打开电视看。一直以来都很想成为企鹅村的居民,每一天都傻乎乎的过着开心的日子,周围是各种有趣的人,还有会说话的小动物。

然后回来说正事。这周末要上新两篇,都不是很长,轻轻松松读一读的那种。那么,正文之前先祝各位周末愉快吧。

这里进入译文。扁平化风格不意味着设计工作本身可以得到简化,更不意味着界面可用性的衡量标准可以被降低。本文将与各位分享一些tips,希望可以帮助你在打造扁平化设计方案的同时提升界面的可用性。

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

2014年的第一天,各位好。

昨晚喝的有点大,听了很多老东西,给很久没联系的一些老哥们打打电话,大家一起哭哭笑笑;在那如此操蛋的一年的最后一天里放纵下心情,然后新年第一天发现嘴脑袋有点疼,阳光却不错。

现在是一周的中间,那么插播一篇小处见大;已经是第4篇了轰?仍然是20个的汇总,请过目。

自力更生,不求开发 - 设计师怎样使用Xcode 5制作app原型 »

连续5天的休假业已开始,于是怎样都觉得今天是元旦的样子。天气倒是不坏,可屋里还是会冷的让人站不是坐不是,每到冬天便会一堆牢骚着怀念起北方的暖气,那是怎样的一种幸福呵。

然后呢,之前在微博也念叨过,读到几篇Xcode科普文章,第一反应就是搬来噜。我一直是这样认为的轰:希望能够看掉几篇科普文章就掌握iOS开发基础,这确实不是件很现实的事,但只要你想向目标迈进,俺们就一步一步的向前走。看过文章,觉得有所了解,具体工作还是留给开发,那也合情合理;有了些心得,觉得有兴趣有欲望进一步学习,以求真正掌握开发技能摆脱该死的束缚,则再好不过。我要在这里做的,就是把更多信息分享给更多设计师,让大家看到更多可能性。

今天的这篇,不涉及任何代码编程,纯粹通过大量图片与少许说明来展示实践方式;作者还提供了该案例的完整项目文件,我们可以边参考边学习。我个人建议,可以先读一遍我们之前的“设计师应该了解的iOS应用开发基础知识”一文,对相关的一点点理论知识有所认知,然后再跟着今天这篇文章进行实践。那我就不多念叨了。

这里进入译文。过去几个月里,我每天都早上7点起床,然后持续工作到晚上7点,为的就是既能把我自己的应用Ripple搞出来,同时又能保住我在Carshare.hk的全职工作。这个月里,我整个人都扑在iOS的体验设计上了,我的挑战有两点:确保上面说的两个应用在年内发布,并且在这些项目中同时扮演设计师与前端开发的角色。

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

我又来插播了。本来上周就该发掉,然后手头小忙,没顾上。其实昨天还在家怀旧了一晚上COD现代战争1呢。

小中见大第三期,同样是20个微小设计案例,今次貌似Google产品居多,但也有iOS7啊Tumblr啊Facebook啊。突然馋威士忌了。插播就不多念叨了,让我们进入吧。

易用性与转化率的提升 - 打造良好UI的32条建议(2) »

周六晚间,窝在床上,听着迪伦,做做博客,心旷神怡;突然想到明天又要早早起来跑去荒蛮之地学车,一丝沮丧。

这些日子,这几周,这几个月,似乎只听的动迪伦、滚石和Led Zeppelin了;易累,易凌乱,易不安、易焦虑、易难过,易暴躁、易起伏。momo说,你需要时间。嗯的。

今天带家里另一只喵,斑斑,去做体检。成长到6岁半,才第一次做这样的体检;越发觉得我真的不像自己一直觉得的那样对它们用心和关爱,直到推推离开,才想到要在这些事上更上心。内疚甚至是负罪感。突然不想再继续这个话题了,哪怕只是闲聊。

继续上周末的“易用性与转化率的提升 - 打造良好UI的32条建议”吧,今次是剩下的16条。这里进入译文。

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

天气不错,周围很吵,空气很糟。旁边姑娘桌上的空气加湿器喷着白雾,云山缭绕的赶脚,我快睡着了。

周四,可以适当插播了。话说回来,如果插播成为规律,那也就不能称为插播了;但是我从来也没计划过这么高频率的更新博客,所以还是观望吧。

小处见大的设计细节系列,第二篇,仍然带来20个细节案例。我越发觉得自己喜欢看这些东西了;买来蛮久的《微交互》最近也开始看起来了。大世界大道理,小天地小文章;将注意力聚焦在这些东西上面,莫名有种安心的赶脚。不多说了,看看吧。

易用性与转化率的提升 - 打造良好UI的32条建议(1) »

继续生活,继续工作,继续学车,继续喜爱着周日的阳光以及在这样的天气里做博客。身后的柜子里放着推推的照片与盒子,里面是所有属于推推的小物件。我想念她,想念她本该在这种天气里慵懒的窝在床上的样子。

今天的话题,来自Goodui.org,关于提升页面易用性及转化率。本文带来的建议和观点,较适用于Web服务和移动应用的Landing页面。我们可以看到越来越多这样的页面,有些相当出彩,市面上也有不少相关的设计展示汇总文章。而本文则从设计原则和实践的角度带来一些思想武器供我们学习参考。

全文共32个要点,较长,今天先上一半,下周补完。接下来进入译文。

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

这是个新坑;其实是蛮早就想做的一个系列了。现在,我的时间可能比以前稍稍多些了,就做了。这些内容来自Tumblr的一个博客,Little Big Detail。那边的用户提交了很多Web和App产品中设计用心的小细节,可以说,包括一些精妙的微交互模式,一些小小的情感化元素,这样,我很喜欢。于是就挑出一些自己觉得有点意思的,汇总成期,放到这边;每次10至20枚不等。

今天是第一发,涉及Apple、Google、MailChimp、Medium、Pinterest等品牌和产品。请看吧。

扁平化设计与最小化设计不是一回事 »

首先向给推推祝福、给我鼓励的各位朋友说一声谢谢了,我觉得很暖,推推也会感觉到的。

还没到周末,临时插播一篇小文,要表达的东西都在标题里了,纠正了一些认知上的混淆,提出了一些小建议,大致是这样。茶余饭后可稍作阅读,可能有益消化吧,我不知道。看正文喽。

这里进入译文。如今,到处都是“扁平化设计”了,但是似乎很多人将这个潮流与“极简设计”或是说“最小化设计”搞混淆了。其实这是两个完全不同的概念,根据具体项目不同,它们甚至还会彼此互斥。

Pages