优秀app设计案例（APP设计案例）

案例——APP启动页

B612把首页首先加载状态图作为启动页面，当在主屏幕上点击B612图标时会立即显示上面这个启动图像。真正启动后界面会把视频及细节显示出来。

优点： 遵循ios建议，尽量让用户不去感知页面的存在，“无缝”进入到应用中去。

缺点： 启动页较为单调，不易变通，少了为品牌宣传及获取更多商业价值的途径。

美柚、顺丰速运、滴滴出行，利用品牌性质，加强用户对品牌的直观印象，拉近应用与用户之间的距离。均包含三大要素：LOGA、品牌名称、Slogan。

启动页简约，品牌展示型也是用的较多的启动页类型，是任何app启动页设计均可采用的方式。上述三个app均为白底，美柚和滴滴出行要素均位于底部，纯白色背景，需要时可流畅无缝变通设计成扩展定制型，为需要的功能或活动做推广宣传。

品牌展示型启动页面对于产品而言，可以提高它们的知名度，很好的起到了宣传的作用。在做这类页面时，要注意风格的搭配，不要太突兀，影响了产品整体的视觉效果。如果没有商业需求，有品牌名称和LOGO就足够了，代入感也强，不会犯错。

这三个较前面几个品牌展示型app，启动页更为丰富。飞猪根据app内容特征，在启动页底部增添了类似地球的元素，表示世界之大，有一定情怀性；百果园app利用新鲜甜美的水果作为背景，也跟自身内容很好结合，让人看了垂涎欲滴，也是利用启动页起到了宣传引人购买的作用；百度地图则将其图标放大置于中心，更清楚明了，也让用户感觉定位精准的含义。

根据app内容增添元素可带用户更好的认识理解品牌，加强用户对品牌的记忆，或增加情怀，同时达到潜在目的，但要与app整体效果搭配，不要喧宾夺主、造成混乱。

推广宣传型的变招，普通启动页和推广宣传启动页的结合。在APP启动界面出现后，再次叠加一张页面，通过对第二张页面的定制达到想要的效果。

此类启动页视觉要衔接、色彩搭配，否则就会像硬广告、突兀。如QQ音乐用了渐变效果，视觉衔接性更强。而智联招聘、婚礼纪的整个色彩也能承上启下，比较搭配，让用户不会过于反感。

品牌页加入了定制语言，让人内心平静，有阅读情怀；同时运用了动画，使画面更衔接流畅，但由于运用动画，启动速度相对较慢。

全面K歌品牌型用的白色，app主页面也是白色背景，而推广宣传则不同。同样，爱奇艺品牌型用的黑色，app主页面也是黑色，而推广宣传是大红色背景。色彩上不能承上启下，给用户就是硬加广告，突兀闪屏的感觉。

启动页面使用意境化启动页，引起情感上的共鸣。音乐本来就要走情怀，酷狗音乐品牌页上用了很多人听演唱的背景，暗含音乐背后的力量，表达音乐能深入人心，亦能凝聚人。

信息强调型更加注重自身APP的宣传，一般为某一功能或特点的认知加强。酷狗音乐利用启动页强调5.1全景音效功能，为app功能做了宣传，依旧用蓝色背景作为过渡，有承上启下作用。

运用了动画，画面较流畅，使得广告植入不那么生硬，用户接受度会相对较高。但缺点是容易拖慢启动速度，等待时间较长。

5个案例总结，APP「适老化」到底该如何设计？

1.如何为老年人设计？来看贝壳的实战经验总结

链接地址： 为老年人设计：共享科技带来的美好变化

2.支付宝设计师总结了9个适老化设计小技巧，针对老年人看不清、不理解、难操作3个痛点，给出针对性的设计方法。

链接地址： 如何做好适老化设计？支付宝设计师送你9个实用锦囊！

3.腾讯出品！手机银行适老化设计探索

链接地址： 设计向善，美美与共-手机银行适老化设计探索

4.百度基于自身雄厚的AI技术和精细、系统的适老化设计适时推出百度大字版，使老年人更平等地获取信息和服务、获得情感陪伴。

链接地址： 百度大字版精细系统的适老化设计研究实践

5.作者分析了百度、支付宝、喜马拉雅、滴滴打车这四款app针对适老化项目的改版。

链接地址： 三孩政策都开放了适老化设计还会远吗？

如何进行app按钮设计与排版

第一个案例：社交类APP当中的按钮设计。

以上这个APP界面，最醒目的地方就是 漂亮的按钮。这样的APP按钮是直接吸引用户点击交互的。而且按钮的排版和整个元素的排版都是居中的，属于UI设计当中的中轴式布局。大气稳重。

第二个案例：电商APP当中的按钮设计

这是国外一个非常不错的卖儿童服装的一款APP设计界面。25学堂给大家截图的这2个界面是一个购物车的界面设计。希望大家可以好好的看下。

此款APP的按钮设计非常的丰富。 各个元素基本都是由按钮来组成和布局排版的。