广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

我刚工作三个月,就让我优化app首页?你们公司是没人了吗?

发布日期:2026-01-27 08:05:35 浏览次数: 818 来源:菜心设计铺
推荐语
刚工作三个月就负责App首页优化?看新手设计师如何用4大方向让页面焕然一新!

核心内容:
1. 页面分区优化:上下结构划分与顶部纹理处理
2. 顶部卡片升级:增加吉祥物与破形纹理设计
3. 底部TAB重制:精致图标与状态区分设计
小优 网站建设顾问
专业来源于二十年的积累,用心让我们做到更好!
本次要优化的案例是Yomi App的首页。

来看看优化前的样子:
这是优化后的样子:
一起来看看优化方向吧~

方向一 分区优化

第1步 页面整体分区,将页面分成上下两个部分。分区处理后,页面的功能将更加聚焦,主次分明:
第2步 顶部背景加纹理以丰富层次:
方向二 顶部卡片设计

第1步 卡片增加图标与吉祥物,增强情感化和冲击力:
第2步 吉祥物背后再加纹理层,小图形破形出去,增加页面的视觉趣味性:
方向三 信息卡片设计

第1步 信息卡片进行布局重构,尤其是按钮增加设计感:
第2步 对头像上的直播中和与语音标签进行状态区分:
方向四 底部TAB再设计

为底部TAB设计精致的图标而不是仅仅使用文字,并区分选中态和非选中态,同样会给页面增色不少:
最后,我们来看看优化前后对比吧:
回顾整体设计语言,都是线面结合,包括图标,吉祥物和按钮的设计,这招你学会了吗?
需要这个页面源文件的同学,点赞加评论,然后截图给下面这个微信,领取即可:
图片

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询