导航:首页 > 知识科普 > app图标设计方法有哪些

app图标设计方法有哪些

发布时间:2022-05-13 16:27:31

怎么制作APP应用图标

制作一张精美的手机APP应用图标方法/步骤:
1、在制作手机APP应用图标之前,需要对APP应用图标的尺寸有个详细的了解。一般需要制作的尺寸大小为:36*36,48*48,72*72,512*512,这4种基本的尺寸需要做好;那么36*36,48*48,72*72
这3种尺寸是为了适应不同的手机屏幕大小而用的。512*512这个尺寸是你的应用上传到手机APP应用市场的时候,用来提交的ICON,所以都是必须要先做好的;
2、知道了哪些尺寸,就开始找需要的图标图片了,去图片网站找一张喜欢的图片,感觉很好的图片,然后把它保存下来在你的电脑上;
3、然后打开PHOTOSHOP
CS6这个图片编辑软件。打开软件后,点击软件左上角的“文件”按钮,找到里面的“打开”,点击“打开”然后选择电脑里面的图片打开
图片在软件里面打开后,我们在软件左边找到T这个标示,点击T,然后鼠标放在你的图片上进行文字的输入和编辑,当文字输入和编辑好了。鼠标再点击软件左边最顶上那个箭头按钮;
4、然后找到软件最上面顶部的“图像”按钮,点击进去,找到“图像大小”这个标识,然后点击它,打开“图像大小”窗口;
5、然后只需要改变下像素大小的宽度和高度,也就是前面说的不同的尺寸,填写进去就好。(注意下面:“约束比例”
那个前面的勾一定要去掉)不然修改不了。修改后,点击右上角的“确定”按钮;
6、这时候图标的打开我们弄好了,接下来就是把制作好的APP应用图标保存到我们的电脑上,同样打开软件左上角的“文件”按钮,点击后,找到“储存为”标示,然后点击,然后格式那里,选择PNG格式,记住一定要PNG格式。然后自己取个文件名保存到自己的电脑里面就好;
7、这样一张手机APP应用图标的制作流程就全部完成了。也可以轻松的制作手机APP应用图标了。

⑵ APP图标设计有哪些风格

1、突变风格


多为单色突变,颜色过渡清新自然,是现在的干流规划风格之一。除用于图标外,突变风格可运用的场景十分多,如APP中的背景图、按钮等。


2、剪影风格


特点是精约、概括,视觉识别度良好,规划感强,常被用于APP的功能型图标中。剪影图标可分为线性和面性两种,线性为未选中状况,面性为选中状况。


3、长投影风格


通常会以纯色作为图标主体背景,该风格颜色对比度大,视觉冲击力强,通过长投影杰出主体,从而发明鲜明的层次感和空间感,常用于APP页面中的分类图标。


4、卡通风格


特点是可爱,富有亲和力,规划简洁而精致,视觉效果杰出,但风格小众,运用范围比较限制,常用于女人或二次元APP中。


5、轻质感风格


层次简单,用色素雅干净,采用轻投影、轻突变的办法规划。这类图标具有一定的立体感,能给人轻盈、简洁、精致的感觉。


6、拟物风格


iOS7以前,拟物风格都是U规划的干流,这类图标的特点是通过细节和光影复原实际物品的造型和质感,能给用户极强的代入感,用户可通过对实际事物的联想,快速体会图标表达的目的。

⑶ APP启动图标的设计要点有哪些

1、做好信息传达,贴近用户心理


启动图标是一个工具、一个符号、一种沟通手段。启动图标设计的精确与精致,能够提升移动端应用软件的吸引力。设计师可以根据自己的经验,理解功能需求,确立符号图像,也可以将想法在搜索引擎中查找相关含义,收集大量词语到图形之间转化的视觉元素,表达功能信息。



贴近用户的心理模型最好,用常见的视觉元素来表达所要传达的信息,例如:音乐符图形、放大镜图形就经常在音乐类、查询类应用图标中出现。


2、要运用隐喻,注意色彩的运用


在图标设计中隐喻是必要的思维方法,特别是在对抽象事物进行理解和表述的过程中起到了重要作用,在具体设计中,设计师要对抽象概念先进行描述,然后提取出关键词,再使用字典或网络来检测关键词与抽象概念间是否具有同一性。


其次,启动图标色彩要明快多彩,但色彩的数量也不要太多太杂,只要能使图标在显示屏幕中可以与任何背景对比明显,可被用户立即识别就好。


以上就是环球青藤小编关于APP启动图标的设计要点的相关分享,希望对大家有所帮助,想要了解更多相关内容,欢迎关注本平台!

如何制作APP图标

1、打来ps。

2、新建一个800*800像素画板,先试着做。

⑸ 图标(icon)设计的方法有哪些

直接用这个在线的图片生成ico工具吧,方便快捷,常用的图片格式比如jpg/png/webp/bmp等等都可以直接生成ico图标,还可以在线裁剪缩放,选取你需要的尺寸等等,而且清晰度挺高的。在线ICO图标制作生成,图片转换ICO图标Pro版

图片转换ICO图标Pro版步骤:

一、点击或者拖拽到上传框中,即可上传你要转换的图片,直接将新图片拖入上传框即可更换图片。目前已知支持jpg、png等多种常见的图片格式,如果上传图片并转换ico图标成功,则代表支持该格式。
二、此时预览框中会出现刚刚上传的图片,可以任意缩放拖拽裁剪框,选择你想要截取并转换ico图标的区域。在拖拽缩放裁剪框的过程中,左上方会有ico图标效果的实时预览。
三、选择需要生成的ico图标的尺寸,主要提供宽高为16、32、48、64、128、256、512的尺寸以供选择。通常的ico图标基本都是32、64或者128像素的。
四、选择转换生成的ico图标的文件格式,默认的格式是.ico,并且有.jpg和.png格式可以选择。需要注意的是,ico图标一般都是背景镂空透明的图形,只有.ico和.png格式支持透明背景的图片。而.jpg格式的图片本身是不支持的。

⑹ 手机界面图标是如何进行人性化设计的(一)

1. 合理的隐喻手法


隐喻是为了让界面用户更好的获取信息。作用主要是把一个不太熟悉的思想通过隐喻的表现手法来直观清晰的表现出来。通过隐喻化的图标可以把抽象的事物具体化,可以让用户更轻松的记住。提高交互的效率。让用户增加对图标的辨别度。



我们在运用隐喻手段的时候还要考虑是不是符合用户的思维,在设计的时候应该尽可能的选择可以令人联想的图像。而这个能力是通过对生活的认知和语言表达的思考之上。


好的 “隐喻”图标设计不仅能提高用户操作效率,还能提高用户满意程度,可谓是人性化的一种体现。因而除了扎实的设计功底,设计师还要善于分析目标用户的认知习惯、语言特征。


2. 避免某个图标的独立出现


图标不具有独立性,一般可以成群结对的出现在手机APP的 桌面中。因此出现的图标应该都是一样的视觉感受。在细节上和整体看起来一定要协调。不可以突出某个图标。一致性在透视角度、摄影手法、色彩搭配、隐喻手法的应用中体现。及时避免某个个性化图标的出现。


一般来说,当设计师将图标设定为某种风格时,数字界面中的视觉元素都应遵循此风格特征以确保每个图标之间都有共同元素,增强整个画面和谐感。为达到视觉整体性,有时设计师也可以强化各个图标之间的共同点,利用颜色对缺乏统一感的画面进行调整。


以上就是小编整理的手机app界面图标人性化设计需要注意的几大因素。希望设计师可以有自己的灵感,建议设计师平时可以多借鉴一些有艺术性的设计,从中学习前辈的技巧。然后融合自己对生活还有作品的看法以及用户的需求来创造出属于自己的作品,大家加油!

⑺ APP图标设计流程是什么

1. 定义主题


定义主题是指把要设计的图标所涉及的关键词罗列出来,重点词汇突出显示,确定这些图标是围绕一个什么样的主题展开设计,对整体的设计有一个把控。


2. 寻找隐喻


隐喻是指真实世界与虚拟世界之间的映射关系,寻找隐喻是指通过关键词进行头脑风暴,在彼类事物的暗示之下感知、体验、想象此类事物的心理行为。


3. 抽象图形


抽象图形要求设计师将生活中的原素材进行归纳,提取素材的显着特点,明确设计的目的,这是创作图标的基础。


4. 绘制草图


经过对实物的抽象化汲取后,便可以进行草图的绘制。在这个过程中,设计师需要将实物转化成视觉形象,即最初的草图,当然草稿可能有很多方案,这时需要筛选出若干种满意的方案继续下面的流程。


