iOS图标设计思路

时间:2019-05-12 19:46:54下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《iOS图标设计思路》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《iOS图标设计思路》。

第一篇:iOS图标设计思路

程序图标主要作用是为了使该程序更加具象及更容易理解,除了上述的作用外,有更好视觉效果的图标可以提高产品的整体体验和品牌,可引起用户的关注和下载,激发起用户点击的欲望。

表现形态

在有限的空间里表达出相对应的信息,在iOS 程序图标设计中,直观是第一个解决的问题,不应该出现大多繁琐的修饰,当然还要有很好的视觉表现力,使用户可以更容易理解此应用的实际作用,更轻松地辨识此应用。下面来说说几种表现的形态。

图形表现

在只用图形表现应用程序的用途,图形可以很好地吸引用户的眼球,更具象地表现出信息。

文字表述

文字表现是一种非常直观的表现方法,文字应该简洁明了,不繁琐。

图形和文字结合

此形式有很好的表现力之余还可以直接把信息告知用户,因为会有一定的内容,所以在空间布局上要注意疏密,避免繁琐拥挤。

iOS 程序图标特性

iOS系统桌面图标与其他移动系统的图标存在非常大的区别,因为iOS图标有很好的整体性,良好的整体性可以减少用户体验上带来的冲突,所以我们需要保持其中的一些特点,以便程序可以更好融入系统中,带给用户更好的应用体验。

尺寸

在不同设备的iOS系统桌面中,程序图标的尺寸和默认自带的修饰效果会有不同,系统默认自带的修饰效果可以使图标更好保持iOS风格,但很多时候为了实际效果,我们可以要求系统不作部分效果的添加,以便达到我们想要的效果。

上传到App Store需要512px X 512px的图片 在iPhone 960px X 640px分辨率中 图标显示尺寸 114px X 114px 20像素的圆角

4像素的90度黑色投影 2像素的90度白色内投影 默认自带的高光

在iPhone 480px X 320px分辨率中 图标显示尺寸 57px X 57px 10像素的圆角

2像素的90度黑色投影 1像素的90度白色内投影 默认自带的高光

在iPad 1024px X 768px分辨率中 图标显示尺寸 72px X 72px 13像素的圆角

2像素的90度黑色投影 1像素的90度白色内投影 默认自带的高光

质感

在iOS中,为表现图标的质感,很多时候都会为其添加一些光感,使其更有质感。光是从上面来的,所以过渡颜色的渐变应该是从上往下的。很多时候为表现iOS系统类似玻璃质感般的感觉,图标底部都会带有一个亮度较高的反光,当然这些都是以我们想要的实际效果而绘制添加。

iOS 程序图标设计的构思

为表达好应用程序的作用,我们可以将应用程序的图标作很多不同视觉效果的处理,以达到更好的视觉享受。不同类型的应用要注意表现的效果,如新闻资讯类的应该简洁一点,使其应用有更好的整洁的感觉,如游戏类可以设计得给用户一种活跃的感觉,如一些日常应用类的我们很多时都会将其拟物化,使用户更直观地感受到其作用,这种方法是我们最常见的。

在这里着重说一下拟物化程序图标,这是非常具象去表现程序用途的方法,但有时候要表现的元素存在几个的时候,在狭小的空间中不一定能放下如此多的元素,所以要分析轻重,轻的可以减少占据位置的比例或者将其去除,重的要多作强调,同时,要找到多样元素中的共性。

我们只需找到共性,就能构想出不错的创意。

在图形的构思上有时我们可以利用iOS图标的圆角制作一些特殊的感觉效果处理,如立体感,这些可以帮助图标有更好的视觉冲击力,更容易获取用户的喜爱与点击。

实践分享

说了这么多,下面我们马上来从零开始构思和绘制精美的iOS应用程序图标。

程序名称:MyRange平台:iPhone 版本:V0.001 出版商:UEDC 用途:LOMO拍照软件

首先说明的是,设计的方法不是唯一的,构思和绘制的方法也是无限多的,那么马上开始!

想到拍照软件,首先会想起的是相机,那么相对应这个软件的图标可以绘制一个LOMO相机作尝试。

