ios设计规范？

一、ios设计规范？

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。

iOS设计规范系列共10篇。本文是第8篇，介绍图标和图像（Icons and Images)。

一、图片尺寸和分辨率(Image Size and Resolution)

iOS屏幕上放置内容的坐标系统，是基于以点为单位的测量值，该测量值是映射到显示器的像素。

标准分辨率显示器的像素密度为1:1（或@1X），其中一个像素等于一个点。高分辨率显示屏具有更高的像素密度，提供2.0或3.0的比例因子（称为@2x和@3x）。因此，高分辨率显示需要更多像素的图像。

例如：假设你有一个100px×100px的标准分辨率（@ 1x）图像。该图像的@ 2x版本为200px×200px，@ 3x版本为300px×300px。为所有支持的设备，提供所有图标/图片的高分辨率图像。

根据设备的不同，你可以将每个图片中的像素数乘以特定的比例因子来实现这个目的。

设计高分辨率作品

1）使用8像素 x 8像素的网格。

网格可以使线条保持清晰，并确保所有尺寸的内容都尽可能清晰，减少修饰和锐化。将图像边界对齐到网格以最小化缩小时可能出现的半像素和模糊细节。

2）以适当的格式制作图稿。

通常，对位图/栅格图稿使用逐行扫描的PNG文件。

PNG支持透明性，并且由于它是无损的，因此压缩伪像不会模糊重要的细节或更改颜色。对于需要诸如阴影，纹理和高光之类的效果的复杂艺术品，这是一个不错的选择。

对照片使用JPEG。它的压缩算法通常会产生比无损格式小的尺寸，并且伪像很难在照片中辨别。但是，逼真的应用程序图标看起来最好是PNG。将PDF用于需要高分辨率缩放的字形和其他平面矢量插图。

3）将8位调色板用于不需要全24位颜色的PNG图形。

使用8位调色板可以减小文件大小，而不会降低图像质量。此调色板不适用于照片。

4）优化JPEG文件以在大小和质量之间找到平衡。

可以压缩大多数JPEG文件，而不会明显降低所得图像的质量。即使少量压缩也可以节省大量磁盘空间。在每张图像上进行压缩设置实验，以找到可以接受的最佳值。

5）提供图像和图标的替代文本标签。

替代文本标签在屏幕上不可见，但是它们使VoiceOver能够以听觉方式描述屏幕上的内容，从而使视力障碍者的导航更加轻松。

二、应用图标（App Icon）

每个应用程序都需要一个美丽而令人难忘的图标，该图标在App Store中引起人们的注意，并在主屏幕上脱颖而出。您的图标是交流您的应用目的的第一时间。它也出现在整个系统中，例如在“设置”和“搜索结果”中。

1）拥抱简单。

找到一个可以捕捉应用程序本质的元素，并以简单、独特的形状表达该元素。谨慎添加详细信息。如果图标的内容或形状过于复杂，则可能难以分辨细节，尤其是在较小尺寸的情况下。

2）提供一个焦点。

设计带有单个中心点的图标，该图标可以立即引起注意并清楚地标识您的应用程序。

3）设计一个可识别的图标。

人们不必分析图标就可以看出它所代表的含义。例如，“邮件”应用程序图标使用一个信封，该信封通常与邮件相关联。花时间设计一个美观且引人入胜的抽象图标，以艺术方式代表您的应用程序的目的。

4）保持背景简单，避免透明。

确保您的图标不透明，并且不要弄乱背景。给它一个简单的背景，以免影响附近的其他应用程序图标。您无需在整个图标中填充内容。

5）仅在必不可少的徽标或徽标的一部分时使用单词。

应用程序的名称显示在主屏幕上其图标下方。请勿使用不必要的词来重复名称或告诉别人如何处理您的应用，例如“观看”或“播放”。如果您的设计包含任何文本，请强调与应用程序提供的实际内容相关的词。

