appicon制作(icon制作软件)
大家好!今天让小编来大家介绍下关于appicon制作的问题,以下是小编对此问题的归纳整理,让我们一起来看看吧。
创意岭作为行业内优秀的企业,服务客户遍布全球各地,相关业务请拨打电话:175-8598-2043,或添加微信:1454722008
文章目录列表:
一、APP设计、icon设计、UI设计之间有什么区别?
app设计:例如微信是一款app,它的设计包括微信的logo图标设计,也就是icon设计,每个用户界面的设计,即UI设计,操作方式设计,即交互设计,设计之外,还可能涉及到用户研究、可用性测试等。范围较广,包括App原型设计,Icon设计,交互设计(按一个按钮,它会反馈什么,是弹出提示还是跳转到另一个界面),UI设计(即App的界面)等等。
Icon设计:图标设计,例如qq的那个企鹅就是它的icon。根据产品(比如一个App)的功能,设计一个符合该产品定位的图标,重点在于看到这个图标,知道能用它聊天还是拍照或者其他。UI设计:用户界面设计,例如,你登陆QQ时,出现一个输入账号和密码的页面,这个页面整体的设计就是它的UI设计。比如公司要开发一个社交类/摄影类App,那么应该根据产品的定位,设计它的界面,例如启动页,首页等等,也可以是一个网站的首页,注册页面等等,UI设计强调视觉效果,即第一眼看到的是什么。二、什么是好的APP icon
一个好的APP图标有利于你的应用在眼花缭乱的众多APP中脱颖而出,吸引用户的眼球,引导用户去点击,那么什么才算是好的APP icon设计呢,icon设计要注意什么?谈一下我的看法
1、icon是干吗用的
任何事物的出现都是为了解决一定的问题,所以我们先叨叨几句,了解下icon是为了解决什么问题而出现的?
这是一个菜市场,王二麻子在这条街上卖了十几年烧饼了,一直也没有其他卖烧饼的,所以人们来了市场,买烧饼必定买他家的,品质又好,大家口口相传。因为市场卖东西的比较多,王二麻子就找了块布,上面画了个圈,挂在门口方便别人找 后来来了个新的卖烧饼的胖嫂,菜市场人渐渐多起来了,为了方便大家找到他家,就做了个招牌,上书《王二麻子烧饼》,这样人们要介绍他的门面,只需说去菜市场找王二麻子烧饼就行,后来王二考虑到人们看字也比较麻烦,就找人画了个大饼的样子,点了几个点,当做是芝麻的样子。又把底色招人弄成烧饼的金黄色,自此王二麻子烧饼的品牌形象定型了,人们口口相传,去买烧饼就找那个圆圈里面有点的那个。
2、ICON的历史
从上面的小故事我们可以了解,王二麻子的招牌也就是王二麻子的icon 的发展经历了四个阶段
1、无标识或弱标示,人即品牌,多在竞争不充分的情况下
2、模糊标识,竞争相对少,只需要区分出自己与他人来即可
3、明确标识,竞争升级,既要区分出与别人的不同,又要体现自己的特色
4、抽象标识,目的是便于区分,易于理解,便于传播。 从1990起,国内兴起了设计企业VI的风潮,大家可以了解下当时的文案,对于icon设计会有帮助。
icon最重要的目的就是标识产品,易于传播
二、ICON该改怎么设计
如无特殊说明,下文中的icon指的是手机APP的icon icon是由色彩,文字和图案构成的。
1、icon怎么选择色彩
色彩:色彩之于icon最重要的作用是吸引人的目光,渲染出设定的氛围,作为产品形象输出的背景。 当人在手机APP上浏览时,翻屏动作是很快的,注意力也是发散的,这个时候,用户能关注到的只有色彩,一个大的色块在眼前划过,跟用户的眼睛造成视觉冲击,一个好的色彩搭配会吸引用户视觉停留,获取宝贵的点开的机会。那么什么样地色彩会让人停留呢。我们应该怎么选择APP对应的色彩呢?
分两种情况考虑:
1)你做的不是一个从零开始的新产品,你的公司之前已经有了在网站,在平媒的展示记录,已经有确定的品牌色,这种情况下就应当延续之前的配色,保证传播形象上的统一,让用户看到这个颜色就能联想到之前用过的产品,让用户产生联想,产生我点进去看看有啥新东西的想法,走到这一步,那么恭喜!!!吸引用户成就达成_。
2)你做的是一个新产品,那么选择色彩时可以从这几个方面考虑。 你的产品是属于什么行业的呢,行业有没有什么相对固定的颜色方案呢?如果有,那么请尽量往上靠,选择相似的颜色有利于用户对产品产生印象。如果没有那么就要从产品功能上考虑,你的产品能给用户提供什么帮助,是信息展示类的应用还是工具类应用,在这里可以参照通用的冷暖色调理论和平面设计的配色方案。 总体来说, 对色彩的要求是区别于其他产品,能烘托产品氛围,吸引人的眼睛,让用户关注到应用。
2、怎么设计icon的图案
图案是用来沟通的,是通过特定的形状,来让人们产生联想,比如红十字的图案就让用户想到医院,想到健康方面的,汽车的图案就让人想到车相关,飞机就让用户想到旅行相关的,利用这些固定行业的固定形状可以直接让用户了解产品的使用场景和功能,进而产生兴趣。
图案大体可以分三种,
一是对实际物体的抽象和引申
比如说摩拜单车的icon上的自行车图案,让人一看就知道这是和自行车相关的应用。苹果原生地图应用的图标也属于这种。
IOS操作系统升级到7。0时,还嫌弃了一波平面化图标替代拟物化图标的风潮,其实,不管是拟物化图标还是平面化图标都是对实际物体的抽象和引申。另外平面化替代拟物化是必然的,原因很简单,最开始IPHONE推出的时候,算是新事物,必须使用比较真实的拟物化图标来告诉用户每个应用是干什么的,后来用户越来越多,再进行进一步抽象升级,图标就不需要那么形象的表示事物了只需要让用户看到图标能理解到这个图标代表的是什么就可以了。
二是对行业图标的变形 例如铁道部12306的icon图案就是常见的铁路部门的示意图标,同花顺的图标是一段简单的K线让用户一看就是和故事相关的应用。
三是对文字的变形 这里有两个很牛的应用要推荐下,一个是天猫的icon,图标的上半部分就是天猫俩字,仅在猫字上面做了些许变形,认识字就知道这是干嘛的,而且还特别醒目。相比下京东的icon就有点懵了,一看之下是个狗,如果是个新用户直接一看其实是懵的,表意不明。不过,以京东现在的知名度倒是不需要care这点小事情了。
另外一个是大网易新闻,看人家图标
大红的底色上有大大的两个字网易,下面是小产品标识news。
对文字的变形还有一种情况,那就是文字加一些小修饰,既能看到品牌名,又能大约看出产品是干嘛的来。如下例:
叮当俩字强调品牌名,上面加了个小人,就做成了一个人骑着自行车的形象,用户大约了解这可能是个配送相关的应用。
3、icon上该写什么字
icon上该不该写字,写字的话要写什么字,其实和上面说的图案使用文字的论述有点关系。
图案用来沟通,文字才能精准的信息,如果我们要在icon上加文字,首先要考虑的是我们要传达的信息是什么,这个信息能不能通过我们的图标进行传达。
确定了要不要加字,就要确定加在哪个位置,其实这个一般来说都会是加在整个图标的底部。
写什么字呢,毕竟地方不大,写不了几个字,不同业务选的词和字的组合不一样,没法提出具体的建议了。来直接比较俩图标.
浦发银行信用卡APP你直接放了四个大字你也太蒙事儿了吧,中间一个大花还遮了部分字,low,脑残,无语ing
天猫上面已经夸了一遍,天猫这个icon设计里还有一个小机关,天猫两个字下面和猫头上面还有个空白区,中间还可以塞11.11,如此设计确实牛逼。
最后总结一下,icon设计时需要根据产品阶段(新产品还是已有产品),所属行业(电商、信息、游戏)的不同来选择合适的色彩(夺人眼球)和合适的图案(品牌形象)和精准的文字(信息传递)。
我们在设计ICON是一定要考虑用户浏览使用APP时,目光关注点是从大到小,从上到下来移动的。仔细体会用户的习惯才能设计出优秀的ICON。
三、如何做APP界面设计
第一点:了解你的目标客户群的心态
1、做微任务的目标客户群(如随时随地看看新闻,听听歌,看看电影,聊聊八卦之类):
这类的解决方案是设计的app最好是小而准,不要大而全。越全的功能应用,只能代表着这个应用在各方面的都很平庸
2、喜欢当工具来使用的目标客户群:比如找地图,看天气,查数据等。
这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。
3、无聊的客户群,用来打发消磨时间的:无需求,漫无目的的
这类的解决方案是尽可能展示用户感兴趣的东西,帮助客户来打发消磨时光。
第二点:APP原型图的制作和设计讨论
这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。
常用的APP原型图工具:移动APP原型设计神器 POP 、axure、Foreui等
第三点:APP视觉设计与设计要点
(1)大概设计板块有APP启动页面设计,APP界面设计的尺寸规范,app图标设计等
一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。
另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。
所以,设计师必须用减法设计,这个过程需要花时间思考、简化元素。
你必须记住:(1)隐藏设计或者减法设计 (2)分区或分类 (3)帮用户做决策 (4)提高交互创新设计 (5)让人有爽快感和新奇感 (6)在设计中浸入情感,把握用户的心理。(谈谈如何进行产品设计以及产品情感化设计)
一位大师这样说过“真正的简约设计是:作品必须不断的被简化,一改再改,直到设计最终成形。”
2014年 APP设计风格趋向扁平化和卡片化。卡片,扁平化都会是移动app设计的趋势!认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!
第四点:APP界面设计流程
(1). 设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。
(2). 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有
效。
(3). 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。
(4). 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。
(5). 整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,
但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。
第五点:APP界面设计测试与预览修正
设计完成之后,我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具:快速在移动终端上预览APP界面设计效果图的方法最后:好的APP界面设计作品必然是要经过不断升级、重复迭代的。
四、怎样制作APP
1
制作app的软件有很多。我们以简网app工场为例。在百度搜索“简网app工场”。
>02
点击进入它的官网,可以看到有一个“开始创建”按钮。
>03
如果你是第一次登陆,点击“开始创建”后,会让你关联一个账号。第一个是新浪微博,第二个是腾讯微博。
>04
我选择第二个,点击以后,需要输入账号密码。上面有一个拉环一样的东西,点击它可以用二维码登陆。二维码真强大,无处不在啊,哈哈。
>05
然后我们就可以设置app的一些基本信息了。
>06
点击“下一步”,需要设置“app图标”和“开机图片”。可以通过“修改自定义图标”和“选择默认图”选择不同的图标和图片,也可以通过“上传图标”和“上传图片”进行自定义设置。第一次制作的话建议直接跳过,因为我们在里面还可以详细修改。
>07
点击“下一步”以后,进入“app设定”界面。和上一步一样,根据需要进行选择。
>08
然后app的框架制作大致完成。填写一个自己常用的邮箱。
>09
点击“提交”以后弹出祝贺成功界面。点击“立即登陆”到邮箱去验证。
>10
点击链接返回后,需要填写个人信息。这个地方不必认真,填一下就可以了。不过想要好好制作一个app并进行维护管理的话请认真填写。
>11
“完成”以后弹出这样的界面。这就可以下载了?当然不是,这样只是制作了一个完整的空app,就是大楼完工,但是还没住进去人。
>12
点击上面的“管理”,就可以进入后台进行维护了。所谓维护,不过就是编辑,发布等一些操作。
>13
这个界面是后台维护界面。
>14
点击顶部的“创建文章”可以开始创建内容了。可以输入文字,加入图片等元素。编辑完毕,点击“保存”。
>15
在“保存”界面可以进行一些个性化设置。
>16
由于上一步我把它发布到了“文字分享”栏目下,所以我们点击“栏目分享”就可以看到刚刚编辑过的内容。
>17
点击上面的“编译app”。这样我们可以对即将编译的app界面和框架进行详细的个性化设置。设置好以后点击下面的“保存并编译”,右边就开始编译了。分为iphone和安卓两个版本。这个地方需要一点时间。
>18
好了,两个版本都编译成功。
>19
以前可以直接下载到电脑,然后双击apk文件用豌豆夹等手机助手之类的软件进行安装。现在好像不行了。现在提供的是二维码扫描。没关系。二维码扫描下载的方式有很多,这里我打开的是UC浏览器。
>20
点击右上角的加号,弹出的窗口有一个“扫一扫”。
>21
点击它,进行扫描。
>22
扫描成功。点击“本地下载”。
>23
下载完成,找到“已下载”。里面有已经下载好的软件。
>24
点击它进行安装。
>25
查看我们的手机,就可以找到它了。快去欣赏一下自己亲手制作的手机app吧。我这里显示的是我之前制作过的一个app。第一次制作可能还不熟悉,不过慢慢研究慢慢丰富,自己的app就会变得越来越好。你可以把app安装包找到发给你的朋友,这样你的app软件也能装到他们的手机上。
以上就是小编对于appicon制作问题和相关问题的解答了,如有疑问,可拨打网站上的电话,或添加微信。
推荐阅读: