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

Xcode

念叨 - 关于Keynote与Sketch、UX与音乐,以及Xcode 7 »

这个博客从2011年秋天开始做到现在,我就从来没学会怎样起个像样点的标题。随便翻翻这里那里的各种科技频道,无数充满创意与时代气息的标题时常让我自惭形愧。

话说这周是实在找不到什么有欲望做掉的译文,周末下午大好时光总不好荒废过去,雨下的固然疯狂,昏昏沉沉有的没的随便念叨念叨好了。做译文其实挺省心的;换到自己念叨的时候,思路容易飘飞,如若刻意收敛又写不出几句人话;亦或是认真起来扯个一万多字好像之前有篇Apple Watch平台认知什么的文章那样写完照照镜子发现有脑浆从耳朵里面流出来,也是蛮危险的。

念叨三件事吧。我不得不说现在各位看到的已经是自己砍掉各种过分飘飞的闲言碎语之后的字了。

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

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

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

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

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

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

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

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

怎样在Xcode 6中使用矢量图形 »

周末又要过掉了,沮丧。眼看进入深冬了,天气却越发春意盎然。话说2014年就要过去了么。这一两年下来,已经不太敢期待新的一年了;谁知还会有什么样的事情发生。

我发现自己在周末两天里会花费越来越多的时间玩游戏了。常年GTA,像是逃进另一个世界。IV,V,或是iOS上的SA,沉浸在里面,一点都不想出来。玩来玩去还是SA的感觉最暖最安心;游戏当中本就是初夏时节的LA情景,加上自己在2008年从5月到10月宅着的日子里时常在玩(当时还是PC,怎样也不会想到若干年后可以在手机或平板上玩;那年我在用诺基亚的歪脖子音乐机),所以现在一旦进入SA就会立刻感受到那种夏天的味道。

说正事儿吧。今次略技术向;其实已经见过汉化,我只是想自己做一遍。之前捣鼓了点东西,要适配6和Plus,自己做做切图才发现确实有够烦。基于矢量图生成PNG图形的方法也是事后才知道,学习下,希望接下来可以实践。下面进入译文。

iOS应用的视觉形式通常是以图形元素驱动的。在设计开发一款应用时,你需要不同规格的应用图标,例如不同尺寸的Default.png图片,同时还需要为UI的实现准备@1x和@2x图形资源。所有这些图形元素都会让你的产品看上去更吸引人,但弊端也是很明显的 - 你需要为每种规格的图形元素单独切图。而随着iPhone 6及Plus的发布,我们又多了一套@3x需要处理,事情变得越来越复杂。

幸运的是,苹果在Xcode 6当中给我们带来了一些很棒的工具用以管理图形资源。更棒的是,新的工具和实现方式可以帮我们从容的应对未来的iOS设备,例如基于Storyboard为iOS 8设备生成启动图片,这样你就无需再为不同的设备类型单独制作。此外还有一个非常重要的新功能,就是在应用构建阶段基于PDF图片文件自动生成各种规格的图形资源。本文中,我们就来一起探索一下这种能帮你节省大量时间成本的方法。

设计师+Xcode:突破产品开发的流程界线 »

入冬之后,喵的状况又有些让人牵挂;换季时节似乎特别容易不稳定;只是记得从前6年多没有这样的情况,而从去年开始喵的事就成了我心里最大的事。

和上周差不多,仍是看着小握的游戏解说,空调暖暖的;不同的是现在手边放着40度苏格兰保健饮品,还有一些麻辣零食;当然译文不是边喝边做,目下只是在把引言补完。我去了,这也能叫引言。

话说其实是强迫自己本周不做Apple Watch主题。一篇小文,好像随口讲了些故事而已,关于视觉设计师直接使用Xcode打造界面以提升产品开发效率的话题。必须说,要达到“iOS前端”的程度,很难不依靠一定程度的代码工作,但值得一学,值得一试。另外,读过这样的文章后,也会从另外一些角度来看待苹果从iOS 7开始推行新设计语言的一些初衷 - 让设计师和开发者都可以相对轻松一些的在开发环境中创建界面,实现设计方案。下面进入译文吧。

今年年初,我们团队与瑞典的一家叫做Billogram的创业公司进行了交流。他们希望通过更流水化的发票处理程序帮助中小型公司改善现金流状况。在初期的探讨当中,我们看到了将他们的服务移动化的巨大机遇,那将能够使客户随时随地把控他们的财务状况。

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

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

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

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

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

