首页 > 其他分享 >iOS app图标尺寸规范速查表:设计师收藏必备!

iOS app图标尺寸规范速查表:设计师收藏必备!

时间:2023-07-12 10:35:27浏览次数:43  
标签:速查表 app iOS 尺寸 设计 设计师 图标

在UI设计中,图标作为重要的视觉元素扮演着不可或缺的角色。尽管图标所占空间相对较小,却是衡量设计师基本功的重要标准。了解图标设计和遵守iOS app图标规范是每个设计师入门UI设计的必备条件。本文将深入探索iOS app图标规范,为设计师们提供有价值的指导和灵感。     ios 应用程序图标 设计师设计时,通常只用设计一个Appstore的图标(1024px1024px),其他尺寸可用ios图标生成器自动输出一套,小尺寸图标单独微调下细节即可。 设置页图标     ios系统图标   导航栏和工具栏图标 这两处的图标大小一样都是24x24pt,最大不超过28x28pt。注:@2x和@3x在逻辑像素单位是一样的。 标签栏图标 iOS 规范中 Tab栏一般有五个、四个、三个图标的形式,宽度平分,icon尺寸约30x30pt(60px)。 苹果给出了四种不同形状标签栏图标的尺寸参考供大家设计时参考。其意义是让不同外形的图标看上去是差不多大的,保证图标的平衡。 目标宽度和高度(圆形图标) 目标宽度和高度(方形图标) 目标宽度(宽图标) 目标高度(高图标) iOS在这里所定义的尺寸并不是图标文件最后输出的尺寸,而是给设计师作图时,针对不同图标形状的参考尺寸,目的是为了让图标的视觉大小看上去一致。     我们除了了解app图标规范外,还需要浏览大量优秀的图标设计案例,图标设计案例是UI设计师们常用的设计方式之一。这样可以节省大量的时间,但是要求素材质量较高,而且要求图标成套。以前常用的阿里巴巴图标库里的图标质量挺好,但是成套的较少。在即时设计资源广场中搜索图标,会出现许多高质量成套图标,非常适合UI新手和希望快速提高设计能力的小伙伴们学习。 ⬇⬇⬇点击获取免费图标资源 https://js.design/community?category=search&search=%E5%9B%BE%E6%A0%87&sortType=usage&source=zhihu&source=bky&plan=bbqbky745       3. 在线图标设计工具即时设计 不同的iOS设备的应用程序图标定义的样式略有不同,了解app图标规范有助于创建一个适应性、视觉一致性和信息传递有效性良好的图标。对设计感兴趣的朋友,若想实时跟进最新设计资讯,可以使用在线协同设计工具即时设计。 无论你从事设计行业多久,强大的工具可以帮助你更有效、更准确地完成工作。功能强大的即时设计将为你提供给一体化UI/UX设计,融合交互+视觉的能力,解锁全新水平的在线设计协作。 ⬇⬇⬇点击获取免费图标资源 https://js.design/community?category=search&search=%E5%9B%BE%E6%A0%87&sortType=usage&source=bky&plan=bbqbky745

标签:速查表,app,iOS,尺寸,设计,设计师,图标
From: https://www.cnblogs.com/zzbbq/p/17546855.html

相关文章

  • 解决Android 修改 Application uiMode monitor dark mode的具体操作步骤
    Android修改ApplicationuiModemonitordarkmode随着智能手机的普及,人们对于移动应用程序的用户界面(UI)的黑暗模式(darkmode)的需求越来越高。黑暗模式不仅能够减少屏幕亮度,保护用户的眼睛,还能节省电池电量,给用户提供更好的用户体验。在Android平台上,我们可以通过修改Applic......
  • 运通App隐私政策
    《运通App隐私政策》(以下简称“本协议”)是【运通科技股份有限公司】(以下简称“我们”)与【运通App】用户(以下简称“用户”或“您”)就“身份实名验证”(以下简称“本服务”)的使用等相关事项所订立的有效合约。您通过网络页面点击确认或以其他方式选择接受本协议,即表示您与我们已达......
  • Bat中使用curl请求post接口(application/x-www-form-urlencoded)并携带请求头和请求参
    场景线上需要测试某接口的可通行以及返回数据等。如果是get请求可以直接在浏览器中校验,如果是post请求且又不想安装postman等三方工具,可以使用新建一个bat脚本文件的方式去测试接口。注:博客:https://blog.csdn.net/badao_liumang_qizhi实现1、比如要测试的接口说明如下......
  • CSAPP DataLab学习笔记
    1.bitXor/**bitXor-x^yusingonly~and&*Example:bitXor(4,5)=1*Legalops:~&*Maxops:14*Rating:1*/intbitXor(intx,inty){return2;}思路将异或的真值表写出来,再用&|~表示,最后化简代码intbitXor(intx,inty)......
  • 小程序开发这么简单,还需要App吗?
    微信小程序自2017年推出以来,其生态系统得到了迅速的发展和壮大。作为中国最大的社交平台之一,微信拥有庞大的用户基础。微信小程序作为微信生态系统的一部分,自然而然地吸引了大量用户。据对公开资料进行统计,2021年全网小程序数量已超700万,其中微信小程序开发者突破300万,小程序DAU......
  • h5设置ios安全距离
    首先要在html里面加这个viewport-fit=cover,不加无效<metaname="viewport"content="width=device-width,initial-scale=1.0,viewport-fit=cover">csspadding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);......
  • 移动端APP组件化架构实践
    前言对于中大型移动端APP开发来讲,组件化是一种常用的项目架构方式。个人最近几年在工作项目中也一直使用组件化的方式来开发,在这过程中也积累了一些经验和思考。主要是来自在日常开发中使用组件化开发遇到的问题以及和其他开发同学的交流探讨。本文通过以下问题来介绍组件化这种......
  • 淘宝APP商品详情数据接口(宝贝详情数据、快递费用、商品规格信息列表、商品属性等)
    前言淘宝商品详情接口的重要性是不可忽视的。通过淘宝商品详情接口,开发者可以获取淘宝平台上商品的详细信息,包括标题、描述、价格、库存、销量、规格、SKU等。淘宝APP商品详情数据接口(宝贝详情数据、快递费用、商品规格信息列表、商品属性等)代码对接教程如下步骤。请求参数请求参数......
  • AppSpider Pro 7.4.053 for Windows - Web 应用程序安全测试
    AppSpiderPro7.4.053forWindows-Web应用程序安全测试Rapid7DynamicApplicationSecurityTesting(DAST)请访问原文链接:https://sysin.org/blog/appspider/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.orgappspider没有任何应用程序未经测试,没有未知风险......
  • VMware ESXi 7.0 U3n macOS Unlocker & OEM BIOS (标准版和厂商定制版)
    VMwareESXi7.0U3nmacOSUnlocker&OEMBIOS(标准版和厂商定制版)ESXi7.0标准版和Dell(戴尔)、HPE(慧与)、Lenovo(联想)、Inspur(浪潮)、Cisco(思科)定制版镜像请访问原文链接:https://sysin.org/blog/vmware-esxi-7-u3-oem/,查看最新版。原创作品,转载请保留出处。......