让设计更出色!IOS7图标设计的七条黄金法则
- 格式:pdf
- 大小:320.93 KB
- 文档页数:5
平面设计技巧之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在放大后用于海报、广告牌或电子格式出现在电视、网络上时,也必须让人容易清晰地辨认出来。
在UI设计中,图标的设计是很常见的一项工作,大家在设计图标的时候知道图标设计的几大原则吗?今天誉财教育就来给大家讲一讲。
一、易识易识别性是图标的灵魂,能准确地让用户理解到它所想表达的意思。
图标的图形应该和目标的外形相似。
通俗的讲,用户看到一个图标,就可以清晰明白这个图标的含义。
图标含义清晰明确,便于用户明确获得操作步骤信息,及时做出正确的选择判断。
二、惯例如果事情通常以固定的方式完成,那么它就变成了习惯或者惯例,并且用户期望以该方式去完成。
有的设计如果不遵守惯例时,例如:浏览器上面主页的图标不是一个房子的造型时,用户会停下来思考,这样自然降低了效率。
所以,尽量使用合适的图标惯例。
三、隐喻隐喻旨以一种更为明显,更为熟悉的观念符号,来表示某种观念,观念之间存在着类似性。
已经形成惯例的隐喻元素尽量不要轻易改变。
诸如放大镜、垃圾桶、主页等这些被用户广泛认可的隐喻,不要放弃这一隐喻元素转而诉求别的隐喻元素。
四、联系孤立的图标是没有意义的。
图标与其他许多元素组合在一起显示在屏幕上,用户对图标的理解离开不了图标所处的上下文。
上下文的因素又可包括物理上下文、认知上下文、隐喻上下文、时间上下文等。
五、一致一致性是最重要的可用性特征之一,一致性应当应用于构成整体用户界面的各个不同媒体。
设计中也要遵守界面设计中的一致性原则,主要体现在以下几个方面:一致的映射模式。
在同一个系列图标中,用户对图标进行学习,积累经验,形成某种固定的映射模式,如果突然出现了另一种模式的映射,用户可能仍将延用先前形成的定势思维,进行理解,从而出现理解困难或理解偏差,造成不良的映射。
一致的表现手法。
表现手法的一致性主要体现在图标的色彩、表现形态、结构特征、光源、阴影、透视等多方面。
色彩的一致性不仅仅包括色相,还要包括亮度,饱和度的统一以及渐变色的控制一致等。
一致的风格。
图标设计的5种风格:照片、素描漫画、剪影和轮廓等。
在设计一个界面的时候,选择一个风格并坚持使用它。
图标设计的四大原则伴随着信息时代的进程,图标设计也慢慢成为现今生活的重要组成部分,它的设计是和用户界面设计一起完成的,以满足用户对界面操作的需求。
图标设计能够帮助人们快速明确地识别操作和按钮,并为用户提供清晰的使用指南,有效地节约人们的时间与精力。
今天,图标设计仍然是视觉和人机交互(HMI)设计中很重要的一部分,但设计一个有效的图标并非易事。
设计师们需要遵循一套适用的原则,才能够有效地设计出有效的图标。
以下是图标设计的四大原则:1.别性原则:识别性是一种最基本的原则,也是判断图标设计成功与否的最重要的指标。
优秀的图标设计应该在第一时间能够满足用户的需求,从而让用户一眼就能够识别出图标的内容,并且能够在无需其他任何额外信息的情况下就能够成功地完成操作。
2.洁性原则:简洁性是图标设计最重要的原则之一,图标不应该太过复杂,而应该采用简洁的图形和颜色,尤其是在小屏幕设备上,保持图标的清晰与精练是十分重要的。
3.统性原则:设计出来的图标不能够是孤立的,而应该在整个界面上有一定的系统性,保证用户理解其内容的一致性,这样才能够更好的帮助用户更快地完成操作。
4.户友好性原则:良好的用户体验是界面设计中最重要的原则,图标设计也不例外。
优秀的图标设计应该具有良好的用户友好性,避免支持用户迷惑,并且尽可能地将用户从操作步骤中解放出来。
图标设计无论在可视性,可用性还是用户认可度都要求非常高,所以在图标设计的过程中,要特别注意这四大原则的运用。
在操作和按钮的设计上,应该尽量让图标体现出清晰的概念,保证图标的可识别性,力求多样性,表达更多的含义,使图标让用户一目了然,并且尽可能地提升用户体验,使界面更加美观而且使用起来更加方便。
以上就是图标设计的四大原则以及相关介绍,从图标设计的角度来讲,除了注意上面提到的原则以外,还要注意图标设计的多样性和表达力,在满足基本功能的情况下,尽量做到图标设计的意义明确,图表表达的概念清晰,以更好地帮助用户更高效的完成操作。
如何更好的设计图标?优先注意这些容易被忽略的细节中英文两版如何更好的设计图标?优先注意这些容易被忽略的细节How to Design Better Icons? Pay Attention to These Often Overlooked Details First在当今数字化的世界中,图标无处不在。
无论是手机应用、网站还是软件界面,一个精心设计的图标不仅能提升用户体验,还能传达品牌价值。
然而,要设计出一个优秀的图标并非易事。
很多设计师在设计过程中往往会忽略一些细节,导致图标效果不尽如人意。
本文将探讨在图标设计过程中需要优先注意的几个容易被忽略的细节。
In today's digital world, icons are everywhere. Whether it's mobile applications, websites, or software interfaces, a well-designed icon can enhance user experience and convey brand value. However, designing an excellent icon is not an easy task. Many designers often overlook some details during the design process, resulting in suboptimal icon effects. This article will explore several often overlooked details that need to be prioritized in the icon design process.1. 简洁与清晰1. Simplicity and Clarity一个好的图标应该是简洁明了的。
过于复杂的图标不仅难以识别,还可能在缩小时失去细节。
图标设计的原则最近想到要写一篇关于图标设计的原则,理由如下:图标设计在GUI中所占的比重越来越大,很多GUI设计师都是从图标设计开始的的;同时由于软件界面设计的未来方向是简洁、易用、高效,精美的图标设计往往起到画龙点睛的作用,从而提升软件的视觉效果;但现实中很多设计师往往过度追求图标的视觉效果而忽视了其他几个方面,舍本逐末;客户片面的要求图标要震撼,要立体,要发光,要高对比度,而忽视了图标所处的环境;我们的团队经常做一些大量的图标设计工作,需要一些规范和原则;谈到原则,我要先说图标设计的目的:先说优点:1:代替文字,比文字要直观,提高软件可用性;2:代替文字,比文字更漂亮,提升视觉效果;缺点:不如文字表达的准确。
因此,图标设计的核心思想,就是要尽可能的发挥图标的优点:比文字直观,比文字漂亮,减少图标的缺点:不如文字表达的准确以下是我总结的几条原则:第一:可识别性原则可识别性原则,意思是说,图标的图形,要能准确表达相应的操作。
换言之,就是我看到一个图标,就要明白他所代表的含义,这是图标设计的灵魂。
可以当之无愧称之为图标设计的第一原则。
我们看一下高速公路上的路标设计,我只能说,这是最好的图标设计,可识别性强,简单,直观,即使是不认识字的人,也能立即理解图标的含义。
见图(1):(图1)公路路标的特点,注定图标的设计要简单明了,要具有非常直观的可识别性,司 机只需要瞄上一眼,就能准确理解路标的含义,这样便于他继续驾驶,如果图标 设计的不够直观,不具有可识别性,那么司机在开车的时候会一直盯着路标看,一直在想这是什么含义,你可以想象他面临的危险会有多大,另外在高速上,如聂示只难一切车辆靠右侧道路行驶Q 曲标志设在车辆必溥右侧行赧的路 口以前适当如盡蠶憲肆議鑫鸚齟蠶表示车辆在立交处可以直行和按囹示 踣线右转克行驶。
止需志设在立交右 转毎出口处适当位贵“表示只准车辆靠右环行d 此标志设在 环岛面向路口来车方向适当位蛊©羌示机动车行至该标志处宓须鸣喇 呱此标志设在公賂的急拷音处、瞇 城等视纟主不良路谴的起点。
手机图标设计技巧:小而精致的视觉艺术手机图标是我们手机界面上最常见的元素之一,它不仅是一个功能的入口,更是表达手机应用个性和品牌形象的重要载体。
一个精致的手机图标可以让用户一眼就能记住应用,提升用户体验和品牌形象。
在本文中,我将分享一些Photoshop软件相关的手机图标设计技巧,帮助你创作出小而精致的视觉艺术。
1. 设计前的调研和规划:在进行手机图标设计之前,我们需要先进行调研和规划。
了解目标用户群体的审美偏好和使用习惯,查看市场上流行的手机图标设计风格,可以帮助我们更好地理解用户需求和设计方向。
2. 图标尺寸和比例:手机图标的尺寸一般是正方形的,在不同的手机屏幕上会有不同的尺寸要求。
一般来说,图标尺寸在48x48像素到144x144像素之间。
在设计时,可以创建一个适当尺寸的画布,并使用Photoshop的网格工具来辅助设计。
3. 简洁明了的构图:手机图标的设计需要尽可能简洁明了,以便在小尺寸下保持清晰可辨认。
通过运用简单的几何形状和明亮的色彩来表达应用功能,避免图标过于复杂和拥挤。
此外,注意图标的线条流畅和比例协调,可以增加图标的美感和整体性。
4. 选取合适的颜色:颜色是手机图标设计中重要的表现元素。
在选择颜色时,可以根据应用的品牌色彩或功能特点进行选择。
避免使用过于杂乱或过于相似的颜色,保持色彩的统一性和对比度,以确保图标在手机屏幕上更加醒目和易辨认。
5. 使用阴影和渐变效果:通过添加阴影和渐变效果,可以增加图标的立体感和层次感。
在Photoshop中,可以使用阴影、内外发光、渐变工具等来实现这些效果。
但同时要注意不要过度使用,以免影响图标的简洁性和清晰度。
6. 调整细节和质感:在设计完成后,可以通过调整细节和质感来定制图标的特点。
例如,可以调整图标的线条粗细、字体和图案的细节,增加一些阴影或纹理来提升图标的质感和品质。
7. 导出和适应不同分辨率:设计完成后,我们需要将图标导出为适应不同分辨率的文件。
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恤上。
清晰易懂的图标设计要点图标的设计在现代生活中扮演着重要的角色,它们用简洁的形式传达信息,帮助用户快速地识别和理解各种功能和概念。
清晰易懂的图标设计要点是一个至关重要的主题,它确保图标能够正确地传达信息,与使用者建立有效的沟通。
图标设计要尽可能的简洁和轻松理解。
简洁性是图标设计的核心原则之一,因为用户只需要一眼就能够理解图标的意义。
一个好的图标应该去除各种冗余的细节,保持简洁的线条和形状,并能够在小尺寸的情况下清晰地显现。
图标的设计应尽量避免复杂的图案和图形,因为这可能会导致用户的困惑和误解。
图标设计要符合用户的认知和习惯。
用户在使用应用程序和网站时,已经养成了特定的认知和习惯。
设计师应该利用这些已经形成的认知,设计出能够与用户理解和识别的图标。
例如,使用一个垃圾桶图标来表示删除一个文件,在大多数应用中,这是用户所熟悉的操作。
通过与用户的习惯和认知一致,图标的设计将更容易被用户理解和接受。
图标设计要具备可区分性和一致性。
可区分性是指图标在设计上应该具备足够的独特性,以便用户能够区分其不同的含义和功能。
在设计图标时,应该注意避免相似性和模糊性,使每个图标都能独特地表达其所代表的功能。
而一致性是指图标的风格和设计应该在应用程序或网站中保持一致。
这有助于用户建立起固定的认知和期望,提高用户的学习曲线和使用效率。
为了确保图标的清晰易懂,还应注意其视觉效果。
图标应该具备清晰的线条和形状,颜色应该鲜明明亮,并且与背景有足够的对比度,以便用户能够清楚地看到和理解图标的含义。
注重图标的比例和尺寸也是提高图标可读性的重要因素。
在设计图标时,应该注意在不同尺寸的显示情况下,图标的细节和形状能够保持清晰可见。
图标设计要经过充分的测试和反馈。
设计师应该将设计出来的图标放入实际的应用场景中,观察用户对图标的理解和接受情况。
根据用户的反馈,及时调整和改进图标的设计,以确保它们能够准确地传达信息并与用户建立有效的沟通。
在总结,清晰易懂的图标设计要点包括:简洁性、符合用户的认知和习惯、可区分性和一致性、视觉效果和测试反馈。
苹果界面设计20条简单设计建议苹果界面设计20条简单设计建议1. 简洁与清晰•若界面过于繁杂,用户会感到困惑,因此要保持简洁与清晰的设计风格。
•使用简洁的布局和明确的标签,以提供易于理解和导航的用户界面。
2. 一致性与统一性•使用相似的颜色、字体和图标设计,使得用户界面具有一致性和统一性。
•统一的设计可以帮助用户更快地熟悉界面,并提高用户的操作效率。
3. 对比与重点•使用明确的对比来突出重要的元素和信息。
•通过使用不同的颜色、大小、粗细等效果来吸引用户的注意力,并引导用户的操作。
4. 感官反馈•提供直观的感官反馈以提升用户体验。
•使用过渡动画、音效等方式,通过视觉、触觉和听觉的反馈来增强用户的操作感受。
5. 易于导航•设计简单易懂的导航栏和菜单,帮助用户快速找到所需的功能或信息。
•使用清晰的标签和直观的图标,让用户能够轻松地浏览界面和进行操作。
6. 分组与层次•将相关的功能或信息进行合理的分组和归类,以便用户更轻松地找到所需内容。
•通过使用边框、背景色、间距等方式来创建层次感,使界面更易于理解和使用。
7. 响应式设计•设计适应不同屏幕尺寸的界面,确保在不同设备上都能提供良好的用户体验。
•使用自适应布局和响应式设计技术,使界面能够灵活适应不同的屏幕分辨率和设备方向。
8. 直观与简单•设计直观易懂的界面,减少用户的认知负荷。
•使用简洁的图标和控件,减少不必要的操作步骤,提升用户的操作效率。
9. 文字与图像•使用清晰易读的字体和适当大小的文字,确保用户能够轻松阅读界面上的文字内容。
•使用高质量的图像和图标,提供视觉上的美感和吸引力。
10. 反馈与提示•在用户操作时,及时给予反馈和提示,让用户知道他们的操作是否成功,以及下一步应该怎么做。
•使用弹出窗口、气泡提示等方式来向用户提供反馈和提示信息。
11. 扩展与自定义•提供界面的扩展和自定义功能,以满足用户个性化的需求。
•允许用户根据自己的偏好设置界面的布局、颜色等,提升用户的参与感和满意度。
优秀的标志设计应该遵循的黄金法则本文由尚唐设计整理发布1.标志设计颜色:不要超过3种。
2.如果是不可或缺的内容就无需体现在标志图形中。
3.标志字体务必清晰明了,让你奶奶都能看懂。
4.标志图案务必易于识别。
5.设计一个造型或者布局独特的标志图案。
6.独立思考,不要理会您父母爱人对你设计的想法。
7.保证标志看起来至少要能吸引三个人的注意。
8.不要将流行标志(尤其是商标)中的元素融入到设计中,并称为原创作品。
9.任何情况下都不要用剪贴画。
10.将标志设置为黑白两色时看起来依然效果良好。
11.反置标志后依然清晰明辨。
12.调整标志大小后依然清晰明辨。
13.如果标志中包含图标、符号或文字等元素,合理布局让他们相辅相成。
14.让您的标志设计避免沿袭最新流行的标志(尤其是商标)设计潮流,而应看起来能够经久不衰。
15.不要使用特殊效果(包括也并不局限于:斜体、阴影、反射和射线字)。
16.如果可能让标志(尤其是商标)呈方形布局,避免使用难以理解的布局。
17.避免复杂的细节。
18.考虑标志(尤其是商标)放置的不同地方和方式。
19.激发勇敢和自信的感觉,而不是无力呆板的感觉。
20.你应该知道你创作的标志绝不是完美的。
21.对于追求精明的行业采用锋利的线条,追求缓和的行业采用缓和的线条。
22.标志必须与其表现的主题有所关联。
23.照片不能做标志。
24.你要让顾客对你的设计有惊艳的感觉。
25.不要使用超过2种字体。
26.标志(尤其是商标)中的每个元素都应该排列地井井有条。
左、中、右、上或底。
27.图标看起来浑然一体,没有拖尾元素。
28.在你构思设计标志(尤其是商标)之前要明确标志(尤其是商标)即将面对的群体。
29.强调功能胜过创新。
30.如果标志(尤其是商标)名字让人印象深刻,那么就用标志(尤其是商标)名字做标志。
31.镜像标志后依然清晰可见。
32.甚至大公司也需要小图案。
33.标志应该让所有人喜欢,而不仅仅为该商家喜欢而已。
首先,看看别人怎么做。
有助于了解当下潮流趋势,还有相关的设计守则。
最重要的是,这能给你灵感!观察各种神奇的图标作品能助你发现其中的创意闪光,当你准备画手稿时,就能产生好点子。
既然这个指南是针对iOS7的,研究苹果的做法也不失为一个好主意。
观察它的图标,无论是主屏图标(比如信息),还是app中的图标(比如时钟应用中的)。
看看苹果的iOS7设计准则,你就知道他们建议你怎么做。
着手画点什么既然你已经充分了解别人的做法,也深受启发,是时候将你的想法付诸于纸上了。
在创作过程中,手稿也是一项基本步骤,因为它让你仔细思考各个创意,使大脑快速进行头脑风暴产生新想法。
当你画了一些简单的手稿,并将它们都罗列在眼前,正确的方向立刻就显现出来。
手绘草稿最关键的一点,不求数量多,而是要多样化。
你画了上百个相同的东西一点用也没有。
如果你有三个不同概念,那就有用和深刻得多。
只要你保持手绘稿千变万化,就会有好结果。
广泛收集灵感有助于找到合适类型的图标,并确定应该朝哪个方向前进。
除此之外,看看这些各式各样的草稿,能帮你更容易找出残次品。
当你无法确定正确方向,却能肯定其中哪些不会再深入下去时,这个办法相当于管用。
绘制实际图标我可以肯定,在完成了这些手绘稿之后,你或你的团队已经有所偏好了。
无论你选出了其中具体某一个,还是几个不同方案来竞争,该把它们绘制出来了。
首先要建立你的栅格系统。
如果是创建主屏图标,那你应该遵循苹果提供的新iOS7设计准则。
这类PSD模版网上随处可见。
我的建议是尽你所能把这些不同图标都应用于栅格系统,不过先用常规做法来绘制图标。
以后再回来修改细节和做统一化处理,反正你收工前还得再做调整。
对我而言这很有效。
全部绘制完成后,回头来确保它们都吻合栅格,并具有统一的风格——比如它们采用尖角还是圆角?同时,你也希望确认这个图标是否符合整体设计的风格,图标与app搭配吗?主屏图标能体现app的设计吗?修饰图标对于iOS7风格图标设计,我有几句话说。
011年9月16日 让图标留下深刻印象的七大规律在通往图标设计的道路上,有一些指导方针和设计原则值得学习研究。
如果你想创造出令人印象深刻的图标设计,那么你需要对以下问题做整体分析:受众,大小,简单,明快,透视和风格。
这篇文章给要准备做图标设计的你一个很好的引导,十分贴近你的设计。
第一条——全面了解图标设计图标属于平面设计。
这些图标无论是为桌面应用软件设计还是为网站设计,图标是整个平面设计元素中的一员,必须跟其他元素协调工作。
同样一套图标也是需要协调一致的。
图标会因为个别特别漂亮而突出,但是这并不具有任何意义。
评价整个图标设计好坏需要看你在整个平面系统里如何应用的。
一定要确保每个图标跟它所在的环境的图标都不一样,同时它们又能很好的构成一套风格。
一篇名为《图标设计语言》的文章中【作者Yegor Gilyov 站点Turbo Milk 】写道:“如果你需要画几个图标,你需要整体考虑这个站点所有图标,然后再开始使用软件绘制。
”这是这篇文章着重提到一点。
文章继续解释如何制定计划去使整个站点的图标,而不至于到最后发生重新设计而浪费许多时间。
第二条——为你的受众着想如果你为一个小公司的内网做设计,或者你为国际化销售的软件产品做设计,你将要考虑多方面的因素。
图标设计的文化背景非常需要。
一些象征符号与普遍公认的元素会有差异,你需要为你的设计考虑删减。
Turbo Milk 的另外一篇有影响力的文章《图标设计的十大误区》,里面指出很多设计图标时的误区。
他们讨论了国家性和社会性等几个方面。
“把使用环境考虑进去在做设计的时候非常有必要。
重要方面是国家特征,文化传统,环境和手势,需要每个国家每个地区的去区,分化解不同。
”他们举了一个例子是如何处理这种差异的。
苹果公司采用了范例在他的人机界面设计规范里。
所以,以一个地域的文化设计一个国际化的邮箱图标是十分糟糕的思路。
他们指出苹果的邮箱图标以邮票为识别元素是更多文化的普遍认识。
ios ui 设计标准
iOS UI设计标准是苹果公司制定的一套界面设计规范,旨在确保iOS应用程序在不同设备上保持一致的外观和用户体验。
遵循iOS UI设计标准有助于开发人员提供更好的用户体验,提高应用的质量和可用性。
一、视觉设计:
1. 图标设计:iOS应用的图标应该是简洁、清晰,并且易于识别。
图标的设计风格应与应用的整体风格保持一致。
2. 配色方案:iOS设计标准推荐使用Apple提供的系统颜色和调色板,保持一致的色彩风格可以提升用户体验。
3. 字体选择:苹果推荐在iOS应用中使用San Francisco字体,这是一种专为iOS设备设计的字体,具有良好的可读性和清晰度。
二、布局设计:
1. 响应式布局:iOS应用的界面应该能够适应不同尺寸的设备屏幕,确保在各种设备上都有良好的显示效果。
2. 导航设计:iOS应用的导航应该简单清晰,用户能够轻松找到所需的功能和页面。
3. 按钮设计:按钮的大小、样式和位置应该符合iOS设计标准,保证用户能够轻松点击。
三、交互设计:
1. 手势操作:iOS应用应该支持常用的手势操作,例如轻扫、点击、双击等,以提高用户的交互体验。
2. 动画效果:适度的动画效果可以增强用户体验,但应该避免过度的动画效果,影响用户的操作效率。
3. 反馈机制:iOS应用应该给用户提供及时的反馈,例如按钮按下时的变化效果、弹出的提示信息等。
总的来说,遵循iOS UI设计标准能够帮助开发人员设计出更加优秀的应用,
提高用户的满意度和忠诚度。
设计师和开发人员应该不断学习和了解最新的iOS
设计趋势,保持应用的设计与时俱进,以满足用户的需求和期望。
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),用户很容易与内容和功能互动通过布局让用户知道:哪些东西最重要,可以做什么,内容之间的关联位置:将重要的内容和功能放在更显著的位置,使用户的注意力更好地聚焦通过布局让用户知道:哪些东西最重要,可以做什么,内容之间的关联关系:利用视觉表现的权重和平衡,展示元素之间的重要程度通过布局让用户知道:哪些东西最重要,可以做什么,内容之间的关联•使用对齐、缩进、分组等层次语言,帮助用户快速浏览内容;•确保主要内容在默认尺寸下可以被阅读和理解;•保持元素统一的表现形式谈话主题和引导/ 导航总体上讲,导航可以分为三种类型:树形结构扁平结构由内容或体验所驱动的结构无论哪种类型,要确保路径符合逻辑、可以预知、容易跟随。
让人们与建筑产生空间共鸣。
与之相似的是在产品界面的设计中,随着功能和界面数量级的不断增加,用户是否能理解自己 在iOS 7 beta版本发布后,我们就开始对新版本进行解构和研究。
作为全世界最受关注的操作系统平台,iOS 7对未来产品设计的影响是不言而喻的,因此这样的研究学习对于产品设计而言是不无裨益的。
在动态设计方面,我(eico创意总监张卷益)与动态设计师白烨飞对已经发布的多个beta版本进行了分解和模拟。
今天可以看到由beta版到正式发布的产品中,一种新的动态设计思维被加入到iOS 7的平台,其中主要包括两个方面:其一为以操作焦点为中心的动态切换,其二是以“Parallax”结构为基础的空间速率变化。
操作焦点为中心在iOS 7的桌面系统及自带应用中,正式采用了被称为集合视图转换(UI Collection View Transition Layout)的界面切换效果。
此前iOS系统中不同层级间的界面切换,几乎都是通过单一推箱子式进行的。
而在iOS 7中的集合视图转换,大都采用了这种以用户操作焦点为中心的运动方式,其特点为:集合视图界面的运动基准点或线,不再单一为过去的屏幕中心或边缘,而是将用户的操作点或轴,作为界面切换运动的基准点或线。
运动路径也从过去固定路径的运动,转变为根据操作点和轴进行移动的动态模式。
其意义在于进一步将用户的操作与界面切换过渡动态进行衔接,引导用户在不同界面的切换过程中移动视觉焦点。
而在过去的大多数界面切换动态中,用户不得不在每次界面切换完成后,再重新定位自己的视觉焦点。
首先可以看到,在桌面层级中,无论是点击某个图标打开APP的启动动态,还是打开APP文件夹的展开效果,都是以用户的操作点为放大中心进行的。
然而每个区域点击后的效果速率也是不同的,并且这样的速率规则贯穿于所有的同类动态中,后文中会进行详解。
同样的规则也体现在iOS 7的其他自带应用中。
在全新设计过的日历中,由年视图到月视图的切换动态,以用户所点击的具体日期为中心进行动态放大切换,由月视图到日视图的过程,则是以所点击的日期所在行,进行Y轴的纵向提升。
尽量采用专门为触摸和手势设计的界面元素,这样可以使应用程序的交互更加轻松自然。
3、命中目标
设计可触控的控件的时候,尺寸不得小于44x44px,只有这样才能确保触摸的精度和命中率。
4、字体尺寸
文本中的文字尺寸不得小于11点,这样才能确保在常规距离下,无需缩放就可以清晰地阅读。
5、对比度控制
尽量确保文字色彩对比更明显,并且调整文字与背景的对比提高可读性。
6、间距调整
不要让文字出现重叠的状况。
适当地增加行高和行间距,提高文字的易读性。
7、高分辨率
为所有图片资源提供高分辨率的版本(@2x)。
那些未曾@2x的图像在Retina屏幕上会出现模糊的状况。
8、防止拉伸
始终控制好图片的高宽比,可以缩放,但是一定要避免拉伸,这样可以避免失真。
9、信息架构
创建易于阅读易于调整的布局,确保界面内容的可调整性。
10、保持对齐。
设计师疯狂吐槽iOS7图标苹果iOS7设计彻底改变颠覆了以往拟真设计而转向“扁平化”,有果粉认为新设计棒极了,充满小清新风格,但同时也引来一批讨伐之声,以下便是设计师对新风格的恐要。
iOS7图表吐槽“它看起来傻极了”,当我第一次看到iOS7的图标设计时,我被吓了一跳,作为一个简易爱好斯特默,我一直在期待乔纳森·艾维的杰作,但是新的设计就像是把设计初稿不加一样就拿来用重写糟糕。
下来我们来细致的看顺便iOS7的设计:颜色选择贫瘠颜色选择贫瘠坦白讲,苹果系列产品的软硬件一直存在这个问题,相比之下硬件稍踏实,因为占了很大面积的金属灰色在不同环境下不同阴影下显示不同的色彩。
但是在软件中,这一块灰色始终橘黄色就是那块灰色。
但是软件就各有不同了,比如新发行的iOS7,计算器图标颜色设计简直就像或者从WindowsMetro搬过来的!看看设计师JackieAnh的设计方案,稍微调整橙色,有点微妙的梯度,放弃沉闷的灰色,图标看起来好多了!另一方面,你的一些嵌入式例如电话、FaceTime还有信息等等用了一个较低对比度的颜色。
这让我想起了我高中美术老师教我的“直观的颜色”,也就是说,直接涂上去,不动脑子。
就像你不想用纯黑色一样,你也不至于永远不会想要用这些所谓“直观的颜色”,这些颜色显得颇为的廉价。
图标对比着眼时尚界,有相当长的一段时间你能够看到成立很多多彩嬉皮士们穿着霓虹灯般大美的衣服,但是,他们早就过时了,也没有人能够认为这还是所谓时尚。
拟物化处理太弱联系人的图标简直就行了就要人无语,首先,这颜色搭配简直就让人瞧无法忍受。
又是死板的灰色。
但是更大的风险问题在于,这个图标仍旧是老久的笔记本拟物化设计。
新iOS应该拯救用户体验于老旧和复杂。
它也的确做到了,但除了在姚学甲屏幕上。
我就想吐槽啊,有谁还在过去的10年内看到这样的电话本啊?我试着去想一些比较有趣的联系人应用图标设计,但是我失败了。
之后我突然意识到,我从来没有用过这个客户端应用程序,在多年前他就被我装进一个命名为“垃圾”的文件夹里了。
(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推荐多读一点现代设计、建筑、字体类的书籍,不断追求完美。
来源:优设网。
人人都是产品经理()中国最大最活跃的产品经理学习、交流、分享平台。