6）不要包含照片，屏幕截图或界面元素。

小尺寸的照片细节可能很难看清。屏幕截图对于应用程序图标而言过于复杂，通常无法帮助传达应用程序的用途。图标中的界面元素具有误导性和混乱性。

7）不要使用Apple硬件产品的副本。

Apple产品受版权保护，不能在您的图标或图像中复制。通常，避免显示设备的副本，因为硬件设计会经常更改，并且会使图标显得过时。

8）不要在整个界面中放置您的应用程序图标。

在整个应用程序中看到用于不同目的的图标可能会造成混淆。相反，请考虑合并图标的配色方案。参见颜色。

9）针对不同的墙纸测试您的图标。

您无法预测人们会为他们的主屏幕选择哪些壁纸，因此，不要仅仅针对浅色或深色测试您的应用。查看不同照片的外观。在具有动态背景的实际设备上尝试使用该设备，该动态背景会随着设备的移动而改变视角。

10）保持图标四角方形。

系统应用一个自动将图标角变圆的蒙版。

1. 应用程序图标属性

所有应用程序图标都应符合以下规范：

2. 应用程序图标大小

一旦安装了应用程序，每个应用程序都必须提供小图标以供在主屏幕和整个系统中使用，以及一个大图标以在App Store中显示。

为不同的设备提供不同大小的图标。确保您的应用图标在您支持的所有设备上看起来都不错。让App Store图标与小图标相匹配。尽管App Store图标的使用方式不同于小型图标，但它仍然是您的应用程序图标。它通常应与较小版本的外观匹配，尽管由于没有视觉效果应用于它，因此它可以更丰富、更细致。

3. Spotlight搜索、设置和通知图标

每个APP还应提供一个小图标，当APP名称与Spotlight搜索中的关键词匹配时，iOS可以显示该图标。

此外，提供可以显示在系统内置的“设置”APP中的小图标，支持通知功能的APP也应提供一个小图标以显示在通知中。确保所有图标都能清楚地识别出你的APP，理想情况下，它们都应与你的APP图标相匹配。

如果你不提供这些图标，iOS可能会缩小你的主应用程序图标显示在这些位置上。

不要在“设置”图标上添加叠加层或边框。iOS会自动为所有图标添加1像素描边，以便它们在“设置”的白色背景上看起来更友好。

4. 用户可选的应用程序图标

对于某些APP来说，定制是一项能够唤起用户共鸣并增强用户体验的功能。如果它能在你的APP中提供价值，你可以从APP中嵌入的一组预定义图标让用户来选择一个作为备用应用图标。

例如：一个体育APP可能为不同的球队提供图标，或者一个有明暗模式的APP可能会提供相应的明暗图标。

请注意，APP图标只能根据用户的请求进行更改，并且系统始终会向用户提供此类更改的确认。

提供所有尺寸并且视觉上一致的备用图标。与主应用程序图标一样，每个备用图标都作为一组大小不同的相关图像提供。当用户选择备用图标时，该图标的相应大小将替换主屏幕、Spotlight和系统等其他位置的图标。

为了确保备用图标在整个系统中统一显示，避免让用户在主屏幕上看到一个版本的图标，又在设置中的看到完全不同的版本的图标，例如：提供与主应用程序图标相同尺寸的图标（App Store图标除外）。

三、系统图标（System Icons）iOS12及更早版本

在iOS 13或更高版本中，更习惯使用SF符号来表示APP中的任务和模式。当你的APP在iOS 12或更早版本中运行时，请按照以下指南操作。系统提供内置图标，表示各种用例中的常见任务和内容类型。

在运行iOS12及更早版本的APP中，尽可能使用这些内置图标是个好办法，因为它们对用户来说已经很熟悉了。

