用这6个方法出优秀的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。

medium
译文地址:jianshu
译者:南羽语玉

(0)

相关推荐

  • 如何制作出优秀的令老板满意的PPT文件

    操作方法 01 导读:不少职员,在会议中展现不出精彩的PPT,让自己的方案没能够获得众多的支持者,最终熬了几个晚上辛辛苦苦做出的方案被否决了.PPT内容是最主要的,其次也不能忽略了浏览者的视觉感受.要 ...

  • 如何才能写出优秀的互联网热文?

    写出热文不单单是传统媒体行业,互联网上同样如此,大部分运营人都是在追求热文这个成就,因为热文意味着高阅读量,自然而然带来的用户行为会有很多,比如分享.评论和关注等等.那么针对如何写出优秀的互联网热文? ...

  • 如何学习一款优秀的APP设计?

    今天小编带来的是@兔子猪耳朵的关于教你如何去快速构建属于自己的移动app产品和向一款自己喜欢的app学习的过程和方法.希望对你有一定的帮助. 适合移动APP产品经理和创业者来学习.也是目前最常用的ap ...

  • 奇思妙想是如何创造出优秀网页设计

    变化无端的奇思妙想,特立独行的交互模式,独树一帜的设计手法,它们常常来自于设计师的灵光一闪.在设计项目中加入一点奇思,不仅能够提升整体设计的意境,而且常常会获得点铁成金的奇效. 不论这个奇异的点子落脚 ...

  • 如何用PS软件设计出优秀的banner图

    近年来,各大权威知名网站的风格发生本质的变化:包括网站的框架.轮播图.布局等等都采用平面式的视觉元素:它们主要以色彩统一.布局清晰.视觉明朗等特点成为目前主流网站的大众化风格:下面本编人员就banne ...

  • 如何写出优秀的电路实验报告

    如何写出优秀的电路实验报告

  • 微海报制作方法,优秀的微海报让朋友圈转起来

    相信大家在朋友圈看到过一些不错的微海报,图文配上音乐给人的感觉棒棒哒,想自己弄一个就是不知道怎么做?下面就让我们来看看这样一个优秀的微海报是如何炼成的. 操作方法 01 进入腾讯微校官网,如果公众号第 ...

  • 思语软件加好友的方法(思语app下载安装后怎么加好友)

    思语app刚刚更新新版本,新版本最翻天覆地的变化就是界面的设计,除此之外,功能也有部分的调整,新老用户赶紧查收这份"使用手册"吧!进入到一个社交软件我们肯定是想要找好友聊天的,那么 ...

  • 掌握5个技巧设计出眼前一亮的APP引导页

    现在新手引导已经成手机客户端标配,但是通用的做法不见得是最有效的.这篇文章中我们将会看到为什么新手引导经常无效,以及如何借鉴游戏设计的原理来提高用户的参与度. 通过跟各种行业的移动团队沟通,发现这些添 ...