photoshop绘制漂亮手机APP图标

今天教大家用photoshop绘制一个漂亮的手机应用图标。 最终效果预览 第1步 新建一个文件,大小为:1024×1024 pixels 第2步 使用圆角矩形工具(U)绘制一个红色的矩形形状。 第3步 用笔刷工具(B)绘制更亮的红色,创造出聚光灯从图标右上角照下来的效果。 第4步 用画笔工具添加一个黑色的阴影,参考下图 第5步 在图标的上部添加一个类似下图的形状 图层样式按照下图进行设置 第6步 复制第5步的图层,并缩小一些新图层。设置新的图层为剪贴蒙版,使用笔刷工具在图层顶部绘制一些更亮的红色。 第7步 把上部的颜色提亮一些,下面的颜色加深一些。 第8步 按照第7步 用同样的方式把底部也修饰一下。 第9步 在新建一个图层,使用矩形选区工具(快捷键M)增加两个细条纹,图层混合选择Overlay模式。 第10步 画一个矩形选区。使用渐变填充工具(G),白色到透明色渐变,图层混合模式选择Overlay模式。 第11步 创建一个新的层,用矩形选区工具(M)选择一个细条纹,填充黑色,把这个图层放到那个白色渐变图层的左边边缘位置,右边也按照上面做法复制,最终获得如下图效果 第12步 使用画笔工具(B)增加一些阴影修饰。 第13步 按照第11步在增加2条亮的细条纹。 第14步 使用画笔工具(B)在做一些细节的提亮和加深效果。 第15步 给图标增加一点纹理,使用滤镜 > 杂色 > 添加杂色 ,设置图层混合模式为Soft … 继续阅读

IOS闹钟图标设计

IOS闹钟图标设计

温馨·粉·妃手机界面设计

温馨·粉·妃手机界面设计——《MIUI第二届全球手机主题设计大赛》参赛作品

消息称iPad mini、新一代iPhone和iPod nano将于9月12日发布

科技网站iMore从知情人士获取的消息显示,苹果将在9月12日推出三款设备,即新一代iPhone、iPad mini和新一代iPod nano。 消息还称,新一代iPhone将在9月21日上市销售,但iPad mini和新一代iPod nano的上市时间尚未确定。不久前,iMore曾表示,iPad mini将在今年10月的某个时候发布,价格低于200美元。 然而,iMore并没有透露有关三款设备的配置情况,只表示iPad mini大小为7英寸。此外,新一代iPhone将采用19针接口,这和此前路透社的消息不谋而合。 有关新一代iPod nano的消息现在还不多,不过有消息称,新一代iPod nano的外形将更加接近iPhone,同时还会新增一个Home键。

交互设计的职能——交互设计师具体做哪些内容?