很多时我们为了使绘制的物品视觉效果更好,我们需要一些参照物,这次我用莱卡M9来做参照物。在参照物得基础上,进行更多个性化的处理。

为了视觉效果更好,我想其有一点透视的感觉,那么可以利用iOS图标圆角的特征,形成一种立体的感觉。

之后给图标上色,将各大部分大致的颜色分出来

绘制出各部分的质感,应有的皮质和金属的质感,制造金属的可以添加一点杂色

加强光感,光是从90度向下照的,绘制出该有的反光位和两边的过渡转折位,镜头部分局部细致刻画,最后整体调整,完成!

第二篇:图标设计心得

东莞生活网: www.hidg.net

图标设计

在这里分享下我对于图标设计的一些心得体会。说的不好,还请各位看客包涵指正。图标在我们日常生活中被 广泛应用,软硬件、网页、社交公共场合无所不在。广义来说,图标就是具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。狭义来说,就 是我们所熟悉的在计算机程序方面的应用。包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。如今图标被广泛的应用,其价值也是显而易 见的。一套好的图标能够为用户直观传达所描述的物体,减轻用户的认知负担,特别是一些抽象的功能和意义。同时增添图标的精美度不仅能提升整个界面的吸引力 和观赏性,还能使产品与用户产生共鸣。

下面以制作电话本和短消息这两个图标为例。

设定风格。通观整个图标设计,设定风格是基础,亦是非常重要的一步。需要对整套图标进行周全的构想,因为这一步为图标设定了一个方向,之后图标设计的造型,上色的深入展开都要以此为基础。在这里我设定的是复古做旧的风格。

绘制草图。这一步骤主要是设计图标的造型。造型在图标设计中有着决定性的影响,他直观的给用户展现其所代表的含义。而草图是最直观,最快速展现设计 构思的一种方法。此时我们可以通过头脑风暴列举出一些能让用户一目了然,又贴合电话本和短消息含义的元素,同时列举的元素又要符合复古做旧的风格。因此,我选取做旧的通讯录来表示电话本,选取羽毛笔和信纸来表示短消息。在绘制草图时,要注意图标造型的统一,方向的一致性,使图标有充分的辨识度。其次要控制 单个图标元素的数量与其他图标相协调,用最少的元素来表达图标的含义。不然过多的元素不仅会使图标臃肿不堪,更会使图标的含义模糊不清,难以琢磨。

东莞汽车频道:auto.hidg.net

东莞生活网: www.hidg.net 上色刻画。在确定造型之后,就需要对图标上色以及深入刻画。

东莞汽车频道:auto.hidg.net

东莞生活网: www.hidg.net

东莞汽车频道:auto.hidg.net

东莞生活网: www.hidg.net

东莞汽车频道:auto.hidg.net

东莞生活网: www.hidg.net

总结

一,设计一套完整的图标要确保其风格的一致性。在造型,透视,大小,色彩,效果处理等各个方面做到统一,以保证每个图标都与其风格相契合。其次,控制图标元素的数量,对一些不必要的元素要果断去除。图标应该是一种能使用户轻

东莞汽车频道:auto.hidg.net

东莞生活网: www.hidg.net 松识别的图形语言,而不是成为用户阅读的负担。更要充分展现各个 图标间的差异程度,提升图标自身的辨识度,从而帮助用户理解阅读。再则还要考虑这套图标所应用的环境。不同国度,不同社会环境,不同文化传统对图形也有不 同的认识理解。同时也要考虑到人们的情感因素,避免使用敏感图形。所以在设计开始就应考虑周详,谨慎使用。最后,画图标要有足够的耐心,对于细节要不怕繁琐,细心揣摩。(详细咨询:东莞论坛——汽车频道)

东莞汽车频道:auto.hidg.net

第三篇:图标设计心得

图标设计心得

December 22, 2010adali 图标在生活中运用是显而可见的。例如:男女厕所标志和各种交通标志等。在计算机系统或软件方面的应用也是很广泛。例如:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示等。下面的例子更形象的说明这个问题。

