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

前端

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

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

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

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

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

15个最新的响应式设计前端框架 »

眼下是较为宁静的周日下午(但这篇没打算周日发),滚石和Led Zeppelin一张一张的放着。别说我老了,10多年前同样是在听这些,特别是在没有多余的精力可以发泄或是没有特别负面的情绪需要抑制的时候。老东西总是最有沉淀感和安全感的,毫无疑问。

正坐在沙发正中间,左右一边一只喵,都盘成个团安静的睡着;从10.1假期把推推从医院接回家开始,每天基本没有晚于6点起床了,加之这一两个月学车的频率也变高了,周末也便是同样的起床时间。搞得这样的下午恍恍惚惚的像是每一个感官都要逐渐睡去的样子了。据说人在将睡未睡的时候,脑波是最利于记忆和创造什么什么的,真真么?倒是记得好多年前以设计博客模板为职业的时候,有几次在睡着之前好像突然看到些特别赞的页面,但接下来要么是没办法让自己醒来,要么是起来试图描画出来的时候又寻它不见了;挺奇妙的。

那么不多说了,和上周的15个响应式前端设计框架同属一个系列,时间较新,用的到的朋友可以看看有无所需。以下文字内容均来自原汇总帖

你会发现,随着响应式Web设计的不断成熟,各类框架也变得越发健壮和可靠。也许是受到了Bootstrap、Foundation和Gumby的影响,如今很多新的框架都开始向一体化多功能的模式进化,它们提供了更多的功能,同时会包含可复用的组件和模块,例如图标、对话框、页码导航、面包屑、导航栏等等。

当然,不是所有的框架都塞入了大量的功能,有些只是简洁的提供了固定布局的基础。接下来是15个最新的响应式框架。

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编程的基础概念。

15个响应式设计前端框架 »

不年不节不周末的,临时加演一篇资源帖。响应式框架,偏前端的同学可能会有所欲求。

之前念叨过,但凡资源帖,多数是自己眼前用的着的东西,才会趁自己搜罗的机会汇总一下放到这边。话说回来,根本也没做过几篇的样子,印象里有iOS7免费设计资源汇总iOS设备及界面模板免费资源汇总吧。这次拿来15个响应式前端框架;声明,我自己没用过,做这事起初只是为了我们自己有可能的项目收集有可能的素材和解决方案而已。如果您需要,可以挨个访问过去了解详情,也可以直接从Github获取,我最多算个牵线儿的,不做任何support方面的工作,还请理解了。

不多说了,直接上货吧。

“无限滚动加载”适用于你的产品吗? »

在家一天天宅着,倒仍然能对周六周日有清晰的概念,也真是个奇迹。

今天带来一篇关于无限滚动加载的简短译文。其实这事儿,以前在微博上也吐过一阵的槽,印象最深的就是有次在一个什么网站上想点页脚里的“关于我们”,真心点不着,每每要点的时候上面自动加载的内容就顶下来,没完没了...当时就愤恨的琢磨着你们要这页脚有毛用啊?这次看到这篇文章,觉得里面有不少能引起自己共鸣的内容,所以拿过来做,希望也能给各位朋友带来些有用的东西吧。走着。

这里进入译文。怎样通过更友好的方式来呈现一系列的数据内容,包括文章、链接、图片、搜索结果等等——对于设计师来说,这不是一件很轻松的事。在这方面,页码导航(pagination)是一种经过时间验证的、还算值得信赖的解决方案。

不过最近几年,我们可以发现越来越多的网站开始使用无限滚动(infinite scrolling)的方式来呈现内容了——当用户浏览到页面底部时,传统意义上的“下一页”数据会自动加载,并输出到当前页面中。

对于某些类型的网站或移动应用来说,无限滚动确实是一种不错的模式;但在在某些情况下,它也会造成灾难性的后果。

移动应用的成功准则 - 从产品概念到市场推广 »

几天的风风雨雨似乎在这个周日的上午逐渐褪去了,现在整个书房几乎要被阳光铺满了。如果阳光能发出声音,想必满屋子都会是轻盈精巧的小旋律了。

又是一篇我自己非常受用的文章,长是长了点,拿来把译文做掉,分享给大家。特别是后面关于市场推广的部分,我很喜欢;即使在环境如此恶劣的这片土地上,仍然希望至少能够通过自己的一点努力为大家的生存环境带来一丝正能量。进入正文叭。

多数应用产品会走向失败。残酷的现实甚至让很多不抱希望的设计师和开发者们开始认为,只有运气足够好,才能在App Store当中获得成功。

这种想法就像用来缓解失败痛苦的麻醉剂,其实蛮危险的。痛苦不是坏事,痛苦才有救,才能让人看到问题所在。如果我(英文原文作者)的应用失败了,我会首先在产品身上找原因,而不是毫无意义的埋怨那些我们控制能力以外的因素。大家所处的环境是相同的,为什么不想想看来自tap tap tapTapbots的家伙们为什么就能一再获得成功呢?