交互设计的职能——交互设计师具体做哪些内容? Ⅰ. 先了解一下交互设计的基本概念: 交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验。 Ⅱ.交互设计在项目流程中的位置和任务: 项目前期的流程和节点: 职能的细化就是为了让产品在每个专业环节都做到极致,提高竞争力。如果是为了走流程,每个环节都是任务式的交付,臃肿的分工除了增加成本和拖慢项目进度,没有实际意义。所以交互设计需要做的足够好,才能将这份工作做的有意义。 Ⅲ.交互设计的具体职能: 从上图中可以看出,交互设计主要干三件事: ①定义部分需求      ②定义信息架构和操作流程      ③ 组织页面元素,制作原型demo ①定义部分需求 以前的惯性思维是需求应该由产品人员负责,设计人员只是实现和改善界面体验。而产品的真正需求不仅仅来源于业务,还包括使用者的情感需求。在情感分析方面,交互专业是具有优势的,举个例子: 一个增值服务的宣传模块,业务模型可能是这样子: 考虑到情感因素后,需求模型会不断完善: 上图仅仅是举个例子,真正的产品人员不会将业务模型想的如此简单。举这个例子就是想说明一下产品的需求设计不仅仅是业务模型,还需要考虑用户情感、用户行为和运营数据。当产品人员考虑不周全的时候,交互设计师有责任对需求进行修订和完善,这样的目标导向设计才是完整的。 ②定义框架 这部分的内容属于交互设计师的核心工作内容,也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱,接下来的界面怎么优化都是无效的。这好比大型超市的走道设计,如果路线规划的不好,再多再大的指引图标都是低效的。交互设计做什么?让用户快速完成目标,提升操作效率,这才是框架设计的意义所在。 什么是框架设计呢?这要分成两部分内容: <1.关于结构导航的设计> 把我们的产品想象成一个巨大的图书馆,我们需要帮助用户(有目的性的、目的不明确的,无目的性的)寻找他们感兴趣的图书,怎么帮助用户准确的寻找完成目标任务,这就是导航设计。导航的设计任务一般在新项目或重构项目。 导航大概可以分为三种类型:结构导航、关联导航、可用性导航 在框架设计的阶段,交互设计师主要关注于结构导航的设计。 结构导航分两种:全局导航与局部导航。全局导航一般是指无联系的信息结构做的一级大分类,方便用户以最快速的方式了解整个网站有什么大概内容。而局部导航则关注于用户最方便的快捷操作和业务引导操作。 交互设计师的首要任务就是将业务内容信息组织分类,划分出主次关系,根据业务目的和用户习惯定义规划全局导航和局部导航的设计。那应该怎么规划呢? 回到第一个增值服务页面的例子(虚拟案例,非真实案例): 将需求梳理后(怎么梳理,请google抽屉整理法),我们可以确认全局导航: 再详细规划局部导航: 局部导航的层级可以不断往下延伸,通过树形目录或面包屑的方法帮助用户浏览时不至于迷路。 <2. 关于流程的设计> 之前的案例我们已经基本上确认了模块需求有哪些页面,页面大概会放什么内容。但真实的用户任务并不是在一个页面上完成的,这时候我们就需要通过流程的方式把任务变得清晰和包容用户的各种误操作。 虚拟案例: 在流程的规划设计中要遵循:1.以业务目的为主要导向;2.兼容到用户的习惯;3.尽量让流程做减法,多一个流程就会丢一部分用户;4.任务是连贯和清晰的;5.考虑实现方式的复杂程度;欢迎补充… … 继续阅读

手机界面导航UI设计

手机界面导航UI设计

利用PS纹理素材及图层样式制作金色纹理字

纹理字制作较快的方法就是直接使用纹理素材,可以在图层样式中的纹理及图案叠加两项中分别加入不同的素材,这样素材通过叠加,生成更加特殊的纹理。 最终效果 <点小图查看大图> 1、新建800*550大小的文档,双击背景图层解锁,给背景图层设置图层样式如下。 <点小图查看大图> 2、用SF-SPORTS字体打上“52psxt”,填充0%,设置图层样式如下。

诺基亚导航3.0更新已推出,新增钉选最爱路线等新功能!

如果你是经常开车的朋友, 而又使用Lumia手机的话, 今天有好消息了! 因为期待而久的Nokia 导航3.0 更新已经推出了, 当中加入不少实用新功能, 绝对是你不容错过的! “我的常用路线” 会持续学习你的路线, 地点和时间的组合。在经过一段时间的学习后, 诺基亚导航就会自动上网寻找该路线的交通状况! 不过此功能现阶段只支持美国地区, 稍后时间诺基亚会慢慢扩大支持其他地区。 想把预先储存好的路线规划钉选到首页吗? 在3.0版本后你终于可以更好地管理导航路线, 去新餐厅试菜后想马上开车回家?? 按一下你预先钉选的”Home ” Live Tile 就可以了! 最后这个新功能算是既细微又实用, 用家在之前的版本都要到设定页面设定日间或夜间主题。更新到3.0版本后, 软件就会利用手机的感光元件感应当时光度并自动设定软件主题, 可谓相当贴心。

浅谈如何留住用户—基于应用中心类的网页设计研究

