说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

SeatGeek:Web设计师如何转型iOS开发?

HTML文档下载 WORD文档下载 PDF文档下载
Web设计师如何转型iOS开发?Jack Groetzinger总结了六大要点:1.应该用视网膜屏Mac做设计;2.要不断地在手机上查看结果;3.单独优化,避免图片简单缩放;4.看似简单的设计,实际上很复杂;5.移动开发迭代速度更快,频率更高;6.iOS产品发布时间更漫长。

知名票务搜索引擎SeatGeek联合创始人Jack Groetzinger过去一直是一名Web设计师,但现在他已成功转型——带领团队开发完成SeatGeek Tickets的iPhone应用。Jack总结了转型的6大要点,他希望能够帮助处在转型和过渡期的Web设计师。

Jack Groetzinger

1. 用视网膜屏Mac做设计

Jack表示,Photoshop的整体排版更适合在视网膜屏上显示,当你用视网膜屏Mac做设计时,你会感到自己比平时更聪明灵活,能力和水平也比平时更高。

2. 要不断地在手机上查看结果

同样的一个按钮,在Mac上看起来大小正合适,但在iPhone上可能就显得有点小了。Jack现在已形成一种习惯——时不时地在iPhone上查看设计成果。

3. 单独优化,避免图片简单缩放

Jack团队在进行版本移植时,对其中一张界面图只做了缩放处理,结果出现了差异:右上角“information”按钮比较模糊,3个灰色选项按钮不够清晰,最下方水平线太粗。经过对新版本界面的单独优化,这些问题才得以解决。当然,Jack表示,这种做法显得有些吹毛求疵,但如果你是个完美主义者,单独优化还是比较靠谱的。

左图:简单缩放的结果;右图:单独优化的结果

4. 看似简单的设计,实际上很复杂

下图显示的单词“every”进行了字体加粗,但这不是简单的<strong></strong>标签组就能解决的问题。为了让这个“every”显示得更好看,Jack参考了许多开源字库,并使用了NSAttributedString的函数。看似简单的设计,实际上很复杂,更需要大量的投入和付出。

SeatGeek首页界面截图

5. 移动开发迭代速度更快,频率更高

相对来说,Web前端更容易,HTML/CSS不需要代码基础就能上手。但Obj-C显然需要扎实的编程功底,上手速度也更慢。

在Web开发过程中,先做后端程序,再设计UI界面,完全没问题;或者先设计UI,再写后端代码,也没问题。但在iOS开发过程中,修改某个元素之后,许多其他元素都需要修改,所以没办法让UI和后端完全分离,最好的办法就是同时进行,快速迭代。

6. iOS产品发布时间更漫长

众所周知,产品发布送审是每个iOS产品人员的必修课。对于从没接触过此项工作的Web设计师来说,你最好单独腾出一下午的时间,一个人安静地研究如何发布产品,否则你会感到十分吃力。

知识点:SeatGeek是一家创建于2009年的在线票务搜索比价网站。过去其主要涉及体育赛事的票务信息,近年来则致力于在演唱会票务领域有所突破。SeatGeek和传统票务网站相比有许多创新之处,比如3D场馆选座、交易评分、广告赞助、演出日历等。该网站今年九月份票务总收入达到250万美元。

备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