本文所归纳出的"移动应用成功准则",内容涉及产品概念、设计、开发、市场推广这四个方面。必须承认,在现实当中,我们其实很难完美无暇的将这些准则落实到位,但有一点是肯定的:沿着正确的道路向正确的目标努力前行,你能获得成功的几率将增大很多;我们可以依靠的绝不只有运气。另外,虽然本文当中的相关内容及案例都是以iOS为例的,但其中的道理同样适用于其他平台。

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

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

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

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

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

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

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

iOS Wow体验 - 第五章 - 利用iOS技术特性打造最佳体验 »

本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第五章译文精选,其余章节将陆续放出。上一篇:Wow体验 - 第四章 - 为应用的上下文环境而设计

关于本套译文分享的详情及目录结构,请参考iOS Wow体验 - 译文分享说明

全文由C7210自发翻译(编译),并首发于Beforweb.com,如需转载,请注明译者及出处信息。英文原书版权由Apress所有,中文引进版的版权由相关出版社所有。

iOS是设计师们得以施展技能的绝佳舞台。同时,苹果也向开发者们提供了一系列专业化的技术方法,帮助他们从容应对各种复杂的设计方案所带来的挑战。

伴随着技术的革新与发展,越来越多的交互体验模式正在孕育而生。设计师的创作思路得以扩展,技术开发人员也拥有了更多高效的方法和工具来准确的实现设计方案。设计与开发之间的障碍正在被各种新技术不断的突破,项目中一些职能角色的性质也在发生着变化,越来越多的设计师超越了相对传统的专职领域,开始直接进行开发方面的工作

对于团队来说,那些同时掌握着设计与开发技能的人员是非常有价值的。我们所说的这种“掌握”不单单是指对于技术概念或术语有基本程度的了解,更重要的是,设计师需要对开发技术在各方面的特性及优缺点做到心中有数,并能针对这些特性来创造最合理的设计方案。

怎样打造高性能的移动用户体验 »

在新家一点点安顿了下来,不过心里还是缺乏踏实的方向感;猫猫们也都有些瞻前顾后草木皆兵的样子,有待继续习惯;希望大家都好好的。话说眼前的这篇候选文章貌似已然有同行做过译文,不过正像 “关于BeForWeb”中所说的,我只挑那些我喜欢的 、对我自己有学习和收藏价值的内容来做译文,其他方面的因素和我没有半毛钱的关系。不多说,直接进入正题。

在人际关系中,良好的第一印象是非常重要的,人们愿意在彼此身上寻求信任与诚实,并期望在接下来的经历中重现和增强这些好感。同样的道理也体现在移动应用或互联网产品中。在打造良好的品牌信誉及其与终端用户之间持久信任关系的过程中,“设计”扮演着极其重要的角色。

在用户的期望中,移动应用应该是准确、友好和高效的。然而,移动设备自身的局限性确实为产品的设计带来了不少挑战。要打造值得信赖的移动应用用户体验,产品在性能方面的表现是极其重要的关键因素。

本文中,我们将对移动应用的设计与性能表现之间的关系进行讨论,并了解七个相关的设计准则。这些准则都是我们(英文原文作者)团队在各类移动应用实际项目中逐渐总结归纳出来的 ;希望它们同样可以帮助大家在落产品实需求的同时,从性能的角度更加合理的规划设计方案

Foundation框架 - 快速创建跨平台的网站页面原型 »

整个一周都在揪心的猫事中度过。从十月底到现在的这段日子里,倒是越发懂得珍惜每天中片刻的宁静时光。有时会怀疑家里是否有时空漩涡一类的东西,不然钟表怎么会走的那么快,一点儿也不愿停下等等我的样子。一切都会好起来。

独白终了,进入正题。最近两篇译文都有涉及框架和跨平台方面的话题:前一篇中,我们了解了一些用于移动应用开发的前端框架工具;今天这篇的立足点偏向设计开发流程的上游,它将向我们展示怎样使用Foundation框架快速创建跨平台的、可以在多种设备上进行测试的响应式页面原型。下面开始正文部分。

开门见山的说,作为网页设计和开发人员,我们面临着以下几个严峻的问题:

  • 每天,人们用来上网的设备种类和数量都在不断上升。
  • 为每种设备设计开发不同的界面是不可能的。
  • 即使你专门为某些设备定制打造,这些设备也很有可能在不久的将来退出主流舞台。

真心欢乐。别怕,大家一起面对并解决问题。其实,不同类型的设备及屏幕的这个问题,很早以前就开始存在了,只是多年来我们一直忽视这个状况,一厢情愿的守着960像素的网格系统

Pages