应用中心,顾名思义就是应用的集合,是承载各种应用的平台。其主要特点是娱乐性强、沉浸感强。它像是一个商店,里面有供人们随意挑选产品的货架,更像是一个游乐场,里面有各种各样让人眼花缭乱、流连忘返的产品。因此,如何吸引用户到我们的产品来,如何让他们在我们的产品上停留更多的时间,这些都是设计师们的必研课题。笔者经过一段时间对应用中心类产品的研究和设计积累,总结了一些设计思考,在此与大家分享。 如何设计应用中心类产品?   首先,告诉用户这里有他们需要的东西。 用户需要什么?有人说,这还不简单,不就是玩吗,让用户玩的开心,自然而然就留下来了。回答地没错,用户的需求就是娱乐,那他为什么不在搜索网站上搜游戏玩,搜电影看,搜歌听,而要在我们的应用中心玩呢?因为应用中心聚集了海量的应用,用户不必再受辗转于各个网站之苦,另外,应用中心能给予专业的分类和精品的推荐,用户不必再受大海捞针之苦。这样想来,不难得出结论,用户需要的是全和专业。 全,不仅指数量全,也包括类型全,数量越多,选择的余地就越大,类型越多,就越能满足用户不同纬度的娱乐需求。全是应用中心的硬实力,而专业就是应用中心的软实力。专业意味着能获取信任,让用户觉得这里的分类最全最专业,特别推荐的应用最好玩,推出的合集最有意思,那就离成功不远了。 如何打造全而专业的形象?以下总结了三条: 1、扁平化的导航 由于应用中心的产品种类数量都较多,如果在首页导航设计地过于简洁,那势必会造成二级页面中还会有导航,页面切换变多,造成操作上的麻烦。不少国外游戏中心采用的都是首页双层导航的设计,一来减少页面跳转,二来用户对本站的内容一目了然,不必一一点进去看。双层导航的网站给人的感觉内容也会比单层的详实一些。 2、清晰的布局 用研同事曾对应用中心首页进行眼动测试,用户心中的应用中心是:顶部有个广告、左边导航、右边排行榜、中间一大片应用,对其它区域印象不深。 应用图标的本身大多比较花哨,比较能吸引眼球,试想页面上到处平铺应用图标,势必会没有视觉重心,造成视觉疲劳。考虑到大多数用户在浏览页面都采用的是扫描式,而不是阅读式的浏览方式,因此网页的布局就显得十分重要,清晰的布局可以帮助用户有效的归纳信息,快速定位自己感兴趣的模块。 3、顺畅的路径 用户来到应用中心的目的很明确,就是找好玩应用。类似进入tab页查找—没有—返回—重新选择tab等这样繁琐的操作非常多。专业的网站就是让用户在这一过程中,很顺畅地完成这一系列动作,让用户在每个页面跳转返回过程中都很自信,很有把握。 其次,帮助用户快速找到他们想要的东西。 用户不会浪费太多的时间在阅读网页上,他们只想快速搜寻想要的信息和答案,如果花了一些时候还找不到,他们只会果断地关闭页面。对于那些有明确目标的用户而言,可以通过搜索或导航精准寻找,但实际情况中,大多数用户都是对目标很模糊的。这些用户很乐意去尝试一款新的应用,一旦平台给予的推荐理由正好符合他的某种诉求需求,他会很随机地点进去看看。因此,在这里做好推荐,就成功了一半。 下面我们通过三个实例来看探讨下,如何做好推荐。 实例一:同样都是热门推荐,你会认为下图中,哪个选择起来更容易一些? 从数量上来说,B推荐的应用更多,给用户选择的范围更大,假设这些应用对用户的吸引力是一样的,那么从选择成本的角度来说,十选一的成本就要比三选一的成本要高的多。而大多数用户在应用中心都属于懵懂状,对应用的好玩程度不了解,只能通过图标和名字做简单估量。因此,在精品推荐时,可以考虑通过减少推荐的数量,以减少用户迟疑的时间,降低选择成本。 实例二:同样是分类应用推荐,你认为下图中,哪种推荐方式更好? A中应用分类虽然有条理,但从视觉上看却没有重点,选择太多而没有了点击的欲望。B将四个小图标换成一个大图标,加强了分类效果,让页面有了层次感,视觉上更清晰。所以,并不是推荐的链接数越多越好,而是要把用户从繁复的信息中拯救出来,给他一个理由,让他更容易做选择。 实例三:下面两个计算器应用推荐中,假如你没有涂鸦的偏好,只要有计算的基本功能就行,你会更容易选择哪一个? 当看到两个应用是同一个类型时,如A图中,卡片中的下载数量多少会影响你的选择。虽然也有涂鸦计算器上线时间比较久的潜在可能,但你潜意识还是会认为前者的受欢迎程度要大于后者。如果相邻的两个应用不是一个类型的,如B图,那么这个下载数据对选择的参考价值就会下降一些。 综上,基于推荐目的的不同,可以选择不同的推荐方式。当用户有明确的类型需求时,通过某种数据的比较,可以更容易下决定选择哪一个,当进行综合推荐时,则要避免同类应用的出现,除非你希望其中一个应用的数据悲剧。   最后,适当的时候提供用户可能需要的东西。 还记得每次在超市等待付款时,被附近货架上的口香糖、巧克力等小东西吸引吗?由于在购物过程中,东西实在小件,常常忘记或懒得去找了,而在这等待无聊的时间里,它们很容易就勾起了用户的潜在需求。在适当的时候,向用户推荐适当的东西,也是留住用户体验的一个手段。 目前,常见的方式有以下三种: 1、猜你喜欢 当用户在玩社交性游戏时,向他推荐好友们在玩的社交性游戏,他更容易投身于这款的社交游戏。平台常常会根据用户常玩的一些应用类型,向用户推送猜他喜欢的应用。但有一点要注意,当用户在玩农场型游戏时,向他推荐牧场游戏,他也许会觉得很有意思,但是如果推荐的还是农场型的类似游戏,用户可能就觉得重复的游戏没有必要玩了。因此,根据不用的用户,应该设计不同的推荐逻辑,向用户精准地推荐,才能有效地提高转化率。 2、运营手段 有一些常用的运营手段可以增强网站的用户粘度。例如荣誉类成长系统,通过升级的荣誉感来吸引用户停留更长的时间。定期的专题活动,通过运营的主题来吸引用户,通过应用礼包奖励来拉动用户的活跃度等。 3、多种应用类型交叉推荐 应用中心的特点就是一站式的娱乐体验,玩游戏的时候可以看电影,或者看小说的时候可以听音乐。多重任务并行,娱乐的纬度可以多元化。 既然是提供用户可能需要的东西,那么就可以从用户个体之间存在的差异性和共性入手,挖掘更多用户潜在需求,以提高用户粘度。 以上是笔者对如何留住应用中心类产品用户的一些拙见,总结起来如下: 1、告诉用户这里有他们需要的东西。 2、帮助用户快速找到他们想要的东西。 3、适当的时候提供用户可能需要的东西。 第一步是目标层面的,让用户对我们的产品感兴趣,第二步是交互层面的,让用户有很顺畅的体验,第三步是情感层面的,让用户沉浸于应用中心这个大游乐场。前两步是基本需求,做好了,就是一个很好的工具性产品,第三步是最难的,因为这一步要想做好,我们必须做到比用户自己更了解他们。这一块将是我们产品未来探讨的主要方向。