5. 确定风格


在确定了图标的基准图形后,下一步就是确定标准色。我们可以根据图标的类型选择合适的颜色。当不知道使用什么颜色的时候,蓝色是最稳妥的选择。目前图标设计主流是扁平化风格。值得一提的是在UI设计中,大部分扁平化图标以单色图形为主,从技法上来说这样降低了设计的难度。


6. 制作和调整


根据既定的风格,使用软件制作图标。在扁平化风格盛行的今天,单独的图形设计需要更多的设计考量,需要经过大量的推敲,设计调整。因此在图标的制作中,会修正一些草图中的不足,也可能增加一些新的设计灵感。


7. 场景测试


图标的应用环境有很多种,手机的背景色也各不相同,有深色系的,也有浅色系的。我们要保证图标在各个场景下都有良好的识别性,因此在图标上线前,设计师需要在多种图标的应用场景中进行测试。


关于APP图标设计流程是什么,环球青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图像处理等有浓厚的兴趣,希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容。

⑻ 如何设计APP软件图标

每一个iOS应用都会以一枚APP启动图标的形式展现给使用者,它能传达应用程序的基础信息,并能够给用户带来第一印象感受。它能直接引导用户下载并使用应用程序。UI设计人员有时设计出来的图标看起来很炫,但是投入市场后却得不到用户的认可,点击率很低,这其中的原因很多,单从视觉设计的层面讲,如何提升APP软件图标的视觉效果从而提升点击率已经成为每一个UI设计人员都应该考虑的问题。 一、APP软件图标的视觉设计 1.视觉设计要符合平台开发的设计规范性 ——不同的应用平台往往会产生截然不同设计结果。了解学习平台开发规范,磨刀不误砍柴工。例如苹果移动平台和Windows_Phone_7移动平台的视觉规范就有很大不同。 2.视觉设计要找到共性,抓住个性 ——分析了解同类的APP软件及各自图标设计的定位,找到设计方向的共性及其自身软件的独特个性。在itunes里搜索软件关键字会发现有很多相似的图标。从搜索结果中不难发现,那些APP软件图标会吸引用户的关注。 3.视觉设计要力求设计表现的完整性 ——明确任务,大胆设计;简化设计元素(主图形、辅助图形),突出设计主题;层次分明,不刻意追求质感。 4.视觉设计要遵循横向、纵向比较的统一性 ——设计好图标后,放在同类别APP图标中,去审视自己设计的图标是否能够抓住用户的眼球;有时不同平台会产生不同的视觉效果,某些系列化的APP软件产品更需要通过比较来分析产品的统一性。比较之后可以有针对性的微调、预调,但不要随便更改设计意图及表现形式。 5.视觉设计要保持设计过程的连续性 ——随着软件版本的升级,APP软件图标也应该在产品升级的大背景下有所体现。比较好的做法是有计划有组织的视觉递进式改进。 二、APP软件图标的设计方法 2.重视APP图标视觉设计的层次感,质感表现恰到好处。 3.在APP图标的视觉设计过程中不要浪费一个知名品牌的现有的元素。 4.在设计过程中运用直接了当的文字内容表现隐喻的设计主题。 5.在设计过程中运用行业标准图形或主题图像概括主要内容。 6.在设计过程中最大限度的激发用户的好奇心。 三、设计APP软件图标时容易出现的问题 1.陶醉于无意义的视觉质感,主题重点本末倒置。 2.APP软件启动图标主题元素与软件内容脱节,缺少关联。 3.在设计过程中胡乱使用文字表达主题。 4.设计方案里的图像元素在不同平台、不同尺寸下的视觉呈现存在明显差异,看不清所要表达的主题。 5.APP软件图标给用户的视觉感受“粉”“灰”“模糊”。

⑼ 图标设计的设计技巧有哪些