iOS应用开发基础 - 起步 »

还算是个阳光周六,喵正在我身后的砂盆里埋便便,唰唰唰的;一会带她过去医院复诊,希望是好结果。

念旧的毛病改不掉。这个多事之秋里,总是回想起2005年大学毕业之后那几个月的日子。当时的第一份工作是在徐家汇附近一家掌上电脑公司卖Palm和HP一类的PDA,各种智能机也从那时开始被越来越多的人接受。每天身为一个“卖手机的”工作一天,晚上回到家(在中山公园和朋友合租的两室一厅,月租金每人800元)随便糊弄点粮食吃掉,然后就是吹着风扇喝着啤酒尽情的学Photoshop啊Illustrator一类;似乎每晚都有用不完的时间,从7点到夜里2点,任由自己安排。那时一心往Web行当里扎,约莫是不想一辈子被人叫做“卖手机”的吧。其实现在想想,如果从那时老老实实卖到现在的话,却也早该赚的盆满钵满了吧。只是自己不喜欢。

那时的状态幸福的有些不可思议,而如今每晚可以利用的时间加在一起写不了几行字也看不了几页书;一事无成的感觉越发强烈,而自己却已年入而立。真想有什么办法可以把每天的时间透支到25或26个小时,让我再可以多学些东西,多做点事,在自己变成一个庸碌无为的中年大叔之前。

那就说正经的吧。之前在微博念叨过,想做些iOS开发基础方面文章。找到一个还算比较新的教程系列,今天做第一篇。大约从第五篇起,原作者开始使用Xcode 5;前面四篇基于Xcode 4的范例倒也不会造成很大困扰。再多念叨两句,做这类文章,目的就是希望更多和我一样的设计师能对开发方面的那点事有些概念、常识和认知;真正的开发能力绝非看几篇文章或听几次技术人员的分享会就可以掌握的,这点还希望各位能够了解。

这里进入译文。如今,开发一款iOS应用已经变得相对容易了很多,因为有大量的工具可以帮助我们更轻松的完成整个开发流程。我向你保证,一旦你开发出一款iOS应用并上架到App Store当中,你一定会觉得无比兴奋的。

本教程系列将帮你从零开始学习开发一款iOS应用,同时还会帮你了解Xcode以及一些关于iOS编程的基础概念。

设计师应该了解的iOS应用开发基础知识 »

先祝各位假期愉快喽。不知有多少同学和我一样计划把这8天当中的多数时间花在“宅”上;做做博客和小项目,看看live视频,录点demo出来,太赞了这日子。

话说这里我要长出口气先。今次选做的译文蛮科普的,也真是蛮长的,还好之前几天就开始着手来做,也在微博上做了预告;搞到这两天觉得简直是没有尽头的样子。

我之前几个月花了蛮多时间在iOS应用开发的学习上,到目前为止感觉也仍只是入门而已,所以真心觉得这一篇文章即使再长,也无法让人从零开始学会怎样开发一款应用。但之所以建议和我一样的交互或视觉设计师同学们来阅读,主要目的是让我们自己在头脑里建立开发意识,了解这摊子事情大体是怎么一回事。如果你有兴趣,以此为起点,通过学习逐渐掌握了开发技能,这自然不坏;但更实际的效用,我个人看来还是在平时的工作当中,在打造设计方案的过程中,可以结合具体的开发可行性进行考虑和评估。另外,当程序员同学告诉你哪些不能做的时候,我们自己心里也可以有个底;这事不用说太细,大家都明白。OK废话不多说,进入正文。

作为一名交互或视觉设计师,你希望顺应当前大环境的发展趋势,向移动领域拓展自己的视野和能力,于是决定挽起袖子学习iOS应用开发。兴奋之余,你开始做一些初步的研究,但是很快发现,除非自己有足够丰富的编程经验,否则要实现目标还真不是件易事。

确实是这样。苹果提供的开发文档主要是面向技术人员的,市面上多数iOS开发书籍都会一上来就问你是否掌握了足够的Objective-C知识,而网上各种教程的质量又参差不齐,其中有不少还是面向着很旧版本的iOS系统及开发工具的。

本文的目的就是帮助各位设计师在最短的时间内,以实战的方式探索iOS应用开发工具及相关的基础知识。我们将一同了解应用开发流程中的一些重要环节,包括理论讲解及方法演示,即使你没什么编程经验也没问题。