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

视觉设计

图标,文字,还是图标加文字? »

周六傍晚,白天天气不错,这时间还是亮堂堂的没有哪怕一丝夜色要融入进来的意思。

前面刚刚拍了新的身份证照片;提起这事儿才发觉现在手里这张塑料卡片已然是10年前拿到的了;2005年那天早上去拍照片然后被工作人员把头发别到耳朵后面的情形还历历在目,最终拍出一张哭丧的衰脸。这次我也一点都没笑,脸上跟抹了胶一样。

话说,本来天真的以为这个月底开始就能基于实际设备来念叨Apple Watch那些事儿了,只是没有想到需等到6月才能拿到,也是一阵肝儿颤与恶寒。

更新译文一篇,关于UI当中图标的使用。其实吧,我觉得像上周末那样,不做译文,只是边喝边听歌边絮叨,还是蛮舒服的。正文吧。

图标是界面的基本组成部分之一,然而在很多时候,图标本身也在破坏着界面的清晰性。

念叨 - 关于Sketch、Origami、Swift及Apple Watch »

周末,清明,所谓弹簧式天气,夏日般的高温,高温之后的风,雨,乌云,尴尬的阳光,一屋子猫毛,Pearl Jam MTV Unplugged 1992,威士忌,扔在门外的Air Force 1,晚间21:55,凌波丽,Eddie Vedder正在绝望的嘶吼“We belong together,together”,目光神经质且坚毅着。

翻开朋友圈满眼都是精致的文艺的酒吧餐厅餐盘美食小清新民谣Live吧啦吧啦...just fuck off...

话说,这周没有看到像样的或是愿意做的文章,想想就自己念叨念叨好了。从来都只是在正式译文前念叨,这次搞大了;记得以前有些朋友评论说每篇开始的念叨属于信息噪音,尽快进入正文才好;也是个角度,不过抱歉今次怕是没正文了,都是念叨呢。我几乎把自己逗乐了。

当然念叨的也是正经东西居多,只是随性了吧,毕竟不是一板一眼的做译文或团队博客,脑子里没什么中心思想啊框架啊提纲一类,想哪说哪好了。谁知道会不会念叨上瘾以至于以后越来越多这样呢。谁知道。

提升Sketch使用效率的6个实用技巧 »

春节假期什么也没怎么发生便这么过掉了,新的春天倒是冷了起来,冰渣子和雨一类的随便什么也都下了一些的样子。

开工了,城市当中的人和车也忽然多了起来,一如既往的吵闹,于是我又开始期待下一个春节。小时候期待春节是指它本身,而如今所向往的,则是春节前后那几天里上下班路上不那么拥堵的生存状态。上海本身似乎并没那么多人,也许北京也是这样,也许任何一个所谓“机遇与挑战并存”的大城市都是如此 - 平日是生存与奋斗的竞赛,争先恐后不亦乐乎,春节了却又抛个“回家”的话题出来 - 蛮无聊的。whatever了。

一篇关于Sketch的文章,实用技巧一类,我先学习了。下面进入译文。

Sketch 3 - Bohemian Coding带给我们的这款优秀的设计工具,在速度及灵活性等方面的表现都是其竞争对手难以匹敌的。

我(英文原文作者)自己是一名自由交互设计师,很早就开始使用Sketch了,它已然成为我设计工作流程当中不可或缺的组成部分。我很愿意与各位分享自己的一些经验,例如本文当中介绍的6个技巧,就可以帮你有效提升Sketch的使用效率。

设计潮流?要思考,而非盲从 »

好的这里就是前面“临摹,理解,启发,提升”一文当中提到的第二篇了。

然后,下次更新,至少是在年三十之后了吧;于是在这里先给各位拜个早年了,大家无论什么什么的都好好的。下面是正文。

作为设计师,我们貌似一直在做着设计决策,其实未必如此。扪心自问,有时为了让界面看上去更酷,我们所做的只是盲目的跟随所谓的设计潮流,而非自主思考。

不得不承认,很多时候,为了打造让更多人欣赏和赞叹的设计方案,我们总是屈从于那些能让我们自己觉得惊艳的素材,拿过来塞进自己的产品当中。

临摹,理解,启发,提升 »

很快要过年了倒是真的。却也完全感受不到。大约明天上班看到回家的同学留下的空座位时才会有那样的感觉吧;突然想起去年春节之前坐2号线下班时一车的人都安然出站而只有我被警察叔叔拦下搜包的段子,那所谓的警犬白白的真的很萌,搞不好是兼职小狗。

楼外突然开始放炮;厌恶至极。

这周末虽然只有一天休息,不过更新要做掉两篇。都很短,一篇关于日常积累,一篇关于对设计潮流的反思。其实说起来两篇当中的某些点看上去甚至互有矛盾;抓住核心就好,例如本篇作者平时是怎样关注产品并取其精华为我所用的。之前在一篇关于草图的文章当中我也提到自己喜欢对着随便什么应用用纸币临摹界面,差不多的样子 - 实际动手临摹,会比“看”更加投入。下面进入译文。

我(英文原文作者)每年都会设计不少应用,方法和技巧还是有一些的;其中之一,就是每天花很多时间去寻找和汲取灵感。

我会去看那些设计模式收集站点还有设计师的个人作品集,会去读UI设计相关的新闻,会去下载排名靠前的应用并仔细把玩。

Sketch 3视频教程专辑 »

本周末微忙,暂不做译文更新了。电视里小白龙正在砍九头虫。

