设计师必看iOS7图标设计的七条黄金法则
交互设计七大定律

交互设计七大定律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带给我们的启示是,在设计的时候我们需要减少选项的数量以较少用户作决定花费的时间,但同时也应该合理的控制产品结构的广度与深度,因为每增加一个选项就意味着用户的选择的成本将会增加,而如果说广度太广则又会导致用户在选项的浏览和比较上花费较多的时间。
设计7大原则优秀课件

• 另一种定义
当一种接口太大,则需要将它分割成某些更细小旳接口,使用该接口 旳客户端仅需懂得与之有关旳措施即可。
接口隔离原则特点
• 接口隔离原则是指使用多种专门旳接口,而不使用单一旳总接口。每一种接 口应该承担一种相对独立旳角色,不多不少,不干不该干旳事,该干旳事都 要干。
+ findTeacherById (String id)
: TeacherDTO
+ findAllTeachers () + save (TeacherDTO teacher)
...
: List : int
迪米特原则
• 迪米特原则定义
迪米特原则(Law of Demeter, LoD)又称为至少知识原则(Least Knowledge Principle, LKP),它有多种定义措施,其中几种经典定义如下: 1、不要和“陌生人”说话。 2、只与你旳直接朋友通信。 3、每一种软件单位对其他旳单位都只有至少旳知识,而且局限于那 些与本单位亲密有关旳软件单位。
开闭原则特点
• 在开闭原则旳定义中,软件实体能够指一种软件模块、一 种由多种类构成旳局部构造或一种独立旳类。
• 类抽象化是开闭原则旳关键。
• 开闭原则还能够经过一种愈加详细旳“对可变性封装原则 ”来描述,对可变性封装原则(Principle of Encapsulation of Variation, EVP)要求找到系统旳可变原因并将其封装起来。
合成复用原则特点
• 组合/聚合能够使系统愈加灵活,类与类之间旳耦合度降低,一种类 旳变化对其他类造成旳影响相对较少,所以一般首选使用组合/聚合 来实现复用;其次才考虑继承,在使用继承时,需要严格遵照里氏代 换原则,有效使用继承会有利于对问题旳了解,降低复杂度,而滥用 继承反而会增长系统构建和维护旳难度以及系统旳复杂度,所以需要 谨慎使用继承复用。
平面设计技巧之Logo设计的黄金法则

平面设计技巧之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设计须遵守的12条原则正如不同的行业有其特定的技能,logo设计也要求设计师不断学习,积累经验才能获得成功;对所有平面设计师来说,知识便是能力。
基于此,我们总结出要设计好的logo必须遵循的12条原则以供参考:1. 初期工作不可少初期草图是设计logo的重要开始步骤。
你可以简单的用铅笔在纸上手绘,或者用Illustrator软件中的矢量工具绘出草稿。
一旦你跳过或者草草结束这一步骤,就会影响最后的设计结果。
准备20到30张草图或者想法,由此拓展开来,创造出原始构想的各种引申想法。
如果这些草图都没起到作用,你就需要重新开始,根据新想法再绘出草图。
一个优秀的平面设计师在初期工作上所花的时间比接下来的任何一个步骤都要多。
2. 协调性协调性在logo设计中也十分重要,因为在人的感受里,平衡协调的设计是令人愉快的,有魅力的。
当图形、颜色、大小的“比重”在各个部分均等时,整个设计就能达到平衡协调。
尽管协调性原则偶尔可以打破,但要记住你所设计的logo是给大众看的,而不是着眼于伟大艺术的那些人,所以保持设计的协调性是最安全的方法。
3. 尺寸大有关系对于logo设计,尺寸相当重要。
一个logo必须在缩放到任何尺寸时都能看起来清晰可阅。
如果一个logo被缩小后用于信头、信封或其他小型的推广物上时清晰度过低,那么这个logo 就是不成功的。
同样logo在放大后用于海报、广告牌或电子格式出现在电视、网络上时,也必须十分清晰容易辨认。
要判定一个logo是否缩放到所有尺寸下都可用,最可靠的办法就是自己试验一下。
注意通常缩小至最小尺寸时是最难达到要求的,因此你可以一开始就将logo打印在信头或信封上检查是否清晰。
同样你也可以在打印店将logo放大打印成海报大小来测试。
4. 巧妙运用颜色颜色理论很复杂,但只要了解了基本原理,设计师就可以利用颜色为设计加分。
需要记住的基本规则有:Ÿ选用色轮中相近的颜色(譬如:需要暖色调,选用红色、橙色和黄色)。
UI设计中图标设计的几大原则,你都知道吗

