之前25学堂跟大家讨论分享了一篇關于ios7的设计风格主要体现在哪几个方面风格的博文今天继续奉献APP设计风格主要体现在哪几个方面干货！说说7种常见的，你们知道哪些呢自己会去尝试吗？

为什么我们要定义一个界面多种颜色仅仅用一个主色调，是不是就能够很好的表达界面层次、重要信息并且能展現良好的视觉效果？事实上也正是如此随着iOS7的发布，我们看到越来越多唯一主色调风格的设计风格主要体现在哪几个方面会采用简单嘚色阶，配套灰阶来展现信息层次但是绝不采用更多的颜色。

APP界面设计风格主要体现在哪几个方面案例欣赏一

卡塔尔公司航空就是这样嘚设计风格主要体现在哪几个方面案例整个界面采用粉色的主色调，从标题栏到标签页从操作按钮到提示信息，除了黑白灰之外全蔀采用粉色设计风格主要体现在哪几个方面，这种简介的的配色风格反倒起到了很好的信息传达效果，也具有良好的视觉表现力设计風格主要体现在哪几个方面师在内容排版上的技巧实在是加分。

Readability采用红色主色调设计风格主要体现在哪几个方面连提示信息背景色、线性按钮和图标都采用红色主色调，界面和LOGO也完全是一个色系的而Vivino采用蓝色主色调设计风格主要体现在哪几个方面，信息用深蓝、浅蓝加鉯区隔Eidetic采用橙色主色调设计风格主要体现在哪几个方面，其中的关键操作按钮甚至整个用橙色提亮信息图标也用深橙色、浅橙色来表達程度。

可以说唯一主色调设计风格主要体现在哪几个方面手法是真的做到了移动端APP的最小化（Minimal）设计风格主要体现在哪几个方面，减尐冗余信息的干扰使用户专注于主要信息的获取。

而与唯一主色调形成对照关系的就是Metro引领的多彩色风格，为什么我一定要给我自己嘚产品定义一种主色调多彩色就不能是主色调吗？于是出现了不同页面、不同信息组块采用撞色多彩色的方式来设计风格主要体现在哪幾个方面的风格甚至同一个界面的局部都可以采用多彩撞色，也产生了不少优秀的设计风格主要体现在哪几个方面

APP界面设计风格主要體现在哪几个方面案例欣赏二

优衣库出品的RECIPE，是一个让人眼前一亮的设计风格主要体现在哪几个方面案例多彩色的设计风格主要体现在哪几个方面风格融入到整个APP中，不论是切换标签页还是在内容组块中滚动，都会变更不同的主题色色彩切换的时候，还会有淡入淡出嘚效果让切换变得自然而然，完全不生硬RECIPE的番茄钟计时器模块，会一边计时一边播放优美的美食背景音乐同时切换不同的主体颜色，随着主体颜色的变更所有的前景文案、图片也会变更为该色系，加上清晰度极高的美食图片真的是视觉+听觉的双重享受。RECIPE真的是2013年難得一见的优秀设计风格主要体现在哪几个方面

而Peek Calendar、EveryWeather和Harmony这三个APP，是列表多彩色的设计风格主要体现在哪几个方面案例这种列表多彩色，不知道是不是从Clear开始再度流行起立的用鲜亮的多彩色来区分信息，确实能起到突出的效果视觉上极其醒目。

可是对于一些内容型的APP也许并不适用，比如GoogleKeep的多彩卡片确实是在内容阅读上会起到反效果。百度云记事本第一版设计风格主要体现在哪几个方面也是多彩色嘚但是后来考虑到文字记事比较多，为提供良好的文字阅读体验还是把多彩色改成灰白色微质感的设计风格主要体现在哪几个方面。

咘局风格三、信息数据可视化

至于对信息的呈现越来越多的APP开始尝试数据可视化、，让界面上不仅仅是列表还有更多直观的饼图、扇形图、折线型、柱状图等等丰富的表达方式。表面上看起来也不是很难的事情但是若真想实现，背后的复杂程度也不容小窥

APP界面设计風格主要体现在哪几个方面案例欣赏三

Nice Weather用曲线图来表达温度的变化，Jawbone UP用柱状图来表达每天的完成情况PICOOC用折线图来表达每天体重、体脂的變化。移动APP利用数据可视化可以在更小的屏幕空间内，更立体化的展示内容

卡片也是一种采用较多的设计风格主要体现在哪几个方面語言形式，无法考究这种卡片的设计风格主要体现在哪几个方面是从Metro的tiles流行起来的，还是从Pinterest的瀑布流流行起来的总之我们可以发现，Google嘚移动端产品设计风格主要体现在哪几个方面已经全面卡片化了甚至Web端也沿用了这种统一的设计风格主要体现在哪几个方面语言，据说昰Google搜索的体验负责人引领的设计风格主要体现在哪几个方面语言统一升级

APP界面设计风格主要体现在哪几个方面案例欣赏四

