iOS图标启动图生成器(一)
前 言
一个完整的app都需要多种尺寸的图标和启动图。一般情况下,设计师需要根据开发者提供的一套规则,设计出各种尺寸的图标和启动图供开发人员使用。
但最近作者利用业余时间做了个app,因为不希望耽误设计师较多时间,希望能自己来搞定各种尺寸的图标,就只跟设计师要了最大尺寸的图标和启动图各一个。本想着找一下现成的工具,批量生成需要的的图片,但最后没有找到,只好自己使用Photoshop切出了不同尺寸的图片。
这期间还换过一次图标和启动图,作者就重复了切图工作,这花费了大量的时间。于是事后,作者开发了一个mac app——图标&启动图生成器(简称生成器)以提高工作效率。作者用两篇文章分别介绍生成器的使用和实现细节。
本篇文章介绍生成器的功能和使用方式。
01 生成器功能介绍
根据原图一键生成整套规则的图片;
支持选择所需要的平台规则;
支持选择/输入图片导出路径;
自动打开导出的图片文件夹。
02 生成器支持的平台
截止本篇文章发布,生成器v0.3版本共支持12套平台规则。
iPhone AppIcons(iPhone app 图标规则)
iPhone LaunchImages Portrait(iPhone app 竖屏启动图规则)
iPhone LaunchImages Landscape(iPhone app 横屏启动图规则)
iPad AppIcons(iPad app 图标规则)
iPad LaunchImages Portrait(iPad app 竖屏启动图规则)
iPad LaunchImages Landscape(iPad app 横屏启动图规则)
Mac AppIcons(Mac app 图标规则)
Watch AppIcons(Apple Watch app 图标规则)
CarPlay AppIcons(CarPlay app 图标规则)
Android AppIcons(Android app 常用图标规则)
Android LaunchImages Portrait(Android app 常用竖屏启动图规则)
Android LaunchImages Landscape(Android app 常用横屏启动图规则)
03 生成器界面介绍
在了解了生成器的基础功能后,来看看生成器的界面。如下图。
生成器的界面比较简洁,控件元素按照从上到下、从左到右的顺序分别为:
图片框(承载源图片)
平台选择器(供选择平台规则)
路径按钮(供选择图片导出路径)
路径文本框(显示选择的路径,支持直接输入路径)
导出按钮(在目标路径中生成符合所选定的平台规则的图片,并打开路径文件夹)
04 生成器使用步骤
生成器的使用步骤非常简单,这里以此生成器app的图标生成过程为例进行介绍。
1、准备源图片
此生成器是一个mac app,需要10种尺寸的图标,如下图。
其中,所需要的最大图标的尺寸为1024*1024。作者需要准备好这张最大尺寸的图片,并拖拽到图片框中作为源图片。
2 、选择平台规则
作者需要生成符合mac app图标规则的所有图标图片,所以这里选择Mac AppIcons。
3、选择导出路径
这时,点击导出按钮已经能够将源图片切成所需要的一套图片了。但在这之前,选择一个合适的图片导出路径,会便于作者管理生成的图片。另外,对文件路径规则比较熟悉的同学可以直接输入路径。
4、导出图片
点击导出按钮可以在目标路径中生成符合所选定平台规则的图片,并打开这些图片所在的文件夹以供使用。
按照以上4步,可以快速得到所需要的符合各种平台规则图标和启动图。
05 获取app资源
设计师同学可以获取dmg资源:
https://www.jianshu.com/go-wild?ac=2&url=https%3A%2F%2Fapp-home.iot.360.cn%2Fdownload%2Fios_ipa%2Ficongenerator%2Ficongenerator.dmg
开发者同学可以从QiShare的Github中获取工程代码:
https://github.com/QiShare/QiAppIconGenerator
如有问题,欢迎留言反馈~
(360技术原创内容,转载请务必保留文末二维码,谢谢~)
关于360技术 360技术是360技术团队打造的技术分享公众号,每天推送技术干货内容
更多技术信息欢迎关注“360技术”微信公众号
iOS图标启动图生成器(一)相关推荐
- 不会PS如何快速得到自己想要的图片——iOS图标启动图生成器
QiShare团队 点击蓝字关注我们 奇技指南 本文来自360奇舞团iOS团队QiShare投稿,原文: https://www.jianshu.com/p/b087ebf6f968 这个App需要 ...
- 如何在ios上运行android程序图标,iOS开发 Xcode 生成 应用图标 启动图 神器
一.先来研究下这个软件->Appicon and Launchimage Maker 首先打开你电脑上的AppStore,然后搜索:AppIcon 然后回车: 这里我们先使用免费版的点击下载.( ...
- python画苹果标志图片_OC图标+启动图
如何设置App的启动图,也就是Launch Image? Step1 1.点击Assets.xcassets 进入图片管理,然后右击,弹出"App Icons & Launch Im ...
- AIR iOS 设置启动图,全屏
问题 AirSDK打包时,没有对应的工程进行设置,无法全屏什么的,,, 打包过程中发现,设置不同启动图,Air的舞台大小会不一样(周围有黑边),特别是SDK更新后,新设备会有明显的问题. 最开始之前更 ...
- ios自动化打包 替换icon 启动图 bid appname 额外资源
ios自动化打包脚本 下载地址https://github.com/gwh111/package 打开后自行替换 icon 启动图 bid appname 额外资源 原理:最新的脚本还是一个个替换后再 ...
- iOS图标(AppIcon)与启动图(LaunchImage)
图标(AppIcon)与启动图(LaunchImage)是开发iOS应用程序必不可少的内容,但是在网络上对于这部分的内容讲解的并不详细,所以花些时间写了这篇文章,希望有需要的朋友可以随时查看 想知道A ...
- iOS开发简记(1):指定APP的图标与启动图
各位兄弟姐妹们,早上好,本人花了将近一个月的时间打造了一个完整的IOS版的App, 期间包括开发,测试,上线审核,现在花点时间把实现的过程分享给大家,"知音"app功能简单,适合对 ...
- IOS App 的图标和启动图的烦恼
前言: 好多iOS App的开发者都会面临的一个问题,那就是 App 的图标(icon) 和启动图(launch images) . 一些没有经验(指的是没做过App审计的)的UI设计师, ...
- iOS开发:设置App名称,设置App icon图标,设置App启动图
在App开发过程中,需要设置App的名字.icon图标.启动图等,也难免会遇到修改App的名字.icon图标.启动图等,下面就来谈谈这三个部分的具体设置步骤. 一.设置及修改App icon图标的步骤 ...
最新文章
- oc75--不可变字典NSDictionary
- Windows下MongoDB安装及创建用户名和密码
- [Android] for ArcFace Demo
- Docker 核心概念、安装、端口映射及常用操作命令,详细到令人发指。
- 数据库的定义、模型 和 模式
- 23种设计模式C++源码与UML实现--原型模式
- 2018-2019-2 20175223 实验三《敏捷开发与XP实践》实验报告
- 开直播辣!生成对抗网络全脉络梳理!
- iOS (导航条)navBar 透明
- 40多套在线教育平台系统网站源码知识付费源程序网上教育
- 将 .json 格式 转换成 .xml格式
- 1 PPT默认初始设置(主题颜色、撤回次数、自动保存、图片压缩、字体嵌入、多格式导出、参考线、默认字体、默认样式和清除占位符)
- 【PS技巧】如何拼图
- UE4虚幻引擎4多人联机基础知识和客户端服务器通信机制详解
- 2020cvpr显著性目标检测
- 运动耳机品牌推荐,热门六款运动耳机推荐
- python爬虫--爬取链家租房信息
- HashMap面试题,看这一篇就够了!
- 手游平台哪些比较好?
- 2019年福州大学计算机专业录取分,2019年福州大学艺术类专业录取分数线