(图片来源:九铭)外国人A与中国人B,两人在语言上存在差异对文字的认识是不同的,用图标来表示,会缩短语言描述的距离。所以图标更具有快捷传达信息、便于记忆的特性。那么图标被广泛使用的时候,什么样的图标才是好图标呢?好图标从两个角度去认识:辨识度与精致度。

辨识度:图标能够直观的表现要描述的物体。精致度:在精美的页面或者系统界面上,精致的图标能提升整个页面的最佳视觉。那么怎么样才能做出一套好的图标?在图标设计过程中需要注意哪些问题? 在《图标设计语言》中作者Yegor Gilyov(来源站点Turbo Milk)曾提到 “如果你需要画几个图标,你需要整体考虑这个站点所有图标,然后再开始使用软件绘制。”如果你的icon全都是粗糙模糊的造型或拙劣的渐变色,那么这个icon很失败,不能当作是“风格的问题”来了事。这样的icon不仅仅会毁掉整个页面的美观,更让被描述的文字降低了被查看的欲望,对你的用户来使用或阅读它是一种极大的痛苦。Icon的细节包含对颜色的使用,对造型的创新,对质感的体现。Icon的设计步骤

我认为icon设计遵循上面的一个规则,在做icon的前提要先构思好整个icon的风格,有了构思可以开始造型设计接着就是上色,然后对整体的icon进行细节修改。

Icon的要点从学会批评别人开始

曾经有人说过:“批评别人的作品比自己制作一个优秀的作品要容易得多。但如果使用系统的方式去批判,这才是个成熟的分析!”那么怎么学会去批判呢?下面来分享一些批判后总结的例子。

(图片来源iconfans)上面一些图标看起来很像,这让人很难分辨出哪个是哪个。尤其小图标的时候辨识性差了。如果你不注意说明,你会很容易把这些图标混在一起。图标还是要有差异性,在保全风格统一的前提下要有很好的识别性,可以在颜色上或者造型上做差异的改变。

(图片来源:九铭)图标应该是轻松被识别的,构建它的元素要越少越好。而上面的插画和图形明显的告诉我们图标的相关性不该是复杂的,可以省略掉相同的对象,凸显出重要的信息。

上面图片形象的说明了图标像素边沿化的问题,左边的图标比较模糊不清,右边的比较清晰。

在做icon时很容易出现一些常见的毛边,导致像素过渡化,最后圆角不柔和。怎么样处理不柔和的圆角?

在由大icon到小icon的过程中你要重视一些细节的处理,对于这个我创了一句口诀:去多稳造型,边沿移到位。

去多稳造型:大icon到小icon的过程是由细节的减少开始变化,大icon比较注重质感和光泽等,小icon除了保证质感还要清晰可见。在做16像素icon时可以减少一些必要的元素用像素点去代替,去掉多余的阴影与高光。

边沿移到位:小icon的边缘移位主要靠移动像素点来实现,或者增加像素点。

经过处理,上面的图标已经没有了原来的锯齿,有的是柔和的圆角。

当然每个设计师做icon的习惯都是不一样的,这只是我做icon时的一些心得。

第四篇:企业图标设计提纲

毕业论文提纲

题目:企业标志设计

学生:高骏 指导老师:郭国强

【摘要】企业标志是明确表现某物的符号,它以特定而明确的文字、色彩、造型等来表达象征事 物,同时也表达出它抽象的精神内容,也将信息快速准确的传播给广大的人民群众和社会。企业 标志还包括内容、目的、特征、精神等总体表现,并且还通过人们的视觉、听觉、触觉来识别标 志记号。

【关键词】三维造型 材质 光泽 企业标志 引 言

企业标志设计不仅仅是一个图案设计,而是要创造出一个具有商业价值的符号,并兼有艺术欣 赏价值,标志图案是形象化的艺术概括。设计师须以自己的审美方式,用生动具体的感性形象去 描述它,表现它,促使标志主题思想深化,从而达到准确传递企业信息的目的。

企业标志设计是企业形象设计的重要方面,也是企业VI(视觉识别系统)设计的中心环节之一。目录

一、企业标志的定义

(一)企业标志的表现形式 1.字体表现 2.形式化表现 3.综合表现

(二)标志设计的设计观念

