这波宝藏APP设计的“超走心”!

Homepage recommendation
北京/UI设计师/3年前/20696浏览
这波宝藏APP设计的“超走心”!Homepage recommendation
MENGMENG_

是否常常遇到这些问题:觉得没灵感?觉得自己做的没特色?不知如何突破?

温馨提示:


| GIF较多,动画卡顿是因为没加载完成,给它点时间,让图片加载一会儿💗~

| 为了最佳的浏览体验,推荐使用PC端🥳~


绝大多数人想突破瓶颈时,都会自然的给自己定这样的目标:我要每天看大量作品!一天至少采集100张!想着做到这些就能养成习惯,提升审美,但其实是太关注“结果”去行动,结局往往是为做而做,然后发出疑问:“为什么我每天看大量的作品,但是还是不知道怎么设计出好的作品。”(相信你肯定深有体会)


但其实回忆下,是不是仅仅发出“挖藕!绝了!好棒!”的感叹,之后右键保存下来,不了了之了。但是如果把注意力转到“过程”,想想为什么这个吸引你、为什么颜色好看、为什么这么排版,这样坚持和实践之后,久而久之会总结到一些经验,我们的作品一定会留下痕迹。核心是不只「看」,还要「想」,手脑结合......


我整理了一些有特色的app,从产品定位出发,拆解了「质感」「风格」「图标」和「动效表达」,相信能给你带来一些启发,拓宽思路~


本期目录:

1. 每平每屋

2. 态棒

3. 汽水儿

4. 盯潮

5. Any Distance

6. LAOSHI

7. 泡汁儿

8. W1D1

1、每平每屋-3D细腻风


每平每屋是阿里旗下家居家装平台,以全链路数字化改造为基础,以用户定制化、场景化,为消费者提供定制3D设计方案,提供端对端的整体解决方案,轻松获取设计灵感和家居干货。

整体视觉风格融入3D设计元素,吸睛的同时,正好契合了产品定位-提供3D的解决方案,「让灵感所见即所得」。准备要装修的人,每天面对一大堆琐事儿,到处奔波装修装修着,装着装着心态崩溃也是有的。所以每平每屋通过有趣的IP“躺平”带来一定疗愈功效,让人觉得装修也是一件很有意思的事情。

风格:使用3D质感,模拟真实光照环境,从夜晚到日出,建模场景的质感也用了哑光质感,更贴近真实场景,仔细看,ip材质还有“捏”粘土的指纹。

颜色:品牌亮黄色传达“灵感”,关键页面的颜色遵循361比例组合,10%的部分使用黄色,突出重点。辅助黑色,给人品质感高级的感觉。卡片上一般使用浅灰色来突出3D插图,看起来也更统一规整了。

品牌:印象最深的就是“躺平”IP的运用,个性化IP角色生动有趣,加入情感化设计,强调ip的同时,也减少了焦虑感,增加趣味性。从闪屏、头部动画、金刚区、再到icon... IP复重复重复出现,加强记忆

留白:界面中用间距代替分割线,页面更干净,大的留白,有呼吸感,营造轻松的氛围,让人看到界面就能联想未来的家也是这样宽敞整洁了~

动画:还有细腻的动画也让人印象深刻:

1、首页头部:动画吸引了用户的注意力,发光的亮黄色很好的引导用户视线关注到“添加我家信息”,也传达出小家一点点从无到有的过程,给人无限遐想...

2、首页瓷片区,有轻微动效展示,让用户更好的聚焦到主要功能上,起到强调作用;

3、厨房模块:也是巧用动效,ip在厨房和客厅之间穿梭,吸引用户视线,也增加了趣味性

4、加载中:结合躺平IP一直下坠,生动有趣;

细节:还有很多亮点的细节设计:

1、装修板块:3D建模动态生长出户型,更直观的展示出家装风格;

2、带你装:从装前准备,到施工,到软装选购,每个页面都用了动画渲染氛围,连底下的icon都会跟着变化,增加趣味感;

3、亮点是识别技术,把商品的评价放到墙体上展示,比常规从左到右的弹幕更自然,也更引起用户好奇心,点击查看商品;

2、态棒-潮流个性表达

态棒是阿里推出的一款主打年轻人潮流文化的电商社区应用,服务于国内的年轻用户,汇集了中国新锐设计师品牌、有独特风格的主理人店、小众设计品牌,每款设计背后都有主理人独特的态度传递。

整体设计风格突出表达个性和自我表达,年轻潮流,设计师页面杂志化排版,用色大胆,对比强烈,契合 SLogan “有态度的中国创造”,让人眼前一亮

风格:风格统一,从运营活动到关键页面都使用大字体,通过粗细、大小 拉大对比度,更具有冲击力底部导航icon造型简约,选中状态图标文字左右排布很特别。整个界面虽然使用亮眼的绿色品牌色,因为结合黑色,视觉感官更舒服,营造潮流感氛围。文案部分,默认用户名也做了设计,选中tab用了“划圈涂鸦”的方式,彰显态度。点赞的icon“棒”使用logo字体,强化品牌印象,也和其他产品“爱心语意的赞”拉开差异化。

动效:首页动态banner比静态的更有活动氛围,也考虑不过多打扰用户,动态后就回到静止状态。首页的核心入口,打破我模块固定的印象,也用了丝滑的动效展示,还可以拓宽了横向空间,展示出了更多内容。加载中用了logo的老虎形象,品牌统一。