如何打造软件、应用类shopping mall

2011年各大移动应用商店迅速崛起,群雄割据。在移动应用商店的基础上,软件商店也悄然形成。这些软件、应用类商店形式多样、风格迥异。一些成功的应用商店都已然向“shopping mall“迈进:比如应用商店的大赢家苹果APP Store(i Pad、iPhone), 国内的安卓市场、网易应用、腾讯应用中心等等。这些商店成功的秘诀在于他们不仅仅将产品定位于一个简单的提供应用下载的工具,而是精心运营和设计,创造出一站式提供应用服务的场所。 怎样的软件应用类商店是最完善的呢? 如何使软件应用类“商店”提升为“shopping mall”呢?对此,本文从shopping mall的规划原则着手,找寻其与软件应用商店的共通点。通过任务和场景对现有的几大应用商店进行分析,提炼软件应用类商店的设计要素。 Shopping mall的定义是:大型零售业为主体,众多专业店为辅助业态和多功能商业服务设施形成的聚合体。而一个完善的软件应用类商店应该是集仓储、商场、服务与一身的软件应用中心。就如一个完善的购物中心,销售的是种类各异的软件。下图从角色、任务和场景3个方面对shopping mall和软件、应用商店进行对比分析。   分析来看,shopping mall和软件应用商店任务和场景类似,二者有许多共同之处。因此,软件应用商店的设计可以借鉴shopping mall的一些成功要素。下面就从任务和场景两个方面出发,分析软件应用商店中可参考的设计要素。 任务——创造舒适贴心的购物过程 Shopping mall中商家的盈利来自于消费者的购买行为。因此,提供便捷高效的购买服务是每一个shopping mall必备的方面。商家对于购买行为的每一个环节都进行了全面的思考,包括商品的挑选,商品的携带,商品的付款,以及上门安装、售后保修等等。对于购买行为中的每一个步骤,商家都经过悉心设计,力求不忽略任何细节,保证消费者整个购物过程的顺畅和满意。 同样,用户在软件应用商店中的任务与shopping mall 类似。如上图所示,用户在商店中的主要任务包括:浏览软件、选择软件、下载安装软件以及软件的“售后”:升级和卸载软件。 (1) 想要创造舒适贴心的软件“购物”过程,首先要提供良好的选购环境,方便用户浏览和选择软件。 (2) 其次,要保证软件的下载和安装过程的流畅,并及时反馈下载安装进度,让用户可以统一管理自己的下载内容。 (3) 最后,软件商店想要成功,提供良好的“售后”服务尤为关键。提供及时、便捷的软件升级和软件卸载流程,是挽留用户的有利手段。  场景 shopping mall和软件应用商店的场景可以分为场景概括和场景细分两个方便,下面就针对不同场景中的设计点分析软件应用商店的可借鉴方面。 场景概况 1. 一站式享受 Shopping mall是一种集购物、餐饮、住宿、休闲、娱乐和观光旅游为一体的“一站式”消费场所。功能全,集购物、餐饮、休闲、娱乐、旅游甚至金融、文化功能于一体,进行全方位服务。一个真正意义上的shoppingmall大体包括主力百货店、大型超市、专卖店、美食街、电影院、滑冰场等娱乐场所。 同样,软件应用商店要想成功也取决于能否为用户提供一个系统全面的软件服务场所。单纯的提供软件下载已经不能满足用户需要。想要成为软件应用shopping mall,新型的软件商店要具备活跃的软件商场(百货店)、软件仓库(大型超市)、专题市场(品牌店)、娱乐中心(餐厅、电影院等)等系列场所,如图。在这里,用户可以在软件商场中闲逛,在仓库中找寻目标、在喜爱的专题市场徜徉、在娱乐中心休闲一下……快乐的同时还能适时管理自己选购的软件,只有这样,软件市场才能满足用户的一站式软件享受。 2. 商品的展示 消费者到shopping mall的最主要目的是选购商品,用户在软件商店中最主要的任务就是下载安装需要的软件。由此可见,软件的种类和数量是决定软件市场成败的关键。相信用户都喜欢在商品齐全的商场选购而绝不会流连门可罗雀的市场。因此,在软件市场的设计中,要注意凸显软件种类和数量的繁多,营造一种琳琅满目的感觉。如下图。 成功的软件应用商店在产品展示上同样要下足功夫。目前市场上常见的软件应用商店展示信息有两种模式:一种是以图标来进行的展示模式;另外一种是以图片为主的信息展示模式(如下图) 对比来看,图标模式更为系统和规整,图片模式更加活跃和吸引,两者各有所长。两种方式都借鉴了商品展示中的设计要素:有效信息、图形化、色彩、错综有序等等。对此,笔者概括为以下几点: … 继续阅读

