广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

19年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

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

【APP】Top排行榜图标灵感分享
发布日期:2025-02-03 12:44:55 浏览次数: 811 来源:随心系

严选好文,学设计,少走弯路

作者:网络,仅供交流学习


案例

01



注:设计作品仅供学习交流,设计灵感,不可作为商用,版权归原作者所有!

排行榜图标样式

排行榜图标使用场景


注:作品仅供学习交流,不可作为商用,版权归原作者所有!


设计理念

02



在移动端设计中,排行榜页面是一个常见且重要的功能模块,它不仅能够展示用户或内容的排名情况,还能通过多样化的设计风格提升用户体验的趣味性和互动性。


体现排名概念:
使用数字:直接在图标中融入“TOP”字样以及具体的排名数字,如“TOP1”“TOP3”等,清晰直观地传达排名信息。
运用顺序元素:可以设计一系列依次排列的图形元素,比如从小到大的方块、圆形或线条,来暗示排名的先后顺序。


突出竞争与卓越:
象征奖杯或奖牌:将奖杯、奖牌的形象简化并融入图标设计中,代表着在竞争中获得的荣誉,体现出卓越与优秀。
设计成皇冠形状:皇冠通常与王者、顶级相关联,用皇冠的图案来表示。



往期推荐

03



【大屏】各类组件案例灵感分享


【大屏】水文监测可视化系统


【大屏】智能化人力分析系统分享


【学习加群方式】



你是不是孤军奋战,
遇到设计问题不知道怎么处理?

别着急,我们有微信设计群!

与更多优秀设计师一起成长。

公众号留言:加群




差不多就写完了...大家觉得有帮助的话,记得点在看和转发

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

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

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


我要投稿

姓名

文章链接

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

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

扫一扫马上咨询

和我们在线交谈!