细节:还有些特色的地方,相比常规加入会员的卡片,“三分熟”让用户与店铺关系更密切。个人主页弹幕:弹幕让个人页更有人格化,引起用户和博主互动,顶部快捷操作入口,降低发弹幕的成本。还有商品卡片、详情页,也使用弹幕,加入更多互动,促使用户购买率上升。

3、汽水儿-扁平清新


汽水儿是一款播客软件,定位是一个年轻、快乐、有陪伴感的产品,想更多体现出年轻化的语言、快乐的互动方式与有陪伴感的体验。整个界面风格和其他播客产品不太一样,铺面而来的是年轻,切中他们的产品定位于用户群体。

品牌:品牌语言也很统一,把汽水的DNA融入到各个页面中去。「进度条」也是易拉罐拉坏儿的形状,「想听」结合了易拉罐形象。首页推荐标签也用了汽水的品牌元素,最有趣的是字体,仔细观察标题字是不是像沾水的手去写下的文字呢,比划交汇处有水溢出的感觉?还有建立了有爱的“汽水体”语言「想听」「听点好的」,可见设计师的用心,超级喜欢这些细节。

颜色:详情页背景色根据图片算色,算色规则都是深色,按钮和时间戳为同色系算色,让播客更沉浸。还有一个亮点功能,点击详情页的时间戳,可以直接跳转到时间点,直接从用户最感兴趣的地方听。

通感设计&动效表达:首先打开app,开屏伴随着一声开启易拉罐时喷出的“噗呲”声,配合slogan“溅你一声快乐”,所有烦恼瞬间也跟着汽水的二氧化碳一扫而光。。。







加载:刷新和加载动画也用了汽水儿品牌元素

4、盯潮-时尚潮流


盯潮专注于为用户提供各种潮流信息资讯服务,用户不仅可以通过软件了解最新的潮流信息,还可以在这里进行无障碍一站式购物服务。整个app给人年轻潮流感受,颜色克制,低饱和度的蓝配合黑色,整个视觉呈现很高级,有品质感。

动效:开屏元素从顶部掉落,还结合陀螺仪的功能,物品跟着手机方向移动,还有手机震动感知。banner做成随手移动的效果,加载动画也用了鞋子的动效,贴合品牌。

5Any Distance-新潮炫酷


是一款记录运动的软件,设计非常新潮炫酷,还有非常精彩的情感化设计,可视化界面,鼓励用户,让用户保持健身的动力。还有多种分享模版,一键生成高质量运动数据分享图片,方便分享到各种社交平台。

动态:首页喷出礼花,获得奖牌的时候,成就感满满。加入情感化设计,可以激励用户不断做运动。

VR:奖牌可以识别平面,展示在真实空间中。奖牌上也能实时渲染出名字,更有定制感。

6LAOSHI-文艺清新

LAOSHI是一款学习中文的软件,适合初学者,获得 2022 European Design Awards 。整体视觉风格简约克制,使用莫兰迪低饱和度的颜色,来突出文字。品牌设计使用几何图形元素,严谨不枯燥。

插画元素也用几何感图形,引导页,卡片插画,banner视觉调性一致

7、泡汁儿-年轻活力


泡汁儿是一款为喜欢说唱爱好者设计的音乐软件。


整体风格品牌感很强,在各个页面融合品牌形象,比如:新手引导结合ip小人儿,增加趣味性,让无聊的新手引导有了亮点。直播礼物icon也使用品牌ip,还有些涂鸦风格插图,整体风格年轻有活力。

8W1D1-创意艺术


W1D1代表着一周的第一天,俄罗斯设计师Alexey Ivanovsky和Andrei Keske创建,在疫情开始时上线。可以放松,探索日常,做一些日常的创意挑战,重新发现我们周围的世界。灵感来自于文学理论家作家 Vicktor Shklovsky:“艺术的存在是为了让人恢复生活的感觉,它的存在是为了让人感觉事物,让石头变的坚硬”。

W1D1 APP 整体视觉风格简约,磨砂质感,杂志化排版,配图视觉统一,把具象抽象的话题用最简单的材质表达艺术氛围浓,给人想象空间。


app中有很多观察日常的挑战,拍摄照片上传,比如观察身边的反射、观察模糊、观察身边的粉色蓝色搭配...,在这里查看同任务的其他照片也非常有意思。

以上是我发现的几款不错app,真儿真儿心头肉。每个app结合产品定位有差异化的视觉风格,让用户一眼记住



看到一本书上说:“其实「发现」才是真正意义上对未知的探索,「创作」只是对于过程的经验重组。想想为什么这个吸引你、为什么颜色好看、为什么这么排版,这样坚持和实践之后,久而久之会总结到一些经验,我们的作品一定会留下痕迹。”




嗯,每一个闪光点都值得记录。

650
Report
|
1425
Share
相关推荐
Flyme AIOS 2.0
Homepage recommendation
内容含视频
怎么巧用手写连笔的特点?
Homepage recommendation
文章
一楼咖啡
Homepage recommendation
内容含视频
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
2025 Annual Portfolio
Homepage recommendation
规则之外|松江永丰乐动力体育中心
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
教程
教程
教程
教程
作品收藏夹
教程
4725
设计不設計
设计不設計
设计不設計
设计不設計
作品收藏夹
文章
文章
文章
文章
作品收藏夹
页面
页面
页面
页面
作品收藏夹
UI设计
UI设计
UI设计
UI设计
作品收藏夹
大家都在看
Log in