天气手机界面UI作品

天气手机界面UI作品

了解交互设计:为什么会有交互设计,交互设计能够做什么

为什么会有交互设计,交互设计能够做什么: 1.成功的互联网产品有哪些要素? ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力。那么成功的产品首先要具备–可实现模型。 ②产品做出来干什么?“方便用户,让用户玩的爽?”当然不是,产品的终极目标是盈利,你的领导也只关心这个。怎么才能盈利,而且是可持续的盈利。这需要具备第二个要素–业务模型。 ③有了实现模型和业务模型产品就成功了吗?以前是,但如今时代不同了,大多数的应用已经不存在技术难题,在这个企业不缺系统,互联网不缺产品而用户不懂技术的时刻,你靠什么赢得用户?强大的运营队伍也只能推动一个峰值,最根本的还是需要产品的第三个要素–使用者模型,使用者模型像水一样,可以成就一个产品,让产品走的更远,也可以毁掉一个优秀业务模型的产品。   2.怎么去完善使用者模型? ①我们先看看传统的开发流程:立项→编程→测试→美化 这样的做出来的产品大都数偏向程序员思维的实现模型或营销策划的业务模型,设计也就是加点图标上些颜色(举个例子:环球资源,大家可以点开下眼界),基本上不存在用户模型的概念。 ②为了完善用户模型的问题,现在绝大都数公司的开发流程做出了改进,基本上基于这样的流程:立项→需求分析→设计→编程→测试 这样的流程提高了对需求分析人员和设计师的能力要求,这样的组合必须在实现模型的前提下将业务模型和使用者模型进行一个高度融合。那么问题来了: 假设设计师只具备视觉设计能力 大都数从事互联网产品界面设计的都是美术类出身,对业务的理解程度都要弱于表现需求,基本上是基于产品人员的线框图制作视觉稿,根本无法推动页面结构的优化。那么出来的成品还是偏向于业务需求。遇到综合型的产品经理还好,遇到业务性的产品经理就只能让蠢事继续下去了。举个例子:一些转化率低,跳出率高的页面,产品经理会觉得主要原因是设计稿气氛不够,按钮不够大。而真正的原因是因为设计师基于他的线框制作的视觉稿,目标导向和行为召唤都不够。 假设设计师具备产品策划和视觉表现能力 这样的设计师也大量的存在,但发现与产品的沟通上效率很低,会出现以下的问题: 1.沟通困难; 2.修改成本高;3.无法估算完成时间;4.无法说服对方;5.项目时间不允许。   3.解决方案–UCD理念 为了解决上述问题,UCD的理念开始逐步被大家接受和认可,其中最具有驱动方案的职位–交互设计就是顺着这样的大环境被独立出来。我们可以了解一下各大互联网公司UED的主要组织结构: 相比之前的流程,多出了用户研究和交互设计的职位,而这两个职位对产品概念到实现的过程起着主要的驱动作用。   4.交互设计如何开展和融入开发流程 我们先来梳理一下之前流程上遇到的两个问题:1.使用者模型不完善;2.沟通障碍 使用者模型不完善 ; 如何改善使用者模型,需要经历两个过程: ①业务模型框架化 在产品的概念阶段时期,交互设计师需要基关注用户界面和整体结构,这个过程被称作“框架设计”,框架设计就是一种基于用户目标的导航架构和流程设计。这个阶段交互的产出物主要有导航架构图,流程图和低保真线框图。 上述的产出物都需要和产品经理反复确认,以保证业务模型的完整。 ②.框架界面化 在定义完功能模块的页面结构和流程后,交互设计师还需要设计规划使用者的操作,这些包括页面元素的主次关系,小部件的处理,元素的组织,界面的引导等等。这个阶段交互设计师需要提供原型demo: 原型demo 是一个过程,主要用于具象的表达业务需求和定义界面模型,是一种目标导向的设计过程。这个过程可以是多次迭代的,是提炼产品质量的主要手段。有了这个过程,我们之前所讲的完善使用者模型才能够得到解决,用户体验设计的理念才可以真正得到实施。 ▎沟通障碍 在产品开发过程中,各个部门的合作与沟通存在着障碍,而产生交互职位之后,这些问题都能够得到解决。 ①产品与设计的沟通 在框架阶段,交互设计师利用信息架构图和流程图能够将业务需求确定下来。 在框架界面化阶段,对于用户的操作和界面元素也能够用原型demo表达出来,而且修改成本低,可以快速的迭代。 ②产品、设计与开发、测试的沟通 … 继续阅读

