首页

UI 底部 Tab 栏设计总结 - 兰亭妙微设计

涛涛 移动端UI设计文章及欣赏

在移动端 UI 设计中,底部 Tab 栏是用户操作的核心导航组件,直接影响产品的操作体验与视觉质感。兰亭妙微设计结合多年移动端设计实战经验,从布局、背景、标签展现、图标样式四大核心维度,总结底部 Tab 栏的经典设计思路与实操技巧,为产品设计提供专业参考。

【UX 设计】为海外留学生打造的专属二手交易平台 APP 设计方案

涛涛 用户研究

随着海外留学热潮持续升温,留学生在异国他乡的生活刚需问题日益凸显。初到陌生国度的留学生,往往面临生活成本高、社交圈有限、居住周期不稳定等现实困境,二手商品交易成为他们平衡开支、适配短期生活的核心选择。然而,现有通用二手交易平台缺乏对留学生群体的针对性优化,导致交易过程中频繁出现安全隐患、信息错位、服务脱节等问题。本次研究聚焦海外留学生二手交易的真实需求与痛点,旨在设计一款贴合其生活场景、保障交易安全、提升沟通效率的专属 APP,为留学生的海外生活提供切实支

告别 “没设计感”!个人中心优化 7 招,让开发再也不吐槽

涛涛

个人中心作为产品的核心页面,承载着用户信息展示、功能入口、动态浏览等关键需求。但很多设计师做的个人中心,总被开发吐槽 “没设计感”—— 要么颜色刺眼、要么布局松散,要么重点不突出。其实不用大改结构,只要抓好 7 个优化细节,就能让普通个人中心秒升高级感。

4 个创意形式感设计案例,让界面更吸睛!

涛涛

设计的形式感不仅能提升视觉吸引力,还能强化用户体验与功能表达。以下这些来自实际产品的创意设计,用巧思打破常规,给界面注入了独特活力。

从 10 个优质 APP 设计案例,读懂 UI/UX 里的 “思维破局点”

涛涛

很多设计师会困惑:“为什么我练了无数技能,却还是做不出让人眼前一亮的设计?” 其实答案藏在 “设计思维” 里 —— 技能操作能靠反复练习快速补全,但让设计跳出同质化、真正打动用户的,是对场景、用户、情感的深度洞察。

被未读红点逼疯?聊聊「一键已读」背后的大厂设计心机

涛涛

打开手机,微信消息栏飘着 “99+”,拼多多通知页堆着十几条促销提醒,小红书的赞和评论混在系统通知里 —— 你是不是也习惯了手指划过屏幕,却在 “要不要逐条点开清红点” 的纠结里浪费半分钟?其实,解决这种焦虑的 “一键已读” 功能,从来不是简单的 “清理按钮”,而是大厂对用户需求的精准判断,藏着满满的设计心机。

安卓UI设计系列知识

涛涛

本文是安卓 UI 设计系列知识的第三篇,主要围绕安卓设计的适配、入手方法、设计准备及画图方法展开

UI 设计思路:先放飞概念,再落实到产品

涛涛

UI 设计思路应先放飞概念探索多种可能,如将泡泡圈视为独立 APP 进行设计,尝试简约风格、气泡形通知栏、胶囊形头像、实心图标等创新设计,再结合实际落实到产品,比如因开发资源和屏幕显示限制去掉渐变和弥散投影、回归分割线和返回按钮,同时要明确设计与艺术的区别,设计需围绕客观问题解决,概念稿后要提取可用点推动落地,注重用户习惯和跨平台适配,像用爱奇艺 Logo 代替文字返回按钮。

常见的卡片设计如何做的更吸引人点击?

涛涛

瓷片区是一种在APP设计中常见的运营位,怎么把瓷片区设计的精致呢?今天教大家4个可复用的
「隐形公式」

APP优秀产品设计亮点

鹤鹤

为什么我想不到这些设计亮点
 
 
 
 
体验目录
 
一、这个隐藏的手势交互你忽略没
二、情感化的背景设计
三、自适应的瓷片区布局
四、考虑用户习惯的导航设计
五、应景的标签设计
六、情感化的心情记录
七、动态感的个人中心设计
八、动态 Banner 更有吸引力
九、有点意思的图标设计
十、营造冬季氛围的背景设计
 
  
 
一、这个隐藏的手势交互你忽略没
 
随着用户体验的不断升级,手势交互变得越发普及,使得产品操作体验变得更有互动感和趣味性。通过手势交互的辅助,让产品设计更加简化,更有利于用户实现操作目标。
 
