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

UI

显而易见的,易达易用的,可达可用的 »

上次更新像是好久好久之前了,凉爽的十一假期什么的,裹着帽衫窝在灯下听着Nirvana写着西雅图什么的。依稀记得接下来便是日复一日的晴朗天气,阳光从早到晚肆无忌惮的倾泻在这个魔怔的城市,气温稳步攀升,仿佛即将入夏。烦躁与不安,一切都太亮了。

想起来这些日子还是有些什么值得念叨一下的样子,除了天气。

上周五,和结识了二十年,并且十三年没有见面的老朋友一起呆了一个下午。想起来仍然恍恍惚惚的做梦一样。吃了顿汉堡王,好像当初在天津一边扯淡一边逛滨江道一样,贯穿了整个南京路,然后在人民公园找了个僻静的角落,玩了一会他刚刚在乐器展花了十二万买到的古典琴。我自然不是古典流,甜美清澈的声音到我手里简直是糟蹋;多数时候看着他弹着那些我叫得上名叫不上名的曲子,头脑中还会时不时的闪回出十三年前在天津一起jam布鲁斯的情景。

再回溯到上周日,烦躁的翻看朋友圈时突然立志接下来的一周不看不po。这一周里还真有那么几次产生过欲望,于是筛掉那些过于情绪化的没什么意义的东西,把一些可能会在一周后也就是今天仍想发的东西记录了下来,要么一会更新掉博客之后一并发去好了。指C7210个人小号,不是Beforweb订阅号呢。上一句话“指...呢”是没有任何实际意义纯粹打广告的废话。

然后我们进入本周译文吧,小文一篇,最近不敢上篇幅了,周末越发忙碌。忙什么呢?忙写代码写app。之前那篇念叨里提到的莫名其妙把“做个自己的小app”写到了下半年个人发展目标里的便是这个了。典型的自己挖坑自己跳。整天的,除了码字就是码代码,设计师的情怀呢。下面进入译文。

怎样为Apple Watch打造应用体验 »

贫嘴张大民的幸福生活,一个月里看的第二遍了,酸甜苦辣,嬉笑怒骂,难言。

依稀记得在4岁左右全家搬出了大杂院,住进了楼房,约么是1987年吧;从南开附近折腾到了天拖。天拖,就是马志明的《纠纷》里那个丁文元上班的地方,天津拖拉机厂;现在这么想起来,还真有股子老工业的味道,那时则完全无感。无论平房还是楼房,炉子和暖气都是好东西,2003年举家搬来南方之后,心里总觉得缺两样东西,一是暖气二是煎饼果子嘎巴菜。

人整天奔命图惜点什么呢,年头越多,越发现,值得珍惜却再也没机会珍惜的东西正在变多。

闲话先说到这吧,眼看着天晚了。又来聊Apple Watch了;原文作者做了一些很赞的app概念稿,总结了一些想法。还是那句话,在设计规范和实际产品发布之前一切都是浮云;大家就当热身。下面进入译文。

过不了多久,我们就要为一种新设备的体验设计操心了 - Apple Watch。最近,我(英文原文作者)决定在日常工作之外花些时间尝试些新东西,于是打造了一套我们常用的app在Apple Watch上的界面概念稿。在此过程中,我逐渐开始了解怎样为Apple Watch打造应用体验,在此分享给各位。废话不多说,我们一起来看看吧。

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

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

电视里编辑部的故事在哇啦哇啦放着,恍惚之间回想着小学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的设计,与当前所做的事情相关,没有多少普世参考性,不喜误入吧,先说个抱歉了。

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

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

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

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

案例学习 - 关于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日常交互体验”以及“为智能眼镜而设计”。走起。

Pages