设计师必看iOS7图标设计的七条黄金法则
- 格式:pdf
- 大小:360.01 KB
- 文档页数:6
交互设计七大定律1.菲茨定律定律内容:从一个起始位置移动到一个最终目标所需要的时间由两个参数决定,到目标的距离(D)与目标(W)的大小,可以用数学公式表示:T = a + b log2(1+ D/W)。
T: 动作的平均时间;a: 代表装置开始/结束的时间;b: 装置本身的速度(斜率);D : 起始位置到目标中心的距离;W: 目标区域在运动维度上的宽度。
菲茨定律在设计上带给我们的启示是,可以通过操作按钮的大小和位置来控制用户操作所需的时间。
对于需要重点强调的内容可以通过设置大的按钮来进行突出强调。
另外在iOS人机交互指南中也规定了最小点击热区为44*44,就是为了保证每次点击都能够得到有效的反馈,防止因为操作热区过小而导致难以点击。
在iOS的设计规范中有意识的将一些操作放置在操作的死角,就是为了延长用户操作的时间,防止用户出错,比如在移动端将需要操作的控件放置在导航栏的右侧,将弹窗中的取消和删除按钮位于弹窗的左侧,增加用户操作的移动距离,从而延长用户的操作时间,减少用户误操作的可能性。
2.席克定律(希克法则)定律内容:一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长。
用数学公式表达为反应时间 T=a+b log2(n)。
T: 作出决定所需时间;a: 与做决定无关的总时间(前期认知和观察时间);b: 根据对选项认识的处理时间(从经验衍生出的常数,对人来说约是0.155s);n: 面临选择的数目。
Hick's Law的内容表示,当选项增加的时候,我们作决定花费的时间在不断上升。
比如在只有一个按钮的时候,用户能够直接进行操作,而当存在两个按钮的时候,用户则会有一定的思考时间。
Hick's Law带给我们的启示是,在设计的时候我们需要减少选项的数量以较少用户作决定花费的时间,但同时也应该合理的控制产品结构的广度与深度,因为每增加一个选项就意味着用户的选择的成本将会增加,而如果说广度太广则又会导致用户在选项的浏览和比较上花费较多的时间。
平面设计技巧之Logo设计的黄金法则一、logo设计的意义就在于建立品牌认知度,准确表达品牌特征十分重要。
Logo,归根到底是为企业和品牌服务的,logo要让人们感知到这个品牌是干什么的,它能带来什么利益。
比如食品行业的特征是干净、亲切、美味等,房地产的特征是温馨、人文、环保等,药品行业的特征是健康、安全等,品牌logo设计要很好地体现这些特征,才能给人以正确的联想。
“M”只是个非常普通的字母,但是在许多小孩子的眼里,它不只是一个字母,它代表着麦当劳。
麦当劳Logo圆润的棱角、柔和的色调代表着美味、干净、舒适。
同样也是以“M”为Logo,摩托罗拉的则棱角分明、双峰突出,以充分表达品牌的高科技属性。
设计Logo时你可以使用不同的风格,然后从中选择最适合的,因此你应该对于客户及品牌的背景资料有所了解。
二、简洁明了,关注设计核心元素,忽略其余不必要的元素。
Photoshop,Coreldraw,Illustrator,Freehand等平面设计软件的功能十分强大,可以在Logo上添加滤镜等多种效果,但千万别忘乎所以,这些工具虽然强大,却不必全部用在logo设计上。
当然,适当利用工具增加Logo的吸引力无可厚非,但需牢记简单才是关键。
因为在这个物质丰富的社会里,各行各业的品牌都多如牛毛,人们不会刻意去记忆某一个品牌,只有那些简单的Logo才留在了人们的脑海中。
例如目前全球最有名商标,苹果(Apple)公司那“被咬了一口的苹果”Logo 非常简单,却让人过目不忘。
还有耐克品牌的红色一勾,可以说是最简单的logo了,但它无处不在,给人以丰富的联想。
三、尺寸大小是十分重要的,应考虑Logo的实际应用情况。
一个Logo必须在缩放到任何尺寸时都能看起来清晰可阅。
如果一个Logo被缩放在信头、信封或其他小型的推广物上时会出现清晰度降低的现象,那么这个Logo就是失败之作。
同样Logo在放大后用于海报、广告牌或电子格式出现在电视、网络上时,也必须让人容易清晰地辨认出来。
LOGO设计须遵守的12条原则正如不同的行业有其特定的技能,logo设计也要求设计师不断学习,积累经验才能获得成功;对所有平面设计师来说,知识便是能力。
基于此,我们总结出要设计好的logo必须遵循的12条原则以供参考:1. 初期工作不可少初期草图是设计logo的重要开始步骤。
你可以简单的用铅笔在纸上手绘,或者用Illustrator软件中的矢量工具绘出草稿。
一旦你跳过或者草草结束这一步骤,就会影响最后的设计结果。
准备20到30张草图或者想法,由此拓展开来,创造出原始构想的各种引申想法。
如果这些草图都没起到作用,你就需要重新开始,根据新想法再绘出草图。
一个优秀的平面设计师在初期工作上所花的时间比接下来的任何一个步骤都要多。
2. 协调性协调性在logo设计中也十分重要,因为在人的感受里,平衡协调的设计是令人愉快的,有魅力的。
当图形、颜色、大小的“比重”在各个部分均等时,整个设计就能达到平衡协调。
尽管协调性原则偶尔可以打破,但要记住你所设计的logo是给大众看的,而不是着眼于伟大艺术的那些人,所以保持设计的协调性是最安全的方法。
3. 尺寸大有关系对于logo设计,尺寸相当重要。
一个logo必须在缩放到任何尺寸时都能看起来清晰可阅。
如果一个logo被缩小后用于信头、信封或其他小型的推广物上时清晰度过低,那么这个logo 就是不成功的。
同样logo在放大后用于海报、广告牌或电子格式出现在电视、网络上时,也必须十分清晰容易辨认。
要判定一个logo是否缩放到所有尺寸下都可用,最可靠的办法就是自己试验一下。
注意通常缩小至最小尺寸时是最难达到要求的,因此你可以一开始就将logo打印在信头或信封上检查是否清晰。
同样你也可以在打印店将logo放大打印成海报大小来测试。
4. 巧妙运用颜色颜色理论很复杂,但只要了解了基本原理,设计师就可以利用颜色为设计加分。
需要记住的基本规则有:Ÿ选用色轮中相近的颜色(譬如:需要暖色调,选用红色、橙色和黄色)。
在UI设计中,图标的设计是很常见的一项工作,大家在设计图标的时候知道图标设计的几大原则吗?今天誉财教育就来给大家讲一讲。
一、易识易识别性是图标的灵魂,能准确地让用户理解到它所想表达的意思。
图标的图形应该和目标的外形相似。
通俗的讲,用户看到一个图标,就可以清晰明白这个图标的含义。
图标含义清晰明确,便于用户明确获得操作步骤信息,及时做出正确的选择判断。
二、惯例如果事情通常以固定的方式完成,那么它就变成了习惯或者惯例,并且用户期望以该方式去完成。
有的设计如果不遵守惯例时,例如:浏览器上面主页的图标不是一个房子的造型时,用户会停下来思考,这样自然降低了效率。
所以,尽量使用合适的图标惯例。
三、隐喻隐喻旨以一种更为明显,更为熟悉的观念符号,来表示某种观念,观念之间存在着类似性。
已经形成惯例的隐喻元素尽量不要轻易改变。
诸如放大镜、垃圾桶、主页等这些被用户广泛认可的隐喻,不要放弃这一隐喻元素转而诉求别的隐喻元素。
四、联系孤立的图标是没有意义的。
图标与其他许多元素组合在一起显示在屏幕上,用户对图标的理解离开不了图标所处的上下文。
上下文的因素又可包括物理上下文、认知上下文、隐喻上下文、时间上下文等。
五、一致一致性是最重要的可用性特征之一,一致性应当应用于构成整体用户界面的各个不同媒体。
设计中也要遵守界面设计中的一致性原则,主要体现在以下几个方面:一致的映射模式。
在同一个系列图标中,用户对图标进行学习,积累经验,形成某种固定的映射模式,如果突然出现了另一种模式的映射,用户可能仍将延用先前形成的定势思维,进行理解,从而出现理解困难或理解偏差,造成不良的映射。
一致的表现手法。
表现手法的一致性主要体现在图标的色彩、表现形态、结构特征、光源、阴影、透视等多方面。
色彩的一致性不仅仅包括色相,还要包括亮度,饱和度的统一以及渐变色的控制一致等。
一致的风格。
图标设计的5种风格:照片、素描漫画、剪影和轮廓等。
在设计一个界面的时候,选择一个风格并坚持使用它。
图标设计的四大原则伴随着信息时代的进程,图标设计也慢慢成为现今生活的重要组成部分,它的设计是和用户界面设计一起完成的,以满足用户对界面操作的需求。
图标设计能够帮助人们快速明确地识别操作和按钮,并为用户提供清晰的使用指南,有效地节约人们的时间与精力。
今天,图标设计仍然是视觉和人机交互(HMI)设计中很重要的一部分,但设计一个有效的图标并非易事。
设计师们需要遵循一套适用的原则,才能够有效地设计出有效的图标。
以下是图标设计的四大原则:1.别性原则:识别性是一种最基本的原则,也是判断图标设计成功与否的最重要的指标。
优秀的图标设计应该在第一时间能够满足用户的需求,从而让用户一眼就能够识别出图标的内容,并且能够在无需其他任何额外信息的情况下就能够成功地完成操作。
2.洁性原则:简洁性是图标设计最重要的原则之一,图标不应该太过复杂,而应该采用简洁的图形和颜色,尤其是在小屏幕设备上,保持图标的清晰与精练是十分重要的。
3.统性原则:设计出来的图标不能够是孤立的,而应该在整个界面上有一定的系统性,保证用户理解其内容的一致性,这样才能够更好的帮助用户更快地完成操作。
4.户友好性原则:良好的用户体验是界面设计中最重要的原则,图标设计也不例外。
优秀的图标设计应该具有良好的用户友好性,避免支持用户迷惑,并且尽可能地将用户从操作步骤中解放出来。
图标设计无论在可视性,可用性还是用户认可度都要求非常高,所以在图标设计的过程中,要特别注意这四大原则的运用。
在操作和按钮的设计上,应该尽量让图标体现出清晰的概念,保证图标的可识别性,力求多样性,表达更多的含义,使图标让用户一目了然,并且尽可能地提升用户体验,使界面更加美观而且使用起来更加方便。
以上就是图标设计的四大原则以及相关介绍,从图标设计的角度来讲,除了注意上面提到的原则以外,还要注意图标设计的多样性和表达力,在满足基本功能的情况下,尽量做到图标设计的意义明确,图表表达的概念清晰,以更好地帮助用户更高效的完成操作。
logo设计的知识点Logo是一种用于代表品牌或组织的标志性符号,通过简洁而有力的图形和文字来传达特定的意义和价值。
一个好的Logo设计不仅能够吸引人的眼球,还能够有效地传达品牌的核心价值和个性特征。
在进行Logo设计时,以下是一些需要注意的知识点。
1. 简洁性与可识别性一个成功的Logo应该追求简洁、明确和易于识别。
过于复杂的设计会让人感到混乱,难以理解Logo所代表的品牌或组织。
因此,设计师应该尽量去掉多余的元素,保持Logo的简洁性和可识别性。
2. 独特性与差异化一个好的Logo应该具有独特性,能够与其他竞争对手区别开来。
通过差异化的Logo设计,品牌或组织可以在激烈的市场竞争中脱颖而出,并留下深刻的印象。
3. 色彩选择颜色在Logo设计中起着至关重要的作用,因为不同的颜色能够唤起不同的情感和联想。
设计师需要根据品牌的定位和核心价值来选择适合的颜色。
比如,红色常常代表激情和能量,蓝色则象征着稳定和信任。
合理运用色彩可以增强Logo的表达力。
4. 字体选择选择合适的字体可以帮助传达Logo所要表达的信息。
不同的字体具有不同的特点和情感感染力。
例如,有些字体看起来更加正式和专业,适用于法律或金融行业,而有些字体则更加活泼和时尚,适用于年轻人群体。
5. 可伸缩性和适应性Logo设计时,需要确保Logo在不同尺寸和应用场景下都能保持清晰、准确的展示。
一个好的Logo应该具有较强的可伸缩性和适应性,能够在各种媒介上表现出色。
6. 与品牌理念的契合度Logo设计必须与品牌或组织的理念相契合,能够准确地表达品牌的核心价值和个性特征。
通过合理运用图形和文字,设计师可以创造出与品牌一致的形象。
7. 设计风格与趋势时代在变化,设计风格也在不断演进。
作为设计师,了解当前的设计趋势是很重要的。
可以参考一些热门品牌的Logo设计,但同时也要创造出独特的风格,以确保Logo的吸引力和持久性。
总结起来,一个有效的Logo设计需要考虑简洁性、可识别性、独特性、色彩选择、字体选择、可伸缩性和适应性、与品牌理念的契合,同时也要关注设计风格和趋势。
Logo设计的技巧有哪些Logo〔制定〕是一个企业CIS战略中的重要因素,企业将它所有的文化内容包括产品与服务,整体的实力等都融合在这个标志里面。
所以logo制定也是必须要一些技巧的,下面就来了解Logo 制定的技巧有哪些。
Logo制定的技巧1.纯中文LOGO以纯中文为品牌LOGO的企业比较多,它最大的特点是直观、简单粗暴,识别度高。
纯中文LOGO制定其实就是一种字体制定,它常用的技法是在现有的字体基础上去做变形与创意。
2. 纯英文LOGO其实纯英文LOGO和纯中文LOGO的本质是一致的,都是以品牌名称为LOGO,只不过一个中文一个英文。
3. 单个字母LOGO以单个字母为品牌LOGO的企业,通常是选择首字母或缩写字母进行制定及变形,它的特点是简洁、方便记忆。
4.黄金分割LOGO众所周知,黄金分割比例1:1.618是国际上通用的制定手法,也是最工整最严谨的制定手法,正所谓整齐即是美。
在许多知名制定公司或大型企业均会采纳此手法制定企业品牌标识。
Logo制定的要点1.以简为美一个简单的制定能够更好地适用于不同的状况。
一个简单的LOGO可以用在不同的媒介上,如名片、广告牌和徽章等,甚至可以作为网站的地址栏图标。
简单的制定还更容易识别,所以通常更能经受住时间的考验。
2. LOGO要与业务相关你制定的LOGO应该合适它所要代表的业务。
但是也要注意,一个LOGO并不必须要直白地反映出公司的实际业务。
3. 追求独特一个独特的LOGO能够在众多的竞争者中脱颖而出。
它有独特的品质或风格,能准确地描述出客户的商业全景。
但是,怎样才干创造出一个独一无二的LOGO呢?最好的方法是开始时集中精力制定一个容易识别的LOGO,让人光看形状或轮廓就能够分辨出来。
仅用黑白两色能帮助你创造出独特的标识,因为黑白的对比能使形状和制定概念更加特别。
关于制定来说,颜色固然很重要,但是形状才是头等重要的。
4.方便记忆一个可靠的LOGO制定能够让人过目难忘,哪怕只是简短的一瞥,例如坐在公交车里的乘客透过车窗看路边的广告牌,以及汽车的车身广告,很多状况下,人们只有一瞥的时间来注意你的LOGO,所以制定的LOGO一定要方便记忆。
logo设计的七个规则logo是一个概念,符号,图形元素,它或者代表着一个功能,或者代表着公司最基本的特质,或者是公司产品的一个基本方向。
简单说,logo就是反映目标客户的一种元素。
“嘿,一个logo最直接的目的就是让人们一看到它会说:看看这个,我们在这里买得到最好的swatch,我看到汤姆戴着这款swatch真是太完美了,而且时间没有一点误差。
”一个完美的logo是能立即与使用产品的人联系起来,产生共鸣,比如,可口可乐的标志是总所周知的,当你看到它的标志,你能马上觉得你的嘴角边有果汁的味道。
cocacoca在总部大楼的Logo它体现了logo的一个最重要的特质:永恒。
自1885年以来,他们都使用相同的标志,这是带来一种无形的东西,却也是他们的一个重要优势。
Logo历史Logo,让人们以为似乎是与互联网同时诞生,但其实它的历史比你想像的更长。
美索不达米亚和埃及人在砖上面做上标记以便于知道这些砖的产地。
罗马人将该方法进步了,它们直接在砖上印上他们的原产地,目的地和制造商的商标。
后来一段时期并不是Logo的成型期,但是工业革命却让Logo以及设计Logo的人们得到了长足的进步。
20世纪初商标跟Logo广泛被使用,也从那时候起我们开始看到Logo(r)进化。
只是一直以来都没有设计Logo的一个系统规则,毕竟设计一个创作过程,而艺术更取决于设计师对于创新跟艺术表现力的追求。
但是尽管如此,Logo设计师们仍然想寻求一些既定的规则,以便于他们的设计创作。
这里有一份您可以在许多Logo设计中可以感受到的共同的因素,或许我们可以列出来。
当然,并没有十分明确的一个清单来告诉你Logo 应该如何设计,而且永远也不会有这么个清单,毕竟它是一门艺术,而并不是数学。
能适用于各种不同的媒体中媒体的发展促进了Logo的研究发展。
在过去,Logo或者商标的使用只是在日常的打印中,主要看重的是颜色,而风格都不如现在如此看重。
而现在,一个Logo需要在不同分辨率下使用,不仅在打印,在网站,名片,甚至在T恤上。
设计师必须知道的7大设计手法作为设计师,掌握一些设计手法是非常重要的,这些手法可以帮助设计师更好地表达和传达他们的设计意图。
下面是设计师必须知道的7大设计手法。
1.平衡平衡是指设计中各种元素之间的重量和布局的均衡。
设计师需要考虑图像的左右或上下对称性以及元素的大小和位置。
平衡可以创建稳定和统一的视觉效果,使设计看起来更加协调和吸引人。
2.对比对比是指设计中不同元素之间的鲜明差异。
设计师可以使用不同的颜色、纹理、形状、大小等元素来制造对比。
对比可以帮助设计突出重点、加强视觉效果,并创造出独特而有吸引力的设计。
3.重复重复是指在设计中使用一种或多种元素来重复出现,以达到一种视觉上的统一效果。
设计师可以通过重复颜色、形状、线条等元素来创造出视觉上的一致性和连贯感。
重复可以帮助设计师传达信息,强调主题,并增强视觉吸引力。
4.节奏节奏是指设计中元素的排列和运动的效果。
设计师可以使用不同的元素大小、形状和颜色的组合来创造出不同的节奏感。
节奏可以使设计更加有生气和动感,同时也可以帮助引导观众的视线。
5.色彩色彩是设计中非常重要的元素之一、设计师需要选择适当的颜色来表达他们的设计意图。
颜色可以影响人们的情绪和感受,因此设计师需要了解颜色的心理学效应,并根据设计的目的选取适当的颜色。
6.空间空间是设计的一个重要方面,包括二维和三维空间。
设计师需要考虑元素之间的间隔和布局,以创造出令人愉悦和易于理解的设计。
空间可以帮助设计师控制视觉焦点,并创造出深度和层次感。
7.重点重点是设计中最重要的元素或信息,设计师需要通过各种手法来突出重点。
设计师可以使用色彩、对比、大小和位置等元素来制造出重点效果。
重点可以帮助观众快速理解并记住设计中的重要信息。
以上是设计师必须知道的7大设计手法。
作为设计师,掌握这些手法可以帮助他们更好地表达和传达他们的设计意图,并创造出令人印象深刻的设计作品。
通过运用这些设计手法,设计师可以提高自己的设计水平,并创造出具有吸引力和视觉冲击力的设计作品。
011年9月16日 让图标留下深刻印象的七大规律在通往图标设计的道路上,有一些指导方针和设计原则值得学习研究。
如果你想创造出令人印象深刻的图标设计,那么你需要对以下问题做整体分析:受众,大小,简单,明快,透视和风格。
这篇文章给要准备做图标设计的你一个很好的引导,十分贴近你的设计。
第一条——全面了解图标设计图标属于平面设计。
这些图标无论是为桌面应用软件设计还是为网站设计,图标是整个平面设计元素中的一员,必须跟其他元素协调工作。
同样一套图标也是需要协调一致的。
图标会因为个别特别漂亮而突出,但是这并不具有任何意义。
评价整个图标设计好坏需要看你在整个平面系统里如何应用的。
一定要确保每个图标跟它所在的环境的图标都不一样,同时它们又能很好的构成一套风格。
一篇名为《图标设计语言》的文章中【作者Yegor Gilyov 站点Turbo Milk 】写道:“如果你需要画几个图标,你需要整体考虑这个站点所有图标,然后再开始使用软件绘制。
”这是这篇文章着重提到一点。
文章继续解释如何制定计划去使整个站点的图标,而不至于到最后发生重新设计而浪费许多时间。
第二条——为你的受众着想如果你为一个小公司的内网做设计,或者你为国际化销售的软件产品做设计,你将要考虑多方面的因素。
图标设计的文化背景非常需要。
一些象征符号与普遍公认的元素会有差异,你需要为你的设计考虑删减。
Turbo Milk 的另外一篇有影响力的文章《图标设计的十大误区》,里面指出很多设计图标时的误区。
他们讨论了国家性和社会性等几个方面。
“把使用环境考虑进去在做设计的时候非常有必要。
重要方面是国家特征,文化传统,环境和手势,需要每个国家每个地区的去区,分化解不同。
”他们举了一个例子是如何处理这种差异的。
苹果公司采用了范例在他的人机界面设计规范里。
所以,以一个地域的文化设计一个国际化的邮箱图标是十分糟糕的思路。
他们指出苹果的邮箱图标以邮票为识别元素是更多文化的普遍认识。
ICON设计的7个实用原则2.ConsiderYourAudience2.考虑您的用户Youwillhavedifferentconsiderationsifyou'redesigninganintranetforasmal lcompany,ratherthanforaproductthatmaybesoldinternationally.Whencreati ngiconsculturalconsiderationsareimportant.Symbolsmaydifferforcommonel ementsyoumayuseforyourdesigns.给一家小公司设计内部网页,会与设计"畅销世界的产品"考虑不同的东西。
设计图标时,文化是需要着重考虑的。
在不同文化中,就算是常见元素,含义也可能会有所不同。
TurboMilkhasanothergreatarticle;thisoneiscalled10MistakesinIconDesign.Init,theypointoutsomeclearexamplesofwheremanyicondesignsgowrong.They discussnationalandsocialcharacteristicsinpointsevenofthearticle."Itis alwaysnecessarytotakeintoaccounttheconditionsinwhichyouriconisgoingto beused.Animportantaspecthereisnationalcharacteristics.Culturaltraditi ons,surroundingsandgesturescandifferradicallyfromcountrytocountry."Th eygoontogiveanexampleofhowmailboxesdiffergreatlybetweencountries.Appl eusesthesameexampleinitsHumanInterfaceGuidelines.TurboMilk上还有一篇精彩的文章《图标设计的10种错误》,里边例举了一些图标设计中的常见错误。
iOS设计规范分享Part I : UI 设计基础00 , 2013.10.16规范学习目的:1.知道怎样设计出一个好的iOS应用界面2.思考1中提及的“好”为什么好iOS Human Interface Guidelines http://sina.lt/ntD 2013.9.18 updatedPart1 UI设计基础Part2 设计策略Part3 iOS技术Part4 UI元素Part5 图标和图形设计谈话iOS7谈话高手iOS7谈话高手谈话的基本原则谈话包含什么如何开始和结束谈话第一印象很重要谈话主题和引导谈话过程中的互动谈话的内容谈话的基本原则/ 为iOS7而设计iOS7三大设计原则1 Deference依从2Clarity清晰3Depth有层次iOS7三大设计原则1 Deference依从UI是用来帮助用户理解app、与内容之间进行交互,但UI和内容之间并不冲突。
iOS7三大设计原则1 Deference依从利用全屏避免过重的UI效果喧宾夺主让半透明的视觉元素透露其背后的内容iOS7三大设计原则2 Clarity清晰让各种尺寸的文字均易读、icon精确清楚、装饰物巧妙合适,以功能驱动设计。
iOS7三大设计原则2 Clarity清晰让各种尺寸的文字均易读、icon精确清楚、装饰物巧妙合适,以功能驱动设计。
「Style is a matter of taste. Capability and clarity are not.」iOS7三大设计原则2Clarity清晰充分运用留白通过色彩简化UI使用系统字体,确保清晰易读(系统字体会自动调整字/行间距)使用无边框的按钮(通过情境/颜色/标题指示)iOS7三大设计原则3 Depth 有层次通过视觉的层次感和动画来展现生命力,让用户感到愉悦。
iOS7三大设计原则3Depth有层次半透明背景营造的层次感切换年、月、日视图模式时使用增强动画过渡效果,带来明显的纵深感iOS7三大核心设计原则iOS7三大核心设计原则Deference依从Clarity清晰Depth有层次形式追随功能谈话包含什么/ iOS应用解析UIKit框架提供的UI元素可以分为4类:1内容视图(Content views)2栏(Bars)3控件(Controls)4临时视图(Temporary views)视图(View)和视图控制器(View controler):如何开始和结束谈话/ 开始和停止即刻启动,直入主题更快启动•避免无意义的启动画面/启动体验;•按照默认的屏幕方向启动;•使用与应用首屏尽量一致的启动图片,让人感觉加载更快;•应用重启后要恢复到退出时的状态,以便继续使用即刻启动,直入主题减少使用障碍•应用安装后不需要设置就能使用;•延迟登录;•尽量不要在初次加载时,让用户阅读并确认免责声明/协议等随时准备停止iOS没有关闭或者退出的选项,但有后台运行和切换机制,app需要:•及时、尽可能频繁地保存用户数据;•尽量保存app当前状态的各种细节,以便快速回到之前的状态;•如果app不可用/部分不可用时,应该友好地告知并提供建议注:仅在访问该功能时第一印象很重要/ 布局通过布局让用户知道:哪些东西最重要,可以做什么,内容之间的关联大小:确保交互元素足够大(44x44),用户很容易与内容和功能互动通过布局让用户知道:哪些东西最重要,可以做什么,内容之间的关联位置:将重要的内容和功能放在更显著的位置,使用户的注意力更好地聚焦通过布局让用户知道:哪些东西最重要,可以做什么,内容之间的关联关系:利用视觉表现的权重和平衡,展示元素之间的重要程度通过布局让用户知道:哪些东西最重要,可以做什么,内容之间的关联•使用对齐、缩进、分组等层次语言,帮助用户快速浏览内容;•确保主要内容在默认尺寸下可以被阅读和理解;•保持元素统一的表现形式谈话主题和引导/ 导航总体上讲,导航可以分为三种类型:树形结构扁平结构由内容或体验所驱动的结构无论哪种类型,要确保路径符合逻辑、可以预知、容易跟随。
尽量采用专门为触摸和手势设计的界面元素,这样可以使应用程序的交互更加轻松自然。
3、命中目标
设计可触控的控件的时候,尺寸不得小于44x44px,只有这样才能确保触摸的精度和命中率。
4、字体尺寸
文本中的文字尺寸不得小于11点,这样才能确保在常规距离下,无需缩放就可以清晰地阅读。
5、对比度控制
尽量确保文字色彩对比更明显,并且调整文字与背景的对比提高可读性。
6、间距调整
不要让文字出现重叠的状况。
适当地增加行高和行间距,提高文字的易读性。
7、高分辨率
为所有图片资源提供高分辨率的版本(@2x)。
那些未曾@2x的图像在Retina屏幕上会出现模糊的状况。
8、防止拉伸
始终控制好图片的高宽比,可以缩放,但是一定要避免拉伸,这样可以避免失真。
9、信息架构
创建易于阅读易于调整的布局,确保界面内容的可调整性。
10、保持对齐。
设计师疯狂吐槽iOS7图标苹果iOS7设计彻底改变颠覆了以往拟真设计而转向“扁平化”,有果粉认为新设计棒极了,充满小清新风格,但同时也引来一批讨伐之声,以下便是设计师对新风格的恐要。
iOS7图表吐槽“它看起来傻极了”,当我第一次看到iOS7的图标设计时,我被吓了一跳,作为一个简易爱好斯特默,我一直在期待乔纳森·艾维的杰作,但是新的设计就像是把设计初稿不加一样就拿来用重写糟糕。
下来我们来细致的看顺便iOS7的设计:颜色选择贫瘠颜色选择贫瘠坦白讲,苹果系列产品的软硬件一直存在这个问题,相比之下硬件稍踏实,因为占了很大面积的金属灰色在不同环境下不同阴影下显示不同的色彩。
但是在软件中,这一块灰色始终橘黄色就是那块灰色。
但是软件就各有不同了,比如新发行的iOS7,计算器图标颜色设计简直就像或者从WindowsMetro搬过来的!看看设计师JackieAnh的设计方案,稍微调整橙色,有点微妙的梯度,放弃沉闷的灰色,图标看起来好多了!另一方面,你的一些嵌入式例如电话、FaceTime还有信息等等用了一个较低对比度的颜色。
这让我想起了我高中美术老师教我的“直观的颜色”,也就是说,直接涂上去,不动脑子。
就像你不想用纯黑色一样,你也不至于永远不会想要用这些所谓“直观的颜色”,这些颜色显得颇为的廉价。
图标对比着眼时尚界,有相当长的一段时间你能够看到成立很多多彩嬉皮士们穿着霓虹灯般大美的衣服,但是,他们早就过时了,也没有人能够认为这还是所谓时尚。
拟物化处理太弱联系人的图标简直就行了就要人无语,首先,这颜色搭配简直就让人瞧无法忍受。
又是死板的灰色。
但是更大的风险问题在于,这个图标仍旧是老久的笔记本拟物化设计。
新iOS应该拯救用户体验于老旧和复杂。
它也的确做到了,但除了在姚学甲屏幕上。
我就想吐槽啊,有谁还在过去的10年内看到这样的电话本啊?我试着去想一些比较有趣的联系人应用图标设计,但是我失败了。
之后我突然意识到,我从来没有用过这个客户端应用程序,在多年前他就被我装进一个命名为“垃圾”的文件夹里了。
看这篇才知道苹果的图标设计有多厉害...(附50案例)封面设计: NestStrix Studio俗话说眼见为实,但其实我们的眼睛经常欺骗我们。
眼睛通过光的反射接收信息,然后经过一次「脑补」最终形成我们所谓「看见」的图像。
脑补这个过程会因为各种原因的影响导致我们对于「看见」的事物的理解产生偏差。
这一点对图形化操作界面的设计非常影响。
既然无法绕过,设计师就要学会如何去「适配」人类的视觉惯性画出“正确”的界面。
一、物理尺寸与视觉尺寸长宽 400px 的正方形与长宽 400px 的圆形哪一个更大?假如这样问你的话,那么答案当然是一样大。
但是来看看下面这张图,长宽各400px 的两个图形看起来并不一样大。
你的眼睛告诉你 400px 的正方形比400px 的圆形更大一些。
物体的物理尺寸是一样的,但视觉尺寸却有可能不一样。
为了更加准确地证明这个现象的存在,下面这张图给出辅助线,大家好好看看。
我们改变一下圆形的尺寸,看看现在这两个图形的视觉尺寸有没有更接近一些?每个人的感官可能都不一样,但对于我来说,调整尺寸后的两个图形看起来才是一样大的,至少也不会像图一一样,让人第一眼就认为正方形比较大。
为什么会这样?因为我将圆的直径增加了 50px。
现在我们将图形都叠起来看,看看为什么会产生这种那么明显的误差。
400px 的两个图形叠在一起,你会发现整个圆形都被包裹在了正方形之内,而正方形多出的四个面积巨大的a 区域就是造成这种视觉误差的原因。
再将 400px 的正方形与 450px 的圆形叠在一起,正方形无法将整个圆形包裹在内了,圆形超出的四个 b 区域又与正方形多出来的 a 区域在视觉上互相抵消,所以 450px 的圆形与 400px 的正方形在视觉尺寸上更接近,也就是我们常说的“一样大”。
不仅是圆与方,所有的图形都能够造成这样的偏差。
当我们追求“看起来一样大”这个目标的时候,某些形状的物理尺寸应该更大一些。
这个现象对于界面造成的影响会有哪些呢?譬如说,当绘制一套icon 的时候,我们当然是追求每个 icon 都看起来一样大。
app图标设计规范App图标是移动应用程序的重要组成部分,它可以帮助用户快速识别和辨认应用,并起到品牌传播和推广的作用。
一个好的App图标设计应该具备以下几个方面的规范。
1. 简洁明了:App图标的设计应该简洁明了,避免过于复杂和繁琐的图形和细节。
用户在浏览数十个应用图标时,简洁的设计能够更容易吸引用户的注意力。
2. 独特性:App图标应该有自己的独特性,以便在众多应用中脱颖而出。
独特的设计可以让用户更容易记住应用和品牌,增加用户下载和使用的可能性。
3. 适应性:App图标应该具备适应不同尺寸和分辨率的能力,以便在不同的设备上都能够显示清晰且美观。
因此,在设计App图标时应该考虑到不同尺寸和分辨率下可能产生的变形和模糊问题。
4. 与应用内内容的相关性:App图标应该与应用内的内容相关联,以便更好地表达应用的功能和特点。
用户通过图标来识别应用,如果图标与应用内的内容没有一致性,可能会给用户带来困惑和误导。
5. 色彩的运用:色彩是App图标设计中非常重要的因素之一。
色彩可以帮助增加图标的识别度和吸引力。
在使用色彩时,应该遵循品牌的色彩规范,并注意选择合适的色彩搭配,避免色彩的过度使用和冲突。
6. 可扩展性:App图标应该具备可扩展性,以便在不同平台和场景下都能够使用和展示。
例如,一个应用可能需要在不同操作系统下都有对应的图标,并且在不同情境中也需要不同的变体。
7. 尺寸和比例:App图标的尺寸和比例应该符合平台和设备的要求。
不同平台和设备对于App图标的尺寸和比例有一定的规范要求,例如,在苹果设备中,App图标的尺寸为1024x1024像素,而在安卓设备中,App图标的尺寸为512x512像素。
8. 可视性和辨识度:App图标应该具备良好的可视性和辨识度,以便用户可以在各种环境和场景下都能够清晰地看到和辨认。
在设计时,应该注意选择合适的形状和图案,避免细节过于复杂和模糊不清。
9. 与平台风格的一致性:App图标的设计应该与所在平台的风格和规范保持一致。
LOGO设计七大必杀技LOGO看似简单,但设计LOGO绝非易事。
磨合一个品牌的视觉标识需要做的很多。
LOGO通常影响一个公司的第一印象,更可能影响到消费者对这一品牌的接受以及后续的购买决策乃至对整个产品的态度。
我们所在的社会充斥各种LOGO,LOGO的重要性已无须赘述。
本文邀请几位LOGO 设计专家提出设计LOGO的积淀建议供各位设计师参考。
1. 独特巧妙、极富创造力LOGO帮助某个品牌与竞争对手加以区别,所以其造型必须足够独特突出,切忌模仿.平面设计师兼网站设计师David Airey认为,要尽量让自己的作品成为“真正的原创”,不过要做到这点绝非易事。
99design的创意总监Deborah Harkiins也重申了剽窃或借鉴的风险,网络上的任何东西都很难保证其独一无二和原创性,设计师们可以在LOGO Thief这类的网站上检查设计是否算是原创的。
避免模仿的同时,设计师们还要尽全力设计出全新的元素,要发挥创造性思维。
奔驰的标志并不是一辆车,维珍航空的标志也不是一架飞机,苹果公司的标志不是电脑……2. 真正理解品牌LOGO是一张图片,更是品牌介绍。
LOGO必须能够直达固定目标群,设计师在设计时要牢记这一点.设计师可以先写下对这个品牌的印象,甚至画一个带有图像的情绪模板(mood board)时刻提醒自己该品牌的意识形态。
但是,要提防不考虑深层含义而仅从美学角度思考。
Harkiins还建议设计师可以通过研究其他品牌的视觉形象帮助理解,但是一定要注意不能太依靠字面意义确定灵感。
设计师设计出的LOGO应该是原创的且能直指客户品牌属性. LOGO设计要紧跟设计大趋势的同时,更重要的是要真实反映品牌整体性格。
每一个LOGO都有其历史和背后深意,以苹果公司的LOGO举例,是一个缺了一口“byte”的苹果。
维基百科的LOGO则是未完成的世界拼图,每一块拼图都标有不同的书写系统。
这两个LOGO都简单但富有紧扣品牌主题的深刻内涵。
图标设计的原则最近想到要写一篇关于图标设计的原则,理由如下:图标设计在GUI中所占的比重越来越大,很多GUI设计师都是从图标设计开始的的;同时由于软件界面设计的未来方向是简洁、易用、高效,精美的图标设计往往起到画龙点睛的作用,从而提升软件的视觉效果;但现实中很多设计师往往过度追求图标的视觉效果而忽视了其他几个方面,舍本逐末;客户片面的要求图标要震撼,要立体,要发光,要高对比度,而忽视了图标所处的环境;我们的团队经常做一些大量的图标设计工作,需要一些规范和原则;谈到原则,我要先说图标设计的目的:先说优点:1:代替文字,比文字要直观,提高软件可用性;2:代替文字,比文字更漂亮,提升视觉效果;缺点:不如文字表达的准确。
因此,图标设计的核心思想,就是要尽可能的发挥图标的优点:比文字直观,比文字漂亮,减少图标的缺点:不如文字表达的准确以下是我总结的几条原则:第一:可识别性原则可识别性原则,意思是说,图标的图形,要能准确表达相应的操作。
换言之,就是我看到一个图标,就要明白他所代表的含义,这是图标设计的灵魂。
可以当之无愧称之为图标设计的第一原则。
我们看一下高速公路上的路标设计,我只能说,这是最好的图标设计,可识别性强,简单,直观,即使是不认识字的人,也能立即理解图标的含义。
见图(1):(图1)公路路标的特点,注定图标的设计要简单明了,要具有非常直观的可识别性,司机只需要瞄上一眼,就能准确理解路标的含义,这样便于他继续驾驶,如果图标设计的不够直观,不具有可识别性,那么司机在开车的时候会一直盯着路标看,一直在想这是什么含义,你可以想象他面临的危险会有多大,另外在高速上,如果路标设计不够直观,也有可能在司机还没有明白什么意思呢,就错过了路标。
(图2)图(2)是我设计的一些常用工具类的图标,你是否一眼就能看出每个图标的区别和含义呢?这套图标虽然很简单,但是很实用,因为通常的界面不需要精度很高、尺寸很大的图标,并且这套图标符合差异性,可识别性,风格统一性的原则。
出应用的整体概念
“一般的做法是使用一种或两种辨识度较高、能代表概念的物体。
然后再用优秀的色彩和流畅的形状来塑造美感”
(2)而设计师 Jon Hicks认为除此之外,图标的隐喻性也要强(比如说拍照应用),图标应该是一种能够有所代表的符号,具有一种标识性(不可否认,Safari的品牌塑造就很成功,大部分人一眼都能认出来),Apple的游戏中心以及设置图标的隐喻性就很差。
(3)Soft Façade的创意总监 Dmitry Tsozik认为设计师不要自作聪明:“随随便便放上个白背景,再填几个彩色圆环,这能叫图标吗?”
这种图标不具备功能性,通过图标无法了解应用的功能、概念。
多研究研究色彩和隐喻,图标的作用是引导用户进入应用的窗口,最好让用户一眼皆知应用的功能,不要让用户猜。
照相机图标非常显眼,但是过于厚重,美感不佳,不过它的隐喻非常强烈,一眼皆知这款应用的
用处。
而游戏中心….隐喻糟糕透了。
02. 鲜活用色
Iconfactory 联合创始人 Gedeon Maheux认为即便你对iOS7的色彩体系不感冒,你也要研究研
究iOS7的图标设计风格,毕竟苹果是设计风向标:“在设计中尝试打造鲜明的对照感。
iOS7因明亮的边界、清晰的线条、大胆的色彩而著称”
他认为明亮的色彩能带来一种活力感和趣味性,柔和、细腻的色彩却无法做到这一点。
iWork应用色彩非常鲜活,辨识度极高
03. 使用栅格线
Maheux建议在开始iOS7图标设计时,使用当下流行的iOS7栅格线:“能让你分块的设计,并且能够构建界面中图标的整体感。
采用栅格线方式进行设计的图标越多,在界面中就能更好的彼此匹配,界面中图标的整体感越强”
当然,他也认为,不应该太限制自我:“如果你觉得打破栅格线,你的设计会更出彩,那不妨试试”
苹果的栅格线能让你进行“各个击破”的设计,但是必要情况下可以打破栅格线的限制。
04. 避免信息过载
iOS7高度依赖字体。
纤细的字体让按钮区域充满了大量的留白。
但是Edwards认为图标尽量不要和纤细的字体结合:“图标应该是一种符号化的元素,本身就是一种视觉语言,不应该和文字语言联系到一起。
即便结合,文本也不宜过多。
”
比如说设置中的VPN选项,微图标和文本结合让人有一种信息过载的感觉
05.适度添加深度感
iOS7的视觉风格可以看作是一种扁平化设计,Jony Ive特别强调了iOS7“层次”的概念,而不是一种单一的扁平。
Maheux认为,若想要与众不同,必须设计的与众不同:“加入一点投影、加入一点渐变也无妨,多做做实验,没准一种新的流行由此诞生,iOS7上的设计充满了无限可能,不一定要死板的扁平。
”
Iconfactory的Scope
Mirror图标便具有深度感,效果比纯扁平设计好多了。
06.一致的视觉风格
(1)可以看看苹果应用商店套件的图标,很明显,他们都是一个系列的图标。
设计成套图标和设计一款图标,要考虑的东西不尽相同。
设计成套图标还要考虑一致性。
设计师要刻意培养自己的这种整体感,即便你的工作是设计一款图标,你也可以这么想:“要是这款应用有了姊妹应用,那么图标该要怎么设计?”通过这种假象来锻炼自己的设计思维。
(2)不过Hicks还提醒,一致性不意味着拘泥于一种形式:“线条粗细不必完全相同、颜色也不必完全一致,但是整体风格一定要和谐、匹配”
他强调“白色符号搭配色彩渐变”这种方法最简单。
(或者在白色背景上使用多彩、透明的图标)“整体风格统一——单个图标根据隐喻的不同来灵活设计”
(3)Edwards认为:“通过一致性设计,能够增加同一系列应用、图标的联系感”
打造一致性的方法有很多。
07. 追求完美
不管iOS7的视觉风格怎样,优秀图标的标准还是没有改变:优雅、简约、细节到位。
Tsozik推荐多读一点现代设计、建筑、字体类的书籍,不断追求完美。
来源:pmtoo
人人都是产品经理()中国最大最活跃的产品经理学习、交流、分享平台。