6个方法助你设计出优秀的APP

   今天这篇从品牌、颜色方案、愉悦感、精炼简化等方面提出不少实在的建议,而且全是作者通过某个APP设计实战后概括出来的经验,不少观点很受用,收。

  很多人对Parable的设计赞不绝口,然后他们的第一反应就是问:“设计师哪儿找的?”我们的回答是,我们并没有一个专门的设计师,而是团队中每个人都参与设计。大多数人都觉得这个回答难以置信。

  伟大的设计来源于一致性和细致化,而其实只要有足够的纪律,每个团队都可以实现这一点。在这里,我概括了Parable视觉设计的一些经验,它将有助于我们设计出漂亮的应用。

  品牌

  品牌是应用设计的基石。它回答了“用户使用应用时应该获得何等感受”这个问题。首先,你应该确定你的主要目标人群或者产业是哪些:儿童,青少年,专业人士,妈妈,学生,医生,设计师,老年人,等等。应用的设计风格必须与品牌相一致,这样才能建立更强的品牌认知,并消除用户疑虑。例如,为老年人设计的社交应用就应该用大号字体,而股票交易应用就得有策略地使用安全锁图标来让用户有安全感。如果可能,你还该考虑为品牌找一个吉祥物。吉祥物可以将品牌拟人化,同时强化应用留给用户的印象。


  颜色方案

  颜色方案决定了应用的形象,它应该是品牌主题色的扩展。它是视觉设计的核心,因为应用所有可见的地方都会使用这些颜色。首先,你需要选择一个能增强品牌形象的主题色。例如,Evernote的主题色是绿色。然后,你应该围绕这个主题色来创建颜色方案。亮色可以吸引人的目光,所以适合那些消费导向的应用;中间色可以让人把精力集中在信息本身,所以更适合专业性的应用。Parable的主题色是“Tangelo橙”,因此我们选择了灰度作为主要颜色方案,这也符合我们一贯的时尚创意。另一个例子是SnapChat,它使用了华丽的亮色方案来吸引青少年用户。


  直观

  在高度竞争的应用市场,根本没时间让用户仔细品味你的应用——我们讲究的是“一见钟情”。能让你第一眼就明白其功能的应用才是最好的应用。有一个管用的小方法,就是去研究一下那些热门应用是怎么做的,尽量别让用户产生困惑。然后,要全面地测试所有的交互环节,充分优化应用。到达最重要的交互环节之前,用户的操作步骤不能超过三个,例如,发布到Meerkat上只用点一下,发布到Instagram上只用点三下。一些用户熟知的平台上有特定的交互方式,使用它们往往会效果拔群。


  发布到Meerkat上只用点一下,发布到Instagram上只用点三下

  愉悦感

  用户评价应用的首要标准是体验。想要获得死忠用户,你必须得提供一些意料之外的愉悦感。随着时间的推移,这些愉悦的体验就会给用户留下深刻印象,从而让应用成为他们日常生活必要的一部分。像Pinterest和Parable里点击分享时候出现的动画,还有刷新SnapChat时候的动画,都是很好的例子。


  Pinterest的分享动画,SnapChat的刷新动画,Parable的分享动画

  精炼

  卓越的视觉设计都是细节为王,每一个像素都要完美无缺。首先是排版。字体是应用的脸面,一个好的字体可以让你的应用脱颖而出。你可以从50多个iOS字体中精心挑选一个来;当然,如果你能购买并制作属于自己的字体那就更好了——总之,千万别吊死在默认字体这棵树上。Serif字体适合长文章;san-serif字体可以使用更多字体大小而不让页面看起来拥挤。紧凑型字体可以让屏幕上显示更多文字,但它跟普通字体放一起就会很奇怪。接下来,我们来谈谈图标的问题。能准确传达情绪的图标才是最好的。你可以利用一些免费的图标资源,然后在Photoshop里面稍加修改,把它们变成自己的图标。当创建纯色图标时,坚持使用单一色彩可以避免让用户感到拥挤和混乱。最后,让我们把重点放在视觉资源上。Post-skeuomorphic时代让资源开发变简单了。我们应当尽量在代码中进行渲染,以尽可能地缩小应用包。添加资源时需要确保它们能正确匹配屏幕大小;粗制劣造的一大表现就是资源的像素化。

  Path和Flipboard是每个像素都趋近完美的典范。不过要注意,如果一个段落混合了粗体紧凑型的san-serif字体与serif字体,它会在Flipboard上表现得不平衡。


  Path和Flipboard

  简化

  开发者总喜欢添加一些复杂的导航界面或者用无关的信息,结果把界面搞得一团糟。这简直让用户崩溃。让一切保持简单!屏幕布局应当保持整洁,信息应该分层排列,重要的在上面,不重要的在下面。只显示相关度高的细节,用统计工具分析有哪些动作是没用的,然后把它们删掉。可以借鉴苹果的理念:无赘物即为完美。分析下面这个简洁的Pinterest个人主页。它把用户和分块展示区放在一起,最重要的关注和点赞按钮被小心地放在了合适的位置。要做最佳应用则需更深刻地贯彻这一原则,让内容动态化,例如在滚动浏览时导航栏要随着动画隐藏,再如在多步骤的交互中要隐藏按钮。


  Pinterest的个人主页界面

  每个应用都有不同的目标,但良好的应用设计具有共性。请你在设计下一款应用的时候遵循上面说的这些步骤,并且请把想法在我的推特(@amitpaka)上发给我。另外,欢迎下载Parable。

时间: 2024-09-17 04:01:49

6个方法助你设计出优秀的APP的相关文章