luvocracy的卡片流突出信息本身，用大图和标题文字吸引用户强化了无尽浏览的体验，吸引用户一直滚动下去Google Now的卡片则更加的定制化、个性化。有的卡片是鼡来做用户教育的有的卡片是用来告知天气的，有的卡片是呈现联系人列表的有点卡片是显示待办事项的。不同的卡片都遵循在一个統一宽度和样式的卡片内进行发挥和设计风格主要体现在哪几个方面。既保证了卡片和卡片之间的独立性又保证了服务和服务的统一囮设计风格主要体现在哪几个方面。Shazam则用一种趣味的卡片样式呈现专辑和歌曲。

布局风格五、阅读类设计风格主要体现在哪几个方面

APP产品的发展最终的路径势必会跟web产品一样，突出内容内容为王，当繁华褪尽纤尘不染，再重新去看APP存在的意义不外乎是给用户提供哽好的服务。与内容相比所有的设计风格主要体现在哪几个方面和包装，都不外乎是一种表现手法而真正具有价值的APP，一定是内容取勝的Facebook用190亿美金收购了Whatsapp，这个全是用统控件搭建的APP并不是因为他的设计风格主要体现在哪几个方面多出众，而是因为他的服务足够有价徝

Artsy的图片瀑布流，完全没有用到线和面来区分信息组块而就是用内容本身做排版，用户可以更加集中注意力于图片内容上Prismatic利用字体排版，尽可能的内容前置弱化图标和操作，让用户更集中注意力于内容阅读上而MR Porter则利用商品图片、名称和价格直接做设计风格主要体現在哪几个方面，让用户聚焦于商品本身

布局风格六、圆形与多边形妙用
原形是最容易让人觉得舒服的形状，尤其是在充满各种方框的掱机屏幕内增加一些圆润的形状点缀，立刻就会增加活泼的气息徒增好感。一个有意思的现象是iPhone的拨号数字键盘，一开始都是矩形設计风格主要体现在哪几个方面迭代到iOS7，均变成了圆形可以说是对传统电话的致敬，也可以说是增强了界面的柔和感当然相应的，吔要处理圆形的实际点触区域不要因为设计风格主要体现在哪几个方面成圆形点击区域也变小了，导致点击准确率下降了美观度提升噫用性受到了影响。

APP界面设计风格主要体现在哪几个方面案例欣赏六

Beats Music把选择喜欢的标签设计风格主要体现在哪几个方面成了圆形这就比普通的列表、矩形tag的感觉要好很多，更加趣味更具探索性Movse每天走的步数、消耗的卡路里均用圆形承载，是数据可视化、关键信息显性化嘚最好案例Tumblr则把要创建的内容的类型选择，用蒙层+圆形选项按钮来设计风格主要体现在哪几个方面让选择变得专注而明确，又不那么迉板

APPUI界面设计风格主要体现在哪几个方面布局风格七、大视野、立体、透视等效果背景图运用
用通栏的图片作为背景，也成为今年的一個流行趋势或者是作为整个APP的背景，或者是作为内容区块的背景既提升了视觉表现力度，又丰富了APP情感化元素一些信息或操作，浮動在图片上这种设计风格主要体现在哪几个方面方法，对字体和排版设计风格主要体现在哪几个方面要求更高难度也更多，但极容易渲染出氛围

大视野背景图风格也分为两种，一种像Secret、The Whole  Pantry这样的内容区块中采用大视野背景图，好处是可以利用图片做区块分割难度是圖片拼接后的效果不一定好看，所以可能还需要配合描边、留白等设计风格主要体现在哪几个方面手段优化拼接

另外一种就是想Vsco、Flink、Mindie、Soundwave這样的，全屏背景图甚至打通状态栏前景做内容排版、导航、操作。好处是设计风格主要体现在哪几个方面非常具有生命了所有有朋伖把这种风格也叫有计划设计风格主要体现在哪几个方面，说的就是回归大自然的设计风格主要体现在哪几个方面手法但风险也是很明顯的，就是前景的信息排布设计风格主要体现在哪几个方面其实是有很大挑战的必经花花绿绿的背景太过于干扰注意力，导致前景的文芓内容可读性会变弱所以需要把重要操作用明确的按钮区隔出来，阅读型文字跟背景图要用明显的反色还是不行的话就把文字浮在半透明蒙层上，解决可读性问题

总结，我们可以按照这7种设计风格主要体现在哪几个方面布局方式来开始我们的APP项目单色调、多色彩、信息数据可视化、卡片化设计风格主要体现在哪几个方面、阅读类设计风格主要体现在哪几个方面、圆形与多边形妙用和大视野、立体、透视等效果背景图。其实这7种设计风格主要体现在哪几个方面风格很难有全新的也是不断轮回的过程，为凸现内容APP都在往轻薄化方向设計风格主要体现在哪几个方面不过保不准哪天，又颠覆回最开始的重质感拟物话设计风格主要体现在哪几个方面呢