在UI设计中,图标的设计是很常见的一项工作,大家在设计图标的时候知道图标设计的几大原则吗?今天誉财教育就来给大家讲一讲。
一、易识易识别性是图标的灵魂,能准确地让用户理解到它所想表达的意思。
图标的图形应该和目标的外形相似。
通俗的讲,用户看到一个图标,就可以清晰明白这个图标的含义。
图标含义清晰明确,便于用户明确获得操作步骤信息,及时做出正确的选择判断。
二、惯例如果事情通常以固定的方式完成,那么它就变成了习惯或者惯例,并且用户期望以该方式去完成。
有的设计如果不遵守惯例时,例如:浏览器上面主页的图标不是一个房子的造型时,用户会停下来思考,这样自然降低了效率。
所以,尽量使用合适的图标惯例。
三、隐喻隐喻旨以一种更为明显,更为熟悉的观念符号,来表示某种观念,观念之间存在着类似性。
已经形成惯例的隐喻元素尽量不要轻易改变。
诸如放大镜、垃圾桶、主页等这些被用户广泛认可的隐喻,不要放弃这一隐喻元素转而诉求别的隐喻元素。
四、联系孤立的图标是没有意义的。
图标与其他许多元素组合在一起显示在屏幕上,用户对图标的理解离开不了图标所处的上下文。
上下文的因素又可包括物理上下文、认知上下文、隐喻上下文、时间上下文等。
五、一致一致性是最重要的可用性特征之一,一致性应当应用于构成整体用户界面的各个不同媒体。
设计中也要遵守界面设计中的一致性原则,主要体现在以下几个方面:一致的映射模式。
在同一个系列图标中,用户对图标进行学习,积累经验,形成某种固定的映射模式,如果突然出现了另一种模式的映射,用户可能仍将延用先前形成的定势思维,进行理解,从而出现理解困难或理解偏差,造成不良的映射。
一致的表现手法。
表现手法的一致性主要体现在图标的色彩、表现形态、结构特征、光源、阴影、透视等多方面。
色彩的一致性不仅仅包括色相,还要包括亮度,饱和度的统一以及渐变色的控制一致等。
一致的风格。
图标设计的5种风格:照片、素描漫画、剪影和轮廓等。
在设计一个界面的时候,选择一个风格并坚持使用它。
图标设计的四大原则

图标设计的四大原则伴随着信息时代的进程,图标设计也慢慢成为现今生活的重要组成部分,它的设计是和用户界面设计一起完成的,以满足用户对界面操作的需求。
图标设计能够帮助人们快速明确地识别操作和按钮,并为用户提供清晰的使用指南,有效地节约人们的时间与精力。
今天,图标设计仍然是视觉和人机交互(HMI)设计中很重要的一部分,但设计一个有效的图标并非易事。
设计师们需要遵循一套适用的原则,才能够有效地设计出有效的图标。
以下是图标设计的四大原则:1.别性原则:识别性是一种最基本的原则,也是判断图标设计成功与否的最重要的指标。
优秀的图标设计应该在第一时间能够满足用户的需求,从而让用户一眼就能够识别出图标的内容,并且能够在无需其他任何额外信息的情况下就能够成功地完成操作。
2.洁性原则:简洁性是图标设计最重要的原则之一,图标不应该太过复杂,而应该采用简洁的图形和颜色,尤其是在小屏幕设备上,保持图标的清晰与精练是十分重要的。
3.统性原则:设计出来的图标不能够是孤立的,而应该在整个界面上有一定的系统性,保证用户理解其内容的一致性,这样才能够更好的帮助用户更快地完成操作。
4.户友好性原则:良好的用户体验是界面设计中最重要的原则,图标设计也不例外。
优秀的图标设计应该具有良好的用户友好性,避免支持用户迷惑,并且尽可能地将用户从操作步骤中解放出来。
图标设计无论在可视性,可用性还是用户认可度都要求非常高,所以在图标设计的过程中,要特别注意这四大原则的运用。
在操作和按钮的设计上,应该尽量让图标体现出清晰的概念,保证图标的可识别性,力求多样性,表达更多的含义,使图标让用户一目了然,并且尽可能地提升用户体验,使界面更加美观而且使用起来更加方便。
以上就是图标设计的四大原则以及相关介绍,从图标设计的角度来讲,除了注意上面提到的原则以外,还要注意图标设计的多样性和表达力,在满足基本功能的情况下,尽量做到图标设计的意义明确,图表表达的概念清晰,以更好地帮助用户更高效的完成操作。
logo设计的知识点

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设计的技巧有哪些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一定要方便记忆。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
出应用的整体概念
“一般的做法是使用一种或两种辨识度较高、能代表概念的物体。
然后再用优秀的色彩和流畅的形状来塑造美感”
(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
人人都是产品经理()中国最大最活跃的产品经理学习、交流、分享平台。