计感的通道就是页面中的各种图形与图标。全文16,834字,阅读时长约35分钟。图标是UI设计中除了文字之外最不可或缺的视觉元素,在设计中看似只占一个很小的区域,但是它却是考验设计师基本功的重要标准,了解图标相关的概念,以及正确绘制的方法,是入门 UI设计的必备条件。本文尽量将图标进行系统一些的介绍说明,当然仅一篇文章是不可能面面俱到包含所有知识点。内容比较基础,主要以 设计概念 和 设计思路 为主,对图标相关的内容进行组织梳理和分类,便于小伙伴们建立图标的概念体系。过程中也有针对几种典型的图标结构进行实操代练,想要把图标设计的更好,这就需要我们在平时勤加练习外,还要进行深度的思考,希望我的这篇梳理可以给大家带来帮助。1.1 图标的定义图标,也称为icon或Picoto,是计算机世界对现实世界的隐喻和概括,代表软件产品中的功能及操作。它的本质是一种符号,它采用对这个世界的隐喻,来指代功能,含义,用途等。图标做为国际通用性语言,生活中随处可见,例如商场导视中收银台图标、出口图标、卫生间图标等,日常手机里使用的那些App图标,如微信、电话、短信等。的确,图标的形式有很多种,它可以应用在很多场景中,并且表现方式非常丰富,有线的、有面的、还有拟物的等。 如果粗浅划分的话,UI设计中常见的图标大致分为2大类,第一类我们称之为“标志性图标”,比如手机中应用启动图标;第二类我们称之为“功能性图标”,这类图标经常出现于 App 或网站中,用于功能性指示引导或操作。1.2 图标的重要性对于UI设计而言,图标可以说是整个产品的点睛之笔,它甚至可以直接影响着一款产品的形象和气质。在不少 UI 界面中,图标几乎是这个页面的核心支撑体,它直接影响着产品的视觉体验和产品调性

⑽ APP工具栏图标设计方法有哪些

创作高度概括的图形形象


①将图形几何化。我们生活中所看到的任何图形,几乎总是有几何形的存在,将图形简化为几何形是对图形进行一种高度概括。


②用单线勾勒图形。线是造型艺术最基本的语言,线具有较强的表现性。这里所讲的用单线勾勒即是先确定所要设计工具栏图标的元素图形,然后用单线勾勒图形轮廓,整个线条轨迹连接闭合就形成了图形。


③用剪影诠释图形。剪影风格经常会运用到工具栏图标的设计,剪影是一种高度概括的表现形式,这种高度概括放在算法中就是一种减法,是在保留表达目标的基础上合理删减,简单的说就是简化图形。


图形色彩以单色为主


工具栏图标的设计大都非常简约,APP界面上同时会有多个工具栏图标,如果想让整个界面看起来干净简洁,图标就要统一起来。统一的形式除了造型之外最重要的就是配色了。


一般工具栏图标的颜色都是单色的,我们不能把这里的单色单纯理解为黑色和白色,而是只采用一种颜色。当然可以是各种颜色,但是具体要和整个的界面颜色相和谐。也有的一些APP的工具栏图标每一个图标都用不同的颜色,这种配色不是不可以,运用的不好容易使得整个界面繁琐杂乱。


造型使用惯用图形


工具栏图标看似简单,但是它的设计需要更加严谨和高超的造型能力和技巧,设计方法也更加严格。工具栏图标的设计要充分考虑用户的惯用思维和一些各大平台用户公认的工具栏图标。


工具栏图标在遵循规范的同时还要弄清其所代表的含义,尤其在设计时不要想当然,工具栏图标最重要的作用就是传递信息,这是设计首要考虑的,应该充分考虑以用户为中心,快速、准确的向用户传达信息,使得用户轻松的理解图标所象征的意义。


关于APP工具栏图标设计方法有哪些,环球青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图像处理等有浓厚的兴趣,希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容

阅读全文

与app图标设计方法有哪些相关的资料

热点内容
芥菜种植时间和方法 浏览:972
世界上最简单的炒股方法 浏览:317
男士戴项链的正确方法图片 浏览:39
鸡蛋的正确方法 浏览:176
大疆无人机鉴别方法 浏览:631
化学反应中常用方法 浏览:578
失眠做梦怎么治疗方法 浏览:180
液相色谱分析方法通则 浏览:795
干洗衣服的方法和工具技巧 浏览:472
食用菌糖制品制作方法 浏览:330
如何克服怒气的方法 浏览:945
pro胸肌训练方法大全集 浏览:350
笔记本电脑开机键失灵的解决方法 浏览:660
如何做爆米花儿童简单方法 浏览:329
婴儿两个月不喝奶瓶的解决方法 浏览:155
我的世界模组视频制作方法 浏览:768
热冷交换方法有哪些 浏览:898
牛油果柑的种植方法 浏览:950
肝多发性治疗方法 浏览:530
网课培训的课时计算方法 浏览:171