之前从Youtube上扒下来一套Sketch 3视频教程,放在了Youku作为一套专辑。教程由LevelUpTuts出品,共19集,蛮全面的,也不是很长,适合准备接触或刚刚上手Sketch 3的同学用来入门。

话说Sketch本就没什么学习曲线倒是真的,界面风格、使用模式一类与Xcode、Keynote等等典型Mac应用工具如出一辙。

此外LevelUpTuts家还有不少其他方面的免费视频教程,只是都在Youtube,有兴趣的朋友请自便了。

Sketch的一些常用技巧 »

吃好晚饭洗好了热热的一个澡。果然开始听相声了。嗓子痒又不高兴去抽烟的时候例如现在这样便很想吃润喉糖,最近一天能吃掉一条荷氏,也是够凉的说真的。

好了,继续更新前面提到的关于Sketch的话题。谈不上译文,汇总了一些文章当中介绍的tips,包括常用快捷键和一些小技巧。最后一条还蛮亮的,很实用,我怎么没想到这样做。

“设计”是思考的过程,而非光鲜的结果 »

周日傍晚,最近一阵子第三遍看贫嘴张大民了。天是灰黑的,灯是昏黄的,电视里的大杂院却是五彩缤纷,京腔京味。晚点再听听马三立马志明,齐了;一阵儿一阵儿的不听听北方味儿的东西心里空的慌。

我倒未必有多想念北方,只是蛮怀念冬天有暖气的地方。怀旧这东西,你真回到旧里,未必是那么回事儿。诶,话说今年冬天真正是暖冬,希望夏天不会是酷暑就好。

这周做两个小更新,一篇带感叹号图标的小文,一篇Sketch相关。一个一个放吧。下面进入译文。

设计,是一个寻求最佳解决方案的过程,持续的设计意味着持续的追求更好的解决方案。设计是过程,而非结果。人们会设计各种东西,包括界面、电器、家具、房屋、CPU、体验、工作流程、工具等等,但是人们人们不会设计“设计”这种东西。

进一步说,如果你是设计师,那么这些东西其实不是你的全部产出,它们只是你设计工作的副产品。设计流程,是彻底思考清楚一些事物的流程,这个流程才叫做“设计”;在这个流程的末端,就是那些实际可见的蕴含着思考产物的“副产品”。

我每天都画草图,你也该试试看 »

我从不敢放眼将来长远的看过去若干年,也许正是这个原因才让自己对很多事情不那么在意。其实我是个很安心于能让自己安心的事物的人,只是这样的事物随着时间的推移而越来越少;自己所有看上去还算是努力的努力大体都是缘于对这些的追逐。

例如现在这样坐在昏黄的小台灯下,听着Neil Young和Pearl Jam合作的专辑《Mirror Ball》,有的没的在博客里念叨着,便是如此的安心。在如今的生活里,这样的片刻时光几乎少到无从珍惜,转瞬即逝。

话说今天这篇小文,我自己很喜欢;更确切的说是共鸣。不,我不敢称自己为每天草图本不离手的设计师,但在2014年年初的几个月也确是每天掏出本子随随便便画些东西,哪怕没什么想法可以画,也会随便找个什么App临摹界面,为的就是那种专注进去的感觉;再后来,生活发生变化,每天几乎连这样的片刻也难以抓住,慢慢作罢。看过这篇文章之后,那种欲望似乎又起死复生。

说起来也巧,最近也正想着每天抄起琴随便记录些什么段子;曾经,总是希望能有大段的时间真正产出些什么,录些歌出来那样;如今越发觉得通过日常的一些小小的积累来保持状态、启发创意才是一种最适合如今生活的内容创造方式。好吧,念叨的多了几乎要收不住。进入译文吧。

我(英文原文作者)每天都画草图,这是个让我引以为傲的习惯。如果某天发现自己当天没什么产出,我会促使自己完成这件事。在每天的“草图时间”里,我可以不受打扰的把某个问题想透彻,并动手将解决方案以可视化的方式呈现创造出来。学会以一种有意义的方式来画草图,这对我个人来说并不轻松,但我发现这绝对是事半功倍的。

怎样从Sketch向Xcode自动导出图形资源 »

不太明白为什么元旦假期这么快就到最后一天了;不太明白为什么下周一的气温有21度,周二又降到8度;不太明白为什么到现在我还是一遍一遍的看着《编辑部的故事》。

不太明白为什么在本该安心的守着家人开心祥和的夜晚在外面看到那么多人拥挤在一处却仍要一门心思的扎进去只为什么跨年狂欢。还有多少人长着正常的人脑子?

我不觉得是我太宅了或是心态太老了。我觉得很多人错了。有些人还有知错的机会,有些人已经没了。

我也不觉得这些絮叨是负面的。话说今天这篇只是讲了一个实验性的小方法,不使用Sketch和Xcode的同学其实无需浪费时间了。下面进入正文。哦btw,新年快乐。

Bohemian Coding(Sketch的制作团队)发布过一款名为SketchTool的命令行工具,用来自动导出.sketch文件当中的界面和切片。

越来越多的设计师和开发者开始在iOS开发流程当中使用起Sketch。通常,整个流程中会包含很多重复性的工作,例如在Sketch当中修改设计方案,重新导出,然后将更新后的图形资源移入Xcode的Asset Catalogs当中,并再次运行Xcode项目以查看实际效果。

而通过SketchTool配合Xcode,这些都可以自动化完成。

Pages