15801477472 在线客服 人才招聘 PPT下载 返回顶部
公司动态141 技术分享30 行业动态27
首页 > 动态

如何去设计优秀的APP界面视觉设计【app设计教程】

2015-6-62019分享

百度总裁李彦宏说过人要做喜欢且擅长的事,你们觉得呢?

首先,你要足够确定你真的喜欢设计,热衷于发现美、感受美、创造美,最终能解释美。积极的行动和思考是进步的源动力。

据我所知,业内优秀的视觉设计师都会用业余时间来做很多和视觉设计相关的事,摄影、涂鸦、手工创作、制作影片…兴趣和工作是可以结合的。

FREE__0010_GB_2

 

今天鸿睿思博跟大家来小小议论一下,如何去设计优秀的APP界面视觉设计。

优秀的APP界面视觉设计首先是能够非常明确的传达这个APP的主旨的,说白了就是这个APP是用来干什么的。产品必须是一个优雅的整体,产品的设计必须是由内而外的统一、协调,像万万没想到里的孔女神一般只存在于电影或者游戏当中。所以,色彩、图案、形态、布局等的选择必须与APP的功能、情感相呼应,务必做到一脉相承,零时间传达APP的概念。

APP界面设计

其次优秀的APP界面视觉设计是有特点的、吸引人的,特别是在第一眼的时候。当然这必须先满足上面那一点,而不是单纯的为了搏眼球、搏出位。整个设计过程会是一场微妙的博弈与平衡,以达到一种魅力的素雅的耐看的境界。

app立体透视模型

 

评估一套优秀APP视觉UI设计的标准有以下几个方面:

第一方面:是否清晰的展现了信息层级

对于APP的UI设计在层级方面,需要遵循的原则,

1)尽量用更少的视觉层级来展示信息,因为在移动场景中,用户的注意时长更短,需要在最短的时间引导用户关注到核心信息以完成主操作,如果层级过多,会使效率更低。

2)当不可避免的要采用多个层级,那么使用尽可能少的设计手法做层级区分。

例如,区分信息A和信息B,可以用颜色或大小或亮度或动静等等手法来区分,但是在这些手法中尽量选择一种,不要两种叠加,这样可以使界面展现更为优雅。关于这方面的详细内容,可以参考我的一个小结减少视觉层级,向优雅迈进一小步,其中有一些案例来说明。

 

 

第二方面:是否采用了一致的设计语言

这一点很好理解,在整个APP中采用一致的配色方案、材质、元素、厚度,但这里需要注意的是,设计语言包括但不仅限于这些内容,还需要在相同的使用场景中,相同性质的控件,提供一致的交互和样式呈现。这样做的意义是尽量降低用户的学习成本,尽快从新手过渡到中等熟练阶段。

 

第三方面:是否在细节上给予惊喜

这一点,我个人认为是最难的,也是体现设计师创新力和水平的部分,做的出色,可以让用户产生强烈的印象和好感。一个直观的翻页动画,一个有趣的加载状态、甚至一段让人忍俊不禁的文案,都能够让一个APP从”good”提升到“great”。

 

 

再说优秀的视觉设计师必须具备哪些能力和本事!

profile APP设计

 

第一:优秀的视觉设计师是能够体谅用户的。每做一个决定的时候,都是从用户的角度出发,而不是总是陷入无限的自我的陶醉或者情怀当中。

其次:优秀的视觉设计师是熟悉精通多种风格的。用户是多样的,需求是多种的,流行是会随着时间变化的,APP的视觉有什么理由不做出必要的改变呢

最后:优秀的视觉设计师是有自己的理念的。这种理念不会是狭隘的扁平化或者拟物化,这些只是表象的手段。这种理念应当是基于它是如何有益于用户的,又或者给用户带来什么样的好处,获得了什么样的启发,或许是生理上的,或许是情感上的。

在线咨询留言咨询
  • 园区物业服务的新标...

    鸿睿思博与经开集团联手打造移动端的物业服务平台 &n ……

  • 鸿睿思博团队打造直...

    2016年12月16日,“红聚映”正式上线,从模式上超越了传 ……

  • 热烈祝贺鸿睿思博与...

    北京鸿睿思博科技有限公司与新洲康之源(北京)商贸有限公司达成项 ……

  • 浅谈APP设计师应...

    从字面意义来分析什么是创造力? 第一,创造力是人类进行信息处理的基本活动; 第二 ……

  • 移动APP创业公司...

    中国有句古话,千里之行始于足下。不光在工作中,在我们的日常生活中,也会经常遇到这样的 ……

  • Photoshop...

    最近,我有一个项目,我需要制作高保真屏幕界面设计稿。 我现在这些屏幕在设备上也产生一 ……

  • 优秀的APP界面设...

    今天鸿睿思博跟大家分享几个非常漂亮的运动类APP设计作品。这些移动APP界面设计都是来源 ……

  • 鸿睿思博与新浪网达...

    新浪网牵手鸿睿思博开发app移动应用 国内著名的互联网公司-新浪 ……

  • 鸿睿思博与中国网球...

    鸿睿思博与网球天下(北京)信息科技有限公司达成项目开发合作,开 ……

  • 五个国外优秀的HT...

    作为下一代网页开发语言,HTML5加入中众多的语义化标签,例如 video、audio、sectio ……

© 北京鸿睿思博科技有限公司 all right reserved 版权所有 京公网安备11010502030025号 京ICP备11017857号