(三)标志设计的创意与构思

二、企业标志类型比较与分析

(一)企业类型对企业标志设计的影响

(二)各类型企业标志设计实例分析

三、企业标志设计的未来趋向与走势

(一)企业标志设计的概念

(二)企业标志设计发展轨迹

(三)企业标志设计的未来发展趋势 1.三维造型的广泛应用(实例)2.材质和光泽的应用(实例)3.更加复杂的生动形象(实例)4.比较与分析

四、结语

(一)总述

(二)设计重点与注意事项

五、参考文献

文字资料引自

http:www.xiexiebang.com.com http://www.xiexiebang.com 《VI的设计》文山设计策划有限公司 作者:文山

5D多媒体论坛-质量版 作者:syt

图片资料引自

http://www.xiexiebang.com http://www.xiexiebang.com http://www.xiexiebang.com xbox电视广告(Mill公司制作)

第五篇:图标设计分析

图表分析——关于日本核事故

2011的上半年还有一个多月即将过去,但全球大事连连,灾难事故,战争**,拉登之死······全都像颗颗重磅炸弹刺激着人们的眼球与神经。这其中日本3·11发生的9.0级大地震导致的核泄露事故应该是最受国人关注的,也间接性的影响到了我国民众。

众所周知,地处太平洋板块边缘,处于地震活跃带上的日本是个地震频发国,一般情况下,地震在日本是司空见惯的事,并不会引起太大的恐慌,而我们也早已听惯了日本地震的消息,但这次的地震着实火了一把,吸引了全球媒体和民众的眼球,原因在于它的强大和频发所引起的海啸造成了严重的财产损失,和受其影响福岛第一核电站发生的核泄漏事故造成的二次灾害,这直接影响到了日本的政治和经济的安全,也激起的日本民众的不安情绪。

核辐射对人体有着致命的危险性,一旦被污染几乎就是面临巨大的身体缺陷甚至生命。但核电又是最具效益和效率的供能方式,同时又是干净、无污染的清洁能源,很符合现在的国际趋势。对于日本这样一个资源短缺,人口密度大的国家来说核电几乎是其主要是供能方式,全球核电市场企业的分布也显示了这一点,日本的富士,三井,三菱三大财团几乎垄断了全球的核电市场。据公开资料的不完全统计,日本这样一个岛屿小国竟然分布了大小17座核电站,共60个核电机组,占全球核电机组的将近14%。

位于日本福岛工业区的福岛核电站是世界最大的核电站,此次发生的核泄漏事故归其原因是9.0级特大地震所致,导致福岛县第一和第二核电站发生泄漏,附近居民受到不同程度 的核辐射污染。

由于日本政府采取的补救措施不及时、不到位,导致核泄漏事故持续恶化,从开始的6极事故提升到后来的最高级别7级。这次的核泄漏事故可以说是新世纪来最为严重的一次核事故,这让我们不禁想起了同属同一级别发生在上世纪1986年前苏联乌克兰境内的那场污染整个欧洲的可怕的核事故——切尔诺贝利核事故。因此民众对这次的事故尤为关切,甚至一度出现了普遍性的恐慌情绪,从而引起了市场经济的秩序混乱。在我国就曾火爆了几周的抢盐风潮,为的就是盐中含的碘可以起到一定的防御作用,甚至有人直接买碘片服用。

从上属此核事故分级表中就能知道此次福岛核事故的危险性与重大性,它造成了一个持续的长期性的危害。对附近整个生态系统内的生物都有着难以估量的影响。这种影响将会一直持续下去,甚至好几代都会受到其危害。

当然我们对辐射也不必那么害怕和不安,因为辐射并不是一种稀罕物。我们的周围到处都存在着辐射,在日常生活中我们晒太阳,看电视,戴夜光表,乘飞机,拍X光片等,都会受到一定程度的辐射,我在电脑前写这时估计也受到了辐射,只不过生活中的辐射都是微量的,在人体承受的范围之内,一般不会造成危害。

住在核电厂周围每年约0.0002毫希伏

乘坐飞机每小时约0.005毫希伏

