公务员体检找人代替会被发现吗成功率如何？
一直都听闻这边的体检十分严格，这回我可算是亲身经历了一番！ 清晨七点半准时集合，从那之后就有护士全程陪同引导。体检单还启用了人脸识别系统，大家挨个进行检查，一...
2025-03-04
来自苹果、谷歌和星巴克等知名公司的 10 个数字风格指南
如果您想知道 Apple 的设计师在构建 iOS 时如何定义 iOS 中的每一个小元素，那么您来对地方了。
随着技术的不断发展，网页设计继续变得更加正式。Web 设计人员和开发人员需要创建可以从 PC 无缝转换到移动设备的代码，使网站导航易于理解，并创新其他网站功能——这些都是公司在数字风格指南中标准化的元素。
数字风格指南对于品牌在网络上的整体形象和记忆力变得更加有用，因为它们为公司网络展示设定了期望和标准。它们对于需要提供一流用户体验的网站和产品尤其重要。
在这篇文章中，我们将深入探讨数字风格指南的详细内容，并向您展示一些来自知名公司的出色示例。
什么是网页设计风格指南？
网页设计风格指南（也称为数字风格指南）是品牌收集和存储其网站的所有设计元素和规则的资源。它由图形元素、排版、配色方案和一般格式组成，供开发人员参考和遵循以进行有凝聚力的网站组合。
这种类型的风格指南将被视为为公司的数字存在设定设计标准的手册。其主要目的是为品牌创建通用设计风格，并确保所有渠道和媒体的一致性，您可以在其中建立徽标、调色板、排版、图像指南等。
与包含公司徽标、使命宣言、买家角色和语气的品牌风格指南不同，网页设计风格指南以数字呈现为中心，如UX / UI。
但是，作为一名用户体验设计师，我一直很好奇，你能在苹果、谷歌和星巴克等有影响力的公司的数字风格指南中找到什么？
信不信由你，很多公司都公开了这些信息——他们只是不容易找到。所以，每次我偶然发现一个，我都会把它加入书签。这是迄今为止我发现的一些最好的。
真棒数字风格指南的例子
1.苹果iOS
Apple 的风格指南特别有趣，因为它详细说明了如何设计整个操作系统。Monterey 是 Apple OS X 的最新版本之一，其用户界面比其前身 Yosemite 更加简化。苹果通过非常漂亮的图形比较展示了这种微妙而明显的区别，然后继续讨论操作系统设计每个方面背后的基本原理。它为您提供了了解设计师思想的窗口。
2.谷歌：材料设计
谷歌开创了一种名为 Material Design 的设计风格，它是 Skeuomorphic Design（渐变、纹理、轻元素）和 Flat Design（简单、多彩、几何）之间的混合体。在这样做的过程中，他们结合了与每种设计风格相关的好处，在规避弊端的同时。
因为谷歌已经实践 Material Design 几年了，你可能已经每天都在与它进行交互——谷歌日历应用程序，有人吗？本样式指南详细说明了 Material Design 是什么以及 Google 如何使用它。我不得不说，到目前为止，它是我遇到过的最好的风格指南之一。
3.星巴克
这是我见过的最简约的风格指南之一——然而，它包含了大量有用的信息。它非常强调代码，你可以看出它是由开发人员为开发人员构建的。它缺乏与品牌相关的元素，因此它在网站样式指南和代码库之间徘徊。
4.阿特拉斯
Atlassian 为其设计的产品套件非常庞大——因此，自然而然，他们拥有庞大的风格指南。从基础元素（如调色板和排版）到组件（如表格和工具提示）再到成熟的模式库，本指南几乎包含您对这种尺寸产品的所有期望。
也许最重要的是，整个风格指南背后的基本原理在主页上用三个看似简单的术语进行了总结。
5. Mozilla
这个数字风格指南主要关注品牌和传播。但是随着 Mozilla 最近采用“隐私和开放网络”的方法，很高兴看到他们如何在设计中反映这一点。
Mozilla 的主页还很好地概述了它的 UX/UI 应该如何被视觉障碍或残疾的人访问——随着技术变得更具创新性，这是具有包容性和必要性的。
6.缓冲
Buffer 的风格指南小而简洁，从网格到模态都集中在一个地方。这是一个友好的提醒，如果你的数字风格指南传达了所有正确的观点，它就不必华而不实。寻找起点的公司可以从 Buffer 的简单样式指南组件中记下笔记，并从那里构建自己的。
7.叫喊
如果您正在寻找网站样式指南的可靠示例，Yelp 已经涵盖了这一点。它不仅详尽，而且将其原子设计系统解释为一本食谱，并将站点元素划分为有助于菜肴的成分。
这一切都有：排版、布局、表单、容器、导航和每个部分的代码片段。他们很好地解释了每个元素是什么，应该在哪里使用它，以及应该如何实现它。
8. GOV.UK
英格兰的政府服务网站被广泛认为是高质量用户体验的典范。为什么？因为它拥有一个简单易用的设计，可以容纳大量的信息。
如果您对真正干净有效的设计的组成部分感兴趣（提示：它通常从强烈的色彩使用、排版和间距开始），那么 GOV.UK 的风格指南值得仔细研究。就像网站一样，它非常简单但信息量很大。
9. DeviantArt
新的 DeviantArt 风格指南是独一无二的，因为它不仅仅是一个指南——它是一种体验。它讲述了一个故事，并利用大胆的全幅视觉效果让用户沉浸在 DeviantArt 品牌的情感体验中。话虽如此，它严格来说是一个品牌风格指南，所以只涵盖了颜色和排版等项目。
10. Disqus
颜色、图标、排版和徽标... Disqus 通过本指南使其简短而甜美。但这一切都以一种非常好的、有组织的方式呈现。在创建自己的风格指南时，本指南可以用作“从哪里开始”的一个很好的例子，因为它触及了所有的基础。
有灵感制作自己的指南吗？
现在轮到你了。通过利用公司中的数字风格指南，您可以将品牌的设计语言传达给内部设计师、代理商、广告合作伙伴甚至客户。
从基本的基础元素（颜色、排版、徽标、图像）开始，添加一些使用指南（“做与不做”），甚至在需要时加入一些 Web 组件（模块、模板、代码片段。使用示例从其他公司向最优秀的公司学习。您的团队将很快推出一致的设计。
扫一扫关注我们
版权声明：本文内容由互联网用户自发贡献，本站不拥有所有权，不承担相关法律责任。如果发现本站有涉嫌抄袭的内容，欢迎发送邮件至 78616260@qq.com举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。
相关文章
-
-
有桥本还可以考公考编吗？
很多考生（尤其女生）很疑惑，为什么公务员事业编体检会卡桥本，这根本不影响工作，而且标准有没有明确桥本不行，但是每年还是有很多考生因此被刷了。所以，提前最好去医院...
2025-02-24
-
2025 年的电子商务趋势
电子商务格局正在以前所未有的速度发展。从突破性技术到不断变化的消费者行为，企业必须领先于这些趋势才能保持竞争力。在本文中，我们将探讨 2025 年的电子商务趋势...
2025-02-06
-
如何在 AI 概述中排名——遵循 11 个技巧
Google AI 概览是一项新的 SERP 功能，可改善用户体验，同时允许可靠的来源出现在搜索结果的最顶部。他们代表了搜索的新发展，也代表了品牌的机遇。在本指...
2025-02-06
-
一个网站需要多少页？您网站的基本指南
在构建网站时，经常会出现“网站需要多少页”的问题。该数量取决于您的业务类型、目标和目标受众。通常，小型企业网站可能有大约 5-10 个页面，而电子商务网站可能需...
2025-02-06
-
适应 Google 算法更新的 8 个技巧
Google 一直在微调其搜索算法，改变了 SEO 游戏的规则。要进入第一页并保持在第一页上，您必须跟上所有相关的变化。更重要的是，您应该建立一个能够适应此类变...
2025-02-06
热评文章
中文财经网
初中生怎样做好学习安排？
如何让自己变得更加优秀
单日新增新冠感染者超百例 安徽怀远发出多份省外协查函
红杉中国再减持美团：持股降至近3%，两年套现已超百亿
让AI更聪明 京东推出最懂产业的AI应用平台言犀2.