提升Android应用视觉效果的10个UI设计技巧

在Android应用开发中,风格和设计或许不是最关键的要素,但它们在决定Android应用成功与否上确实扮演着重要的角色。以下是10个Android应用的UI设计技巧,还有个附加技巧,能够帮助提升各位开发者的Android应用的视觉吸引力。 【编者按】:本文转载自雷锋网,原文来自 Developer.com,作者为Lauren Darcey & Shane Conder。Lauren Darcey是一家专注于移动开发的小软件公司的技术主管。 技巧1:使用大小适当的图像 在图像方面,许多Android应用开发者都是采用一种通用的尺寸。尽管这会使资源管理变得更为简单,但就应用的视觉吸引力而言,这是个错误的做法。要让应用呈现出最佳的视觉效果,那么就应当针对具体的设备屏幕设计不同的图像,最适当的图像才能构建出最棒的用户体验。 技巧2:使用适当格式的图像 我们都见过有些应用在尝试加载某些大型图像时会暂停,这不仅仅因为图像的大小存在偏差,而且还因为图像采用了非理想的格式。Android平台支持许多种媒体格式,比如PNG、JPEG、GIF、BMP和WebP(仅Android 4.0+版本支持)。PNG是无损图片的理想格式,而JPEG的呈现质量并不稳定。 Android还支持带有Nine-Patch的弹性图像。如果可行的话,可以考虑使用WebP来替代JPEG,因为这种格式在存储和下载时效率更高。也就是说,如果将其作为与较老格式同时使用的独立图片,那么应用整体规模会变大,这就削减了使用新格式的优势。 技巧3:运用微妙动画,颜色来呈现状态改变 在屏幕转场时运用微妙动画以及UI控制颜色变化来呈现应用状态改变,这会让你的应用更显专业感。比如,活动间的淡入淡出使屏幕转变更为自然,改变被按动的按键颜色会突显正在发生的用户动作,清晰地呈现出用户正在做的事情。 Android 3.x及随后的版本可开启硬件加速,这会让动画运行更为流畅。但是需要进行测试,因为并非应用的所有功能都能够兼容硬件加速。 技巧4:用圆角效果来软化UI Button、PageView等用户界面控制按钮在屏幕上都会呈现矩形的像素形状,但这需要进行处理。在控制界面上,使用圆角效果来软化用户界面的外观,这显得很像Web的风格,但确实很受用户喜欢。 技巧5:在3D效果中使用一致性的“光照” 最新版本的Android平台使用全息样式和3D图标等。如果你在应用的控制按键中使用投影和其他此类样式,确保要使用一致性的“光照”。换句话说,要确保阴影在屏幕上的朝向一致。在图像编辑器中使用相同的数值来创造相同的斜度和纹理。 技巧6:使用高对比度配色方案 当某个家庭成员(往往是老一辈的人)首次发现可以在邮件中使用带颜色的字体和背景,于是发送给你一封使用白色背景和柠檬黄色字体的电子邮件,这样的邮件阅读起来相当费劲。有些人在设计应用的屏幕时,可能会让玩家难以阅读或导航屏幕中的内容。使用适当的高对比度颜色,会让屏幕更易于查看,缓解眼睛的压力。要将配色方案作为系统资源的一部分,以此为基础来开展其他工作。 技巧7:使用大型和易读的字体 和上述不良配色方案一样,我们也会收到家庭成员发送来带有某些古怪字体、难以阅读的文字。相比其他字体,有些字体确实阅读起来更为容易。 字体大小也是个重要因素,在保持与其他屏幕功能的平衡性的前提下,尽量将字体制作得够大。就像在使用传真机时,使用小于12磅的字体并不合适。 Android 4.0的设计师推出了一种只适用于该平台的新字体,这种字体在移动设备上的阅读很容易,它被称为Roboto。 技巧8:不要过多偏离平台规范 许多成功的手机应用会使用人们较为熟悉的用户界面。它们有简单且主流的用户界面,其使用的控制方式也是用户所熟悉的。在用户界面控制和屏幕设计中,不要表现得过于另类。尽量简单化,与平台其他应用的表现保持一致。以平台作为决定应用表现和行为的线索。 如果你正在制作的UI与众不同,确保用AB测试等客观方法来比较新UI和传统UI,由此来决定新设计方案是否更优化,比如更有效、更易于使用或者看起来更为舒适。 技巧9:遵从UI指导原则 Android程序说明书中有许多可以整合到应用中的UI指导原则。根据应用所使用的Android版本的不同,这些指导原则往往也有所差异。当出现这种情况时,你需要制作多种资产来应对多种指导原则。指导原则涵盖了图标、小部件、菜单和活动等部分。 技巧10:测试用户界面 开发者往往不是优秀的QA或测试者。应用可稳定运行后,面向完全不熟悉应用设计和意图的用户开展测试是很有价值的做法。应用设计师往往自认为用户会觉得他们的应用UI很直观,情况或许并非如此。只有真正让用户来测试应用,你才能够在发布应用前发现许多意料之外的问题。 附加技巧:雇佣职业美术或图像设计师 现在,用户期望看到外观精美且设计专业的应用。正如你不会衣着随便地去参加面试,所以你应当投入足够的资源来润色应用外观后再将其发布。在多数情况下,程序员往往不是技术娴熟的美术人员,所以可以考虑雇佣职业美术人员来完成这项工作,只是要确保你对设计结果有清晰的认识。 当你埋头进行Android应用开发时,往往很容易遗忘用户界面设计。在你的应用相对较稳定后,浏览这个列表,对应用进行润色。通常来说,这些任务最好留到开发后期,因为此时的屏幕内容相对较为固定。  

