这波宝藏APP设计的“超走心”!
是否常常遇到这些问题:觉得没灵感?觉得自己做的没特色?不知如何突破?
温馨提示:
| 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做成随手移动的效果,加载动画也用了鞋子的动效,贴合品牌。
5、Any Distance-新潮炫酷
是一款记录运动的软件,设计非常新潮炫酷,还有非常精彩的情感化设计,可视化界面,鼓励用户,让用户保持健身的动力。还有多种分享模版,一键生成高质量运动数据分享图片,方便分享到各种社交平台。
动态:首页喷出礼花,获得奖牌的时候,成就感满满。加入情感化设计,可以激励用户不断做运动。
VR:奖牌可以识别平面,展示在真实空间中。奖牌上也能实时渲染出名字,更有定制感。
6、LAOSHI-文艺清新
LAOSHI是一款学习中文的软件,适合初学者,获得 2022 European Design Awards 。整体视觉风格简约克制,使用莫兰迪低饱和度的颜色,来突出文字。品牌设计使用几何图形元素,严谨不枯燥。
插画元素也用几何感图形,引导页,卡片插画,banner视觉调性一致。
7、泡汁儿-年轻活力
泡汁儿是一款为喜欢说唱爱好者设计的音乐软件。
整体风格品牌感很强,在各个页面融合品牌形象,比如:新手引导结合ip小人儿,增加趣味性,让无聊的新手引导有了亮点。直播礼物icon也使用品牌ip,还有些涂鸦风格插图,整体风格年轻有活力。
8、W1D1-创意艺术
W1D1代表着一周的第一天,俄罗斯设计师Alexey Ivanovsky和Andrei Keske创建,在疫情开始时上线。可以放松,探索日常,做一些日常的创意挑战,重新发现我们周围的世界。灵感来自于文学理论家作家 Vicktor Shklovsky:“艺术的存在是为了让人恢复生活的感觉,它的存在是为了让人感觉事物,让石头变的坚硬”。
W1D1 APP 整体视觉风格简约,磨砂质感,杂志化排版,配图视觉统一,把具象抽象的话题用最简单的材质表达,艺术氛围浓,给人想象空间。
app中有很多观察日常的挑战,拍摄照片上传,比如观察身边的反射、观察模糊、观察身边的粉色蓝色搭配...,在这里查看同任务的其他照片也非常有意思。
以上是我发现的几款不错app,真儿真儿心头肉。每个app结合产品定位有差异化的视觉风格,让用户一眼记住。
看到一本书上说:“其实「发现」才是真正意义上对未知的探索,「创作」只是对于过程的经验重组。想想为什么这个吸引你、为什么颜色好看、为什么这么排版,这样坚持和实践之后,久而久之会总结到一些经验,我们的作品一定会留下痕迹。”
嗯,每一个闪光点都值得记录。





















































