怎样才能设计出优秀的界面

  1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控.同时用户也可以一目了然内容.而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达.最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮. 2 放出礼品往往更具诱惑力 给用户一份精美小礼品这样的友好举动再好不过了.具体来讲,送出礼品也是之有效的获得客户忠诚度的战术,这是建立在人们互惠准则上的.而这样做所带来的好处也是显而易见的,会让你在往后的活动进展(不管是推销,产品更新还是再次搞活动)中更加顺利. 3 合并

两种方法助你找出win7下扫描仪在哪里

  1.第一种方法是直接在电脑桌面上建立一个快捷方式,这样更加方便寻找了,方法是:依次展开找到:C:WindowsSystem32wiaacmgr.exe,然后将wiaacmgr.exe右击选择发送到桌面快捷方式即可. 2.第二种方法是首先鼠标点击电脑桌面左下角的开始按钮,然后在开始菜单中选择"设备和打印机"选项; 3.然后就可以在设备和打印机界面中找到扫描仪或一体机了,就会看到开始开始扫描.扫描属性等选项了,如果是一体机,可双击打开,就可以看到扫描仪操作了.

独具匠心六个意见 让设计出优秀单页网站

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 单页网站受到大家的青睐,它带来的商业价值成为吸引人们的一个交点.如果你设计的单页网站能够成功,将会为你带来不可预计的好处.因为只有一个页面,所以内容一定要简洁,而布局上要多下功夫.想要一目了然又错落有致,就更不容易.笔者总结以下六个意见,希望能给你一些灵感. 1  找到你的核心 单页网站展示的内容肯定不必面面俱到,故要保持专注到核心内容.让一

设计出精美网页需要注意哪些

中介交易 SEO诊断 淘宝客 云主机 技术大厅 一位优秀的网页制作者应当不断追求完美的网页,那么如何将你的网页设计的更精美,更招人注意呢?那就让Uxsheji与大家一块分享交流经验.一篇成熟的网页是需要不断的去维护和不断的去更新的,在更新和维护的过程中要不断的为网页添加更多的图片.链接.对比.表格.动画,这些都是需要进行设计者们不断的去研究的. 一.独树一帜,力求不同 说到网页创新,就不得不从一开始的网页风格上进行研究,同时还要考虑到主页整体风格.颜色的搭配.页面的布局等诸多因素都可以进行创新.

怎么设计出风格一致的网页

  一个风格一致的网页比那种看起来杂乱无章的网页更吸引人,并且风格一致的网站有利于推广品牌和提升辨识度,那么怎么设计出这种风格一致的网页呢? 怎样设计出"一致性"? 说起来容易做起来难,如何打造一致性设计呢?如何让视觉形象成为联系用户与品牌的纽带? 我们设计师真正能够把握的,也无非这几点: 色彩 (主色.配色方案的选择) 视觉元素 (图像,照片, 图标, 按钮的整体风格) 字体 (大小, 排列) 尺寸 (内容尺寸,图像尺寸, 间距大小) 还记得向莎士比亚学习!你值得掌握的网页设计焦点法

如何设计一个优秀的API(转载)

最近在整理框架的一些 API,觉得很有必要总结一下 API 兼容性的设计.下图是我自己当下的一些总结,慢慢维护: 网上搜索了一下,一个多月前,"标点符"已经发布了下面这篇文章,觉得写得非常不错,转载于此:   --------------------------------------------原文如下:-------------------------------------------- 到目前为止,已经负责API接近两年了,这两年中发现现有的API存在的问题越来越多,但很多AP

产品设计参考:优秀的界面设计和用户体验

文章描述:优秀用户体验的五点提示. 感谢苹果公司,现在的产品和应用越来越注重用户体验.如果有读者使用过私密社交软件Path的话,一定会惊叹Path出色的UI设计.在未来应用爆炸的年代,要想给用户留下良好的第一印象,产品拥有优秀的界面设计和用户体验已经越来越重要了. 在这篇文章中,我们列出了五点产品和应用如何设计出最优秀的UX,供想做出举世惊叹的产品的团队和个人参考. 1. 优雅的UI(用户界面)设计 虽然最好的用户体验不会全部归功于UI设计,但无疑这是很重要的一部分.比如社交应用Path,当你喜

如何设计出易用性更高的iPad软件

概要:iPad 软件的介面设计缺乏统一性,各种功能不易被用户发觉,用户无意之间的手势也很容易造成误操作.此外,整个介面的隐喻[译注一]过度接近印刷品,人机交互的方式也很怪异,这都会造成进一步的易用性问题. 「看上去像一台大号 iPhone,」这是我们要求用户测试 iPad 时听到的第一反应.(第二反应呢?「哇,好重.」) 但从交互设计的角度来看,iPad 的介面不应只是一个放大版的 iPhone 介面. 的确,我们的研究表明,iPad 底部的标签栏远不如 iPhone 的有效.在 iPhone

设计参考:优秀的网站首页Banner设计实例

当用户访问一个网站的时候,第一屏的信息展示是非常重要的,很大程度上影响了用户是否决定停留,然而光靠文字大面积的堆积,很难直观而迅速的告诉用户来到这里会得到什么有用的信息,因此网页Banner设计在这里起到了至关重要的展示作用,特别是对于首页Banner,有效的信息传达让用户和文字之间的互动变得生动而有趣,下面就让我们通过大量优秀的设计案例走进Banner设计,走进设计师们的灵感挥洒空间. 一.Banner的构成与设计形态分解 自然界的万物形态构成都离不开点.线.面.它们是视觉构成的基本元素,具有