我们经常用抖音刷短视频,可以通过单击底部标签栏“首页”进行刷新,长按则会弹出模式切换。通过手势交互的辅助可以快速切换单列、双列展示形式,以及刷新首页和默认静音设置,不知道这个操作你发现了吗?
为什么我想不到这些设计亮点
 
 
 
 
二、情感化的背景设计
 
情感化设计可以让产品与用户建立更强的共鸣感,让用户感受到产品的温度,促进对其服务的认可度。
 
在杭州生活的人会经常使用浙里办,在一些节庆、节气等时间段打开 App 时,顶部视觉区域背景会进行应景设计。通过情感化的表达方式营造氛围感的同时,也让用户感受到产品的温度,带来更加温馨的体验感。
为什么我想不到这些设计亮点
 
 
 
 
三、自适应的瓷片区布局
 
瓷片区的灵活性可以方便更多功能模块的布局,也能自由更换和增删处理,只要保障基础框架结构的稳定即可。
 
酷狗音乐未登录时首页推荐板块的瓷片区设计,在滑动过程中会进行自适应布局,方便进行结构的填充和内容的补充。默认时隐藏部分内容可以提高当前位置的利用率,便于提高更多内容的曝光度,交互过程中的动效表达也非常的流畅自然。
为什么我想不到这些设计亮点
 
 
 
 
四、考虑用户习惯的导航设计
 
抽屉式导航是导航设计表达的形式之一,由于属于隐藏式的设计,通常集合非操作频繁的功能。
 
酷狗音乐采用了底部标签栏和抽屉式导航结合的形式,即满足高频功能的便利性,也能集合更多低频功能。由于大屏手机的普及,用户单手操作的习惯各有差异,考虑用户左手或者右手都能轻松打开导航,酷狗音乐右上角的导航图标可以从右侧打开导航,左手贴边向右滑可以从左侧打开导航,满足了不同操作习惯的用户需求。
为什么我想不到这些设计亮点
 
 
 
 
五、应景的标签设计
 
标签设计的表达形式非常多样化,也被运用到众多的场景中,辅助内容的传播与理解等。
 
天气冷了,大家会在淘宝买一些秋冬服装等商品,当搜索秋冬外套、保暖等关键词时,会出现降温坐标、轻暖等标签设计。通过标签突出了商品关键词的特征,也让用户可以感受到季节的变化,促进商品被搜索的概率。
为什么我想不到这些设计亮点
 
 
 
 
六、情感化的心情记录
 
随着生活压力和职场压力的不断增加,为了缓解大家的焦虑情绪,衍生出很多日记类产品,帮助大家记录心情和管理调节。
 
最近在使用心岛日记记录心情时,记录界面设计感觉很有意思。通过转盘的交互形式选择心情,也通过应景的动效表达辅助心情传递,整体设计情感化体验度非常好。
为什么我想不到这些设计亮点
 
 
 
 
七、动态感的个人中心设计
 
个人中心的设计在整个产品设计中都是非常重要的存在,也因此出现了众多优秀的设计方案。
 
心岛日记的个人中心设计中,顶部区域背景以动态的形式表达,描绘出的场景让人心情愉悦。相较于静态画面的表达,动感的设计更能打动用户。
为什么我想不到这些设计亮点
 
 
 
 
八、动态 Banner 更有吸引力
 
Banner 设计在产品中的表现形式也非常丰富,可以在视觉创意中发挥,也可以在造型结构中变化,还能动静各异。
 
最近在使用支付宝时,首页为了突出发放消费券的活动,采用了动态 Banner 设计。突出的视觉和动感的效果,让活动变得特别突出,增加板块吸引力,提高用户参与度。
为什么我想不到这些设计亮点
 
 
 
 
九、有点意思的图标设计
 
随着图标设计的风格越来越多,使得产品设计的感官体验得到了提升,设计师也在不断尝试更多的创意表达。
 
最近在飞猪旅行 App 中,发现其图标设计有点意思。部分图标采用书法里面的连笔形式,结合渐变色使得整体图标风格年轻活泼,设计表达独特而有新意。
为什么我想不到这些设计亮点
 
 
 
 
十、营造冬季氛围的背景设计
 
冬天虽然很冷,但是也有独特的风景带给大家,在寒冷中感受这个季节的独特魅力。
 
飞猪旅行 App 在首页设计中,顶部背景区域结合冬季下雪与堆雪人等元素,以动态的形式营造了这个冬季独有的氛围感。不仅提升了产品的感官度,也让用户更有季节代入感。
为什么我想不到这些设计亮点
 
 
小结
 
设计灵感来源于日积月累,希望我们的产品体验日记栏目可以成为大家积累的来源。本文描述属于个人观点,不足之处大家留言补充。


作者:黑马青年
链接:https://www.zcool.com.cn/article/ZMTY0OTI0NA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档