按预期使用系统图标。每个系统提供的图像都有特定的、通用的含义。为了避免混淆用户，每个图像必须按照其含义和推荐的用法使用。为图标提供文本标签。备选文字标签在屏幕上不可见，但它们让解说者可以直观地描述屏幕上的内容，使视力障碍人士更容易导航。如果在系统提供的图标里找不到符合你要求的图标，请设计自定义图标。设计自己的设备比滥用系统提供的图标要好。

1. 导航栏和工具栏图标

在导航栏和工具栏中使用以下图标。

注：可以使用文本代替图标来表示导航栏或工具栏中的项目。例如：日历在工具栏中使用“今日”、“日历”和“收件箱”。

还可以使用固定空间元素在导航图标和工具栏图标之间提供填充。

2. 标签栏图标

在标签栏中使用以下图标。

3. 主屏幕快速行动图标

在主屏幕快速操作菜单中使用以下图标。

二、ios ui设计规范

IOS UI设计规范及最佳实践

随着移动应用的盛行，设计界对于UI规范的要求也越来越高，尤其对于IOS UI设计来说更是如此。IOS系统以其简洁、优雅和直观的用户界面而闻名，因此，遵循IOS UI设计规范和最佳实践对于开发出优质的应用至关重要。

1. 色彩和排版

在IOS UI设计中，色彩和排版是至关重要的要素。颜色的选择应该遵循IOS系统的配色方案，以确保应用界面与系统其他应用的一致性。建议使用系统提供的调色板颜色，以保持设计的一致性。

在排版方面，要保持一致的字体选择和大小。建议使用系统默认的字体样式，以确保在不同的设备上都能获得最佳的显示效果。此外，要注意文字行间距和段落间距的设置，以提高可读性。

2. 图标和按钮

在IOS UI设计中，图标和按钮是用户与应用进行交互的主要元素之一。在选择图标时，要使用系统提供的标准图标，避免自定义图标造成用户的混淆。按钮的设计应该遵循系统的外观和行为规范，如圆角、渐变效果等。

此外，按钮的交互区域应该逻辑清晰，大小合适，避免用户点击困难。同时，按钮的状态变化应该明确显示，以提高用户体验。

3. 导航和标签栏

导航和标签栏是用户进行页面切换和导航的重要界面元素。在IOS UI设计中，导航和标签栏的设计应该与系统一致，以保持用户的熟悉度和使用习惯。

导航栏的标题应该简洁明了，突出重点，以便用户快速识别所在页面。标签栏的设计应该清晰明了，标签的选中状态应该明确显示，以提高用户的导航体验。

4. 图片和多媒体

在IOS UI设计中，图片和多媒体的使用能够增加应用的吸引力和用户体验。在选择图片时，要注意图片的分辨率和质量，以保证在高清屏幕上的显示效果。

多媒体的使用要遵循系统的播放和操作方式，如音频播放器、视频播放器等。此外，要注意多媒体的加载时间和文件大小，以提高应用的性能。

5. 手势和交互

IOS系统以其独特的手势操作而受到赞赏，如滑动、捏合、轻拍等。在IOS UI设计中，要充分利用这些手势，提供直观、自然的交互体验。

手势的使用要遵循系统的手势操作指南，确保用户能够轻松理解和掌握。同时，要合理设置手势操作的灵敏度和反馈效果，以提高用户的操作准确性。

6. 响应式布局

在不同的设备上，用户界面的布局和显示效果可能会有所不同。因此，在IOS UI设计中，要采用响应式布局的方式，以适应不同屏幕尺寸和设备方向。

响应式布局要考虑到元素的排列、大小和比例，以及文字和图片的自适应。通过合理的响应式设计，可以为用户提供良好的视觉和操作体验。

7. 测试和反馈

在完成IOS UI设计后，要进行全面的测试和评估。通过在不同设备上的实际测试，可以发现和修复潜在的问题。

同时，要对用户的反馈进行积极的收集和分析。用户的反馈可以帮助我们发现并改进设计中的不足之处，提供更好的用户体验。

