刚开始接触UI的时候，碰到的最多的就是尺寸问题，今天我们就来谈谈IOS和Android 图标设计尺寸吧！

一、IOS篇

1.iOS app图标的圆角半径是多少？

（注：现在IOS图标是不需要再画圆角了，直接方形就OK）

比较精确和接近的圆角半径和图标尺寸如下：最右边表示圆角半径

  • Icon1024.png – 1024px -圆角半径： 180px
  • Icon512.png –    512px    - 圆角半径：89.825px
  • Icon.png     –  57px      -圆角半径： 10px
  • Icon@2x.png  - 114px     – 圆角半径：20px
  • Icon-72.png   – 72px       -圆角半径： 12.632px
  • Icon-72@2x.png    - 144px     -圆角半径： 25.263
  • Icon-Small.png    - 29px        -圆角半径：5.088
  • Icon-Small@2x.png    - 58px      - 圆角半径：10.175

2.IOS icon尺寸

  • APPLE APP STORE ICON:512 x 512 PX (圆角弧度80px)
  • iPhone 5 App Icon：120 x 120 PX (圆角弧度22px)
  • iPhone 4 App Icon：114 x 114 PX (圆角弧度20px)
  • iPhone 3GS App Icon：57 x 57 PX (圆角弧度22px)

二、Android篇

1.典型的设计尺寸

  • 20dp：一个普通的手机屏幕（240×320，320×480，480×800）
  • 480dp：一个中间平板电脑像（480×800）
  • 600dp：7寸平板电脑（600×1024）
  • 720dp：10寸平板电脑（720×1280，800×1280）

2.ICON尺寸

对于分辨率繁多的android设备，为了方便原生应用的界面适配，Google按照dpi大小将它们分成了4种模式（MDPI、HDPI、XHDPI和XXHDPI）：

  • xxhdpi  Icon：144×144
  • xhdpi  Icon：96×96
  • hdpi  Icon：72×72
  • mdpi  Icon：48×48

IOS和Android图标尺寸的更多相关文章

  1. iOS App Icon图标 尺寸规范

    Commit to AppStore:1024*1024 //for App IconIcon-60@3x.png:180*180 //iPhone 6 Plus (@3x)Icon-60@2x.pn ...

  2. Android 图标尺寸与设计

    样例和图解 外框:整体大小 ↑ 边框:图标留白大小 ↓ 图标:外图标的大小 ↑ 阴影:阴影特效大小 ↓ 图形:内图标的大小 ↑ 可选视图权重:使用两种类型的图形尺寸可以达到统一的视觉权重(可选),   ...

  3. iOS和Android图标大小

    iOS版 有关要求和指导原则适用于iOS的应用程序图标的更多详细信息,请参阅的iOS人机界面指南:图标和图像尺寸和技术Q&A QA1686:iPad和iPhone上的应用程序图标. 所有图标都 ...

  4. iOS各版本图标尺寸汇总

    About Information Property List Files UILaunchImageFile UILaunchImageFile (String - iOS) specifies t ...

  5. shell批量转换iOS和Android图标

    icon_ios.sh #!/bin/sh convert icon-1024.png -resize 180x180 icon-180@3x.png convert icon-1024.png -r ...

  6. iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸

    iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备 分辨 ...

  7. iConvert Icons 图标转换生成利器,支持Windows, Mac OS X, Linux, iOS,和Android等系统

    这是一款在线图标转换工具,生成的图标支持Windows, Mac OS X, Linux, iOS, 和 Android等主流系统. 可以上传图标文件转化成另一个平台下的图标文件,例如将windows ...

  8. android屏幕适配之度量单位、屏幕分类、图标尺寸归类分析

    好久没有做android项目UI的适配了,好多基本概念都已经模糊了,于是萌生了将屏幕分辨率.常用单位.常用图标尺寸等信息规整的想法,一下就是通过查询资料,自己验证的一些随笔,如有失误之处,望大家及时予 ...

  9. iOS 设备尺寸以及图标尺寸

    iPhone 4和iPod Touch 4有一个新的特性:在屏幕尺寸不变的前提下,分辨率提升一倍(320 x 480 => 640 x 960).苹果将这个特性命名为Retina. 用苹果的话讲 ...

随机推荐

  1. Highchart插件简介和引入方式

    一.Highchart简介: Highcharts 是一个用纯 JavaScript 编写的一个图表库, 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表. Highchart ...

  2. Windows API 函数列表 附帮助手册

    所有Windows API函数列表,为了方便查询,也为了大家查找,所以整理一下贡献出来了. 帮助手册:700多个Windows API的函数手册 免费下载 API之网络函数 API之消息函数 API之 ...

  3. 将自己的项目上传到github保管

    一.首先需要生成gey-gen,因为github跟本地计算机要通过ssh传输的,详情见官方教程. 二.本地已有项目的情况:现在本地将项目git innit 初始化好,然后去到github上面初始化一个 ...

  4. 基于Vue.js的表格分页组件

    有一段时间没更新文章了,主要是因为自己一直在忙着学习新的东西而忘记分享了,实在惭愧. 这不,大半夜发文更一篇文章,分享一个自己编写的一个Vue的小组件,名叫BootPage. 不了解Vue.js的童鞋 ...

  5. 为什么 C++ 中成员函数指针是 16 字节？

    当我们讨论指针时,通常假设它是一种可以用 void * 指针来表示的东西,在 x86_64 平台下是 8 个字节大小.例如,下面是来自 维基百科中关于 x86_64 的文章 的摘录: Pushes a ...

  6. [LeetCode] Count Univalue Subtrees 计数相同值子树的个数

    Given a binary tree, count the number of uni-value subtrees. A Uni-value subtree means all nodes of ...

  7. [LeetCode] Rank Scores 分数排行

    Write a SQL query to rank scores. If there is a tie between two scores, both should have the same ra ...

  8. [LeetCode] Pascal's Triangle II 杨辉三角之二

    Given an index k, return the kth row of the Pascal's triangle. For example, given k = 3,Return [1,3, ...

  9. Snowflake 全局唯一Id 生成

    /// <summary> /// From: https://github.com/twitter/snowflake /// An object that generates IDs. ...

  10. 创建ejs模板的express工程

    npm install -g express npm install -g express-generator express -e projectName cd projectName npm in ...