每天看1小时电视每年约0.001毫希伏 吃食物每年约0.02毫希伏 宇宙射线每年约0.03毫希伏 大地和住房每年约0.05毫希伏

每天吸20支烟每年约0.038-0.075毫希伏 一次X光检查约0.50-2.0毫希伏

我国高本底地区的天然辐照每年3.70毫希伏 放射性工作者的职业剂量限值每年50毫希伏 世界最高本底地区的天然辐照每年120毫希伏

而像日本核泄漏这样的事故所释放的辐射量往往都是人体所能承受量的好几倍,甚至是上百,上千倍,因此在那种环境下,人体会受到严重的生命威胁。

日本核事故的发生,让很多国人开始关注中国的核电事业。中国有多少核电站?都建在什么地方?中国核事业的安全性与发展如何?······

在如今高速发展的经济现状下,中国已成为能源消耗第一大国,传统的能源方式渐渐制约着经济的发展,同时也让环境问题显得很突出,也让中国在很多国际问题上承受这巨大的压力,因此发展核电工业已是一个很突出的问题。事实也是如此,中国的核电事业正进入一个极其亢奋的大跃进时期,但这次的日本核泄漏给中国的核电发展泼了一盆冷水,但长远来看,中国核电的发展是挡不住的。

从图表中我们可以看出,中国现在实际的核电其实是相当低的。只有13座核反应堆,只提供了全国电力中的2%——在所有拥有核电国家中这个比例是最低的。但中国在短期内将会有一个有非常惊人的修建史。福岛事故所带来的最终对环境、经济与工业影响尚不明朗,要断言这将对全球核工业造成什么样的影响还为时过早。然而,可以肯定地是,包括中国在内的所有国家的核计划,都不会对此次事故完全置之不理。

福岛核事故就相当于一声警钟,给中国的核事业发展上了意义深远的一课。希望日本早日走出核事故的阴影,恢复生机。我国的核工业能顺利,安全,飞速的发展。

下载iOS图标设计思路word格式文档
下载iOS图标设计思路.doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐

    iOS系统技巧教程 手势辅助与表情图标(五篇材料)

    iOS系统技巧教程 手势辅助与表情图标转自http://.cn话说,作为一名还算资深的苹果用户,我一直打算为广大网友奉上一篇权威的iOS使用教程,但由于内容太过庞大,每次还没整理好头绪......

    IOS设计规范

    刚入门UI的小伙伴是不是不知道app该怎么切图、规范是什么?怎么和程序员同学配合,用什么工具更方便,怎么标注自己的设计稿,怎么做到一稿适配多种机型,这篇文章将一一解答你的疑问!......

    iOS教学大纲

    iOS教学大纲 C语言 教学目标:让学生掌握基本的编程思想,语言结构和常用经典算法。使学生具有基本的编程素养和思维。能够用c语言描述各类经典过程,记录各种数据。为之后的应用......

    ios毕业论文

    河南理工大学毕业设计(论文)说明书 摘 要 随着计算机网络通信技术和Internet的飞速发展,基于因特网的手机移动应用已经开始成为一种全新的功能需求,并且越来越受到人们的关注。......

    iOS面试题整理

    1. 用#define定义一个宏,表示一年中的秒数。 @interface USER {NSSTring *name;} @end a) self.name=@”abc”与name=@”abc”的区别? b) self.name=[[NSSTring alloc]initWith......

    设计思路2014

    2014华北设计工作思路 图纸进度节点: 根据各项目两书三控内容,规划合理可行的设计计划,并充分考虑集团设计管理中心及集团总工室审核图纸时间,另加后台进行预算的时间。 要求......

    有趣的天气图标教学设计

    有趣的天气图标 教学目标: 1、熟悉天气图标的种类和功能,设计一组天气图标。 2、在设计的过程中,了解图标概括性和形象性的特点,初步学会图标设计的基本方法。 3、通过图标设计,......

    计算机2班(图标设计文案)5篇

    计算机2班 图标设计文案 一、 图标 含义:1.“J”表示计算机,“2”表示2班。 2. 地球简图和放大镜表示与计算机密切相关的互联网,表示班级与时俱进、积极求知探索。 3. 爆炸图案......