结论

IOS UI设计规范和最佳实践对于开发优质的应用非常重要。通过遵循IOS系统的设计准则和最佳实践，我们可以为用户提供简洁、优雅和直观的界面体验。

在设计过程中，要注重色彩和排版、图标和按钮、导航和标签栏、图片和多媒体、手势和交互、响应式布局等方面的设计。同时，要进行全面的测试和收集用户反馈，不断改进和优化设计。

只有通过不断学习和实践，我们才能不断提升自己的IOS UI设计能力，创造出更加出色的用户界面。

三、ios设计规范有什么用？

可以看起来更美观，更简洁，更时尚大方，而且安全性更强。

四、最终幻想14UI界面如何放大缩小？

系统设置里面, 显示设置里面有个界面尺寸设置,调节基本尺寸比例,再点全部设置,

五、ui设计规范？

1.页面重点突出

页面应重点突出、主题明确，避免页面中出现与用户决策和操作无关的干扰因素，保证用户能快速理解并完成操作。

2.页面简洁清晰

界面设计应去掉可有可无的功能装饰和冗余的文字，用以减轻用户的阅读负担。

3.引导信息明确

页面引导信息应明确清楚，为用户提供必要的行动指引和提示信息。

4.功能描述一致

页面中的功能性描述应与实际操作情况一致，符合用户的心理预期，用户行为得到了肯定，会增强对产品的信任感、依赖感。

六、50054设计规范？

50054的设计规范是低压配电设计方面的国家强制标准。该标准具体编号及名称为：GB 50054-2011低压配电设计规范。

该标准的具体情况如下：

本规范适用于新建、改建和扩建工程中交流、工频1000V及以下的低压配电设计。

低压配电设计除应符合本规范外，尚应符合国家现行有关标准的规定。

七、风道设计规范？

风道设计

1.修改风道设计. 2、进行二维图设计 3、与模具厂及制造商进行协调,修改设计 4、设计规范 5 材料选择 风道总成部件常用材料

八、vue设计规范？

文件夹名称应统一格式，小写开头，见名思意，page页面下的文件夹名称统一以page结尾，例如：firstPage。其余文件夹名称统一按照项目结构目录命名规范统一命名。

九、loft设计规范？

1、要尽量具有大的空间尺度

层高尽量控制在4米以上，以保证居住的舒适度，避免产生空间的压抑感。

2、开敞的内部空间

LOFT建筑内部通常只有少量的分隔，保持其空间的完整性，只是在大的开敞性流动性的空间中加入一些小的单元元素；以保证LOFT公寓宽敞、通透和纯净的感觉。同时使原本单调的住宅充满着变化性和艺术性。

3、注意采光

loft户型，一般上层空间比下层空间光线更足一些，长条形的户型则采光更差一些。需要善加利用墙体或者镜面增加反光，落地玻璃窗也能改善房屋的采光条件。冷色调的家居及地面的白色大理石砖能让空间显得干净清爽。

4、尽量减少实体墙

loft装修尽量少出现实体墙，对loft户型来说，大量的实体墙会给人非常压抑的感觉，显得空间更加狭窄。同时影响采光和通风，视觉效果和居住体验都会大打折扣。在对loft上层空间进行装修时，可考虑用玻璃或者栏杆来替代墙体，为弥补玻璃及栏杆墙体无法满足居住着隐私保护的需求，可在二层的房间内挂上厚厚的窗帘

十、消火栓设计规范？

1．室内消火栓的设计应符合《室内消火栓》GB3445的有关规定。

2．室内消火栓SN65可与SN25一同使用。

3．消火栓水枪应符合《消防水枪》GB8181的有关规定。

4．消防水龙头应采用内衬里的消防水带，每根水带的长度不应超过25ｍ。SN25的消火栓应配置消防软管，软管内径不应小于19cm。

顶一下

(0)

0%

踩一下

(0)

0%