首页 > 众包知识 > 移动应用  > APP开发
app界面设计风格
app界面设计风格
APP设计风格是指APP通过主要的几种颜色搭配、页面布局和NPC等给用户呈现出的整体视觉感受。时间财富网小编认为一个APP开始启动设计时,第一步应该用主要页面定下整个APP的设计风格,然后其他页面按着统一的设计风格进行细...
1app界面设计风格有哪些?
  由于手机屏幕尺寸的限制,无法直接把所有内容在一屏内显示,可显示内容要比PC屏幕少得多。在APP界面设计中,我们需要对信息进行有效组织、提炼,通过合理布局把信息展示给用户。

  合理的布局设计可以使信息变得井然有序,用户可以很容易地找到自己想要的信息,产品的交互效率和信息的传递效率都得到提升,在此,我们不妨一起来看看APP界面常用的8种页面布局:

  列表式布局特点:内容从上向下排列,导航之间的跳转要回到初始点。优点:1、层次展示清晰明了。2、视线流从上到下,浏览体验快捷。3、可展示内容较长的菜单或拥有次级文字内容的标题。

  缺点:1、导航之间的跳转要回到初始点,灵活性不高。2、同级内容过多时,用户浏览容易产生视觉疲劳。3、只能通过排列顺序、颜色来区分各入口重要程度。

  陈列馆式布局特点:布局比较灵活,即可以平均分布这些网格,也可以根据内容的重要性做不规则分布。优点:1、同样的高度下可放置更多的菜单,流动性强。2、直观展现各项内容,方便用户浏览经常更新的内容。缺点:1、不适合展示顶层入口框架。2、界面内容过多时显得杂乱,让用户眼花缭乱。

.......


查看全文 >>
2app界面设计风格阐述
  HTML5技术仍在发展中且发展尚不完善, web APP应用作为该技术的产物自然也是在不断试验中进步;此外,web APP应用还要依赖兼容性浏览器更强大的渲染能力,俗话说“皮之不存毛将焉附”,在大家都期待的强大浏览器出现之前谁也难以预言web APP应用需要做成什么样才算是一个合格的产品。在这种行业背景下,web APP应用还难以有一个所谓的界面设计原则,起码现在还不构成总结一个合理界面设计原则的条件。

  其实,所谓的界面设计原则本就是从已有的、典型的界面设计作品中倒推得出的。比如,解构主义界面设计风格的提出不是之前就有的,是理论家在分析总结了建筑界面设计师盖里、埃森曼、特斯楚米等大师的典型界面设计作品,结合这几位大师的界面设计理念后定义的一个流派名称。所谓的解构主义界面设计原则也是从权威大师典型作品中归纳总结的; 界面设计原则出现后继而可以对之后的界面设计起一定的指导作用。

  web APP应用界面设计原则,现从已经上线的优秀产品中选择典型界面设计元素与大家讨论分享,寻找可以借鉴的地方,并借此增进对web APP应用产品界面设计的认识。

  Web APP应用界面设计的实用技巧Web APP应用用户界面界面设计,核心是web界面设计;不过与一般意义上的web界面设计相比较,web APP应用更加注重功能。为了在与桌面应用程序的竞争中展现其优势,web APP应用需要提供简洁、直观、快速响应的用户界面,以便于用户在任务操作中节省精力和时间。

.......


查看全文 >>
3app界面设计风格设计规范
  尺寸及分辨率iPhone界面尺寸:320*480、640*960、640*1136,iPad界面尺寸:1024*768、2048*1536

  单位:像素72dpi,在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计。

  作图的时候确保都是用形状工具(快捷键:U)画的,这样更方便后期的切图或者尺寸变更。

  界面基本组成元素iPhone的app界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏、内容区域。这里取用640*960的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。

  状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40px导航栏:显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:88px

  主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98px内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁,其高度为:734px

  至于我们经常说的iPhone5/5s的640*1136的尺寸,其实就是中间的内容区域高度增加到910px。PS:在最新的iOS7的风格中,苹果已经开始慢慢弱化状态栏的存在,将状态栏和导航栏合在了一起,但是再怎么变,尺寸高度也还是没有变的,只不过大家在设计iOS7风格的界面的时候多多注意下~

.......


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

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

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

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

  评估一套视觉UI设计的标准有以下几个方面:是否清晰的展现了信息层级:对于APP的UI设计在层级方面,需要遵循的原则,1)尽量用更少的视觉层级来展示信息,因为在移动场景中,用户的注意时长更短,需要在最短的时间引导用户关注到核心信息以完成主操作,如果层级过多,会使效率更低。 2)当不可避免的要采用多个层级,那么使用尽可能少的设计手法做层级区分。例如,区分信息A和信息B,可以用颜色或大小或亮度或动静等等手法来区分,但是在这些手法中尽量选择一种,不要两种叠加,这样可以使界面展现更为优雅。关于这方面的详细内容,可以参考我的一个小结减少视觉层级,向优雅迈进一小步,其中有一些案例来说明。

.......


查看全文 >>
5app界面设计风格基本原则
  清晰的展现信息层级:对于APP的UI设计在层级方面,需要遵循的原则,1)尽量用更少的层级来展示信息,因为在移动场景中,用户的注意时长更短,需要在最短的时间引导用户关注到核心信息以完成主操作,如果层级过多,会使效率更低。 2)当不可避免的要采用多个层级,那么使用尽可能少的设计手法做层级区分。例如,区分信息Tab A和信息Tab B,可以用颜色或大小或亮度或动静等等手法来区分,但是在这些手法中尽量选择一种,不要两种叠加,这样可以使界面展现更为优雅。

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

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

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

.......


查看全文 >>
APP开发方案
免费预约
相关知识
app界面设计风格基本原则app界面设计风格分类app界面设计风格设计规范app界面设计风格阐述app界面设计风格有哪些?App软件开发技巧App软件开发常见问题App软件开发注意事项App软件开发行业趋势App软件开发概念