价值14万的iPhone保护壳

骑白马的不一定是王子,还有可能是唐僧;拿着iPhone的不一定是高富帅,还有可能是屌丝。前不久一款价值14万的纯金iPhone保护壳在日本展出,高富帅们又有新玩物可以购买了。 7月18号,一款纯金iPhone保护壳在日本桥三越本店举行的黄金展会上展出,标价为1795500日元,约合14.6万人民币。 这款保护套重133.8克,使用24k金,里面有日本财务省造币局的刻印。表面由专业的工匠雕刻,买方可以自行定制样式。实际使用时133g并不算重,是可以接受的范围。金在一般情况下是一种柔性金属,但正常使用时并不容易变形。 展览的主办方SGC信州ゴールデンキャッスル东京总部的熊木克文先生回答了设计这款保护壳的背景:“iPhone的保护壳已经有很多种类的了,要是有纯金做的就好了”于是就设计了这款产品,但人们的反应大大地超出了我们的预期,在展览开始前就已经有许多人打听价格并购买了。 这么好炫耀富有的产品,,高富帅绝对不会错过,相信过不了多久,这家厂商就会接到来自中国的大批订单。 Via:インターネットコム

iCade Mobile:让iPhone变身掌上游戏机

iPhone的触摸屏并不能让所有类型的游戏都有优秀的体验,没有物理按键会让一些经典游戏体验不佳。为了解决这些问题,开发者们都选用了虚拟摇杆,但没有改善多少。后来虽然有了触控反馈,但仍然做不到物理按键带来的优秀的反馈感觉,外接控制器成了一个新的选择。 ION公司推出了一款使用蓝牙技术的街机模拟控制器:iCade Mobile 。将iPhone(3G及以上)或iTouch(三代及以上)插入iCade中间的黑色硅胶套并使用蓝牙连接设备,然后便可以使用方向键、四个常规按键和L、R按键来玩游戏了。硅胶套可以旋转为横向或者纵向配合游戏以获得更好的体验。然而这款产品的硅胶套没有将机身按键镂空,这就意味着当你需要调节音量、充电或者关闭屏幕的时候需要将设备从保护套里取下来操作。 当你第一次使用iCade Mobile的时候,你会发现它并不是那么的便携。8.5英寸比PS vita还宽,所以并不适合随时带着。正常的全家娱乐还是需要电脑、电视的,这款产品只能改善一些iPhone的游戏体验。 iCade Mobile的规格使它在成年人手里拥有舒适的握感和足够的分量。但是控制按钮有些滑、定向垫有些松。虽然L、R键有舒适的体验,但是没有几款游戏支持。 使用这款产品和正常操作在许多情况下没有多大的差别,玩Pix N Rush Love或League of Evil这类屏幕控制的游戏,手指会挡住很大部分的画面,使误按的几率更大。有了iCade Mobile之后,可以很轻松的控制和调整方向,玩赛车类游戏也能带来更好的操作体验。 但一切的一切都需要游戏支持,目前兼容的游戏约有100种,种类从经典到小游戏。但令人莫名其妙的是,常见的iOS游戏都不支持,而且支持其他iCade的游戏未必支持iCade Mobile。但游戏厂商们已经开始努力在支持这款新产品了。 令人遗憾的是,70美元的价格只有需要的游戏控才会选择,但对于大多数用户来说,可以选择的游戏太少且价格过高,不值得购买。