”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 极简设计初学者指南

极简设计初学者指南

发布于2024-11-03
浏览:154

A Beginner’s Guide to Minimalist Design

我一直是干净和简单的倡导者——这是我的思维最清晰的方式。然而,就像生活中的大多数任务一样,不同的工作有不同的工具,设计也是如此。在这篇文章中,我将分享我发现的极简设计实践,这些实践有助于创建干净简单的网站、模板和图形——在有限的空间内传达必要的内容。

简单可能比复杂更难:你必须努力让你的思维清晰,使其变得简单。但最终这是值得的,因为一旦你到达那里,你就可以移山。 〜史蒂夫·乔布斯

什么是极简设计?

极简设计是指将一个项目减少到其必要的元素,传达简单的信息。这是一种席卷设计界的趋势,因为它强调对空间、简洁和干净的版式的关注,这让设计师和观众耳目一新。您可能会注意到,极简主义应用于许多不同形式的设计,包括建筑、绘画以及其他艺术设计。这里讨论的主要焦点是与图形设计的关系。

极简设计的要素

就像建筑物的建造一样,有一些重要的元素可以决定极简主义的成败。在这里,我概述了这些设计元素的一些常用方法。

对比

在元素之间创建强烈的对比。黑色、白色和灰色是最常见的选择,因为它们在元素之间创造了最大的自然区别。对比度还与字体大小有关——标题、副标题和内容。重点是创造一种自然元素区分的设计。

空间

留出足够的空间,以便每个元素都能“呼吸”。设计的每个元素都应该有足够的空间来独立存在,而不必在别人的邻居中露营。

组织

在开始之前考虑你的设计——不要因为缺乏知识或理解而牺牲你的设计。网上有很多专家可以参考。保持组织性的最佳方法之一是使用网格来包含每个页面元素。对于网页设计和文档设计(包括电子邮件)来说也是如此。桌子是你的朋友。如果要使用边框,请使用细线。另一种选择是填充表格单元格并为其着色,然后使用与背景匹配的表格边框。这允许网格通过简单的颜色变化来收缩页面的其余部分。

颜色

使用颜色的方式非常重要。给人第一印象需要七秒钟。虽然所有元素都很重要,但在我看来,颜色是给人留下网站印象的第一个元素。如前所述,极简设计的关键在于对比。通过颜色创建这种对比的一个好方法是开发一个具有稍微对比的浅色或深色色调的背景,然后找到一种特殊的颜色在页面上“流行”。通过创建浅色或深色背景,您将确保页面上的图像“流行”。这将为观看者做一些事情 - 让他们的眼睛休息,向他们展示立即关注的地方,我真的觉得你的网站或文档的干净外观也将有助于提高作者的可信度。

视觉效果

视觉应占主导地位并遵循对比原则。主导意味着你应该谨慎使用视觉效果——只在需要的地方引起注意。视觉效果不仅限于图像或图形,还可以是突出的文本框或具有突出颜色和大小的字体。

版式

我喜欢排版,并且努力保持这个元素的描述简短。字体在创建简洁且易于理解的设计中发挥着重要作用。我真的很痴迷于排版,并且花了很多小时(总共几个月)的时间来研究排版。选择简约字体时,寻找线条简洁、笔划简单的字体。大多数简约设计都使用无衬线字体。我建议您使用 1-2 种(极少数情况下使用 3 种)不同的字体 - 选择一种用于标题,另一种用于正文。对于正文排版,请寻找具有干净线宽的字体。对于标题,寻找稍微花哨但不太奇怪的字体。

版本声明 本文转载于:https://dev.to/andrewcknight/a-beginners-guide-to-minimalist-design-50mc?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • TypeScript 冒险与类型挑战 – Day Pick
    TypeScript 冒险与类型挑战 – Day Pick
    大家好。 我正在解决类型挑战,以更深入地研究 TypeScript。 今天,我想分享一下我对Pick的了解。 - 挑战 - interface Todo { title: string description: string completed: boolean } ty...
    编程 发布于2024-11-03
  • 如何扩展 JavaScript 中的内置错误对象?
    如何扩展 JavaScript 中的内置错误对象?
    扩展 JavaScript 中的 Error要扩展 JavaScript 中的内置 Error 对象,您可以使用 extends 关键字定义 Error 的子类。这允许您使用附加属性或方法创建自定义错误。在 ES6 中,您可以定义自定义错误类,如下所示:class MyError extends E...
    编程 发布于2024-11-03
  • 将测试集中在域上。 PHPUnit 示例
    将测试集中在域上。 PHPUnit 示例
    介绍 很多时候,开发人员尝试测试 100%(或几乎 100%)的代码。显然,这是每个团队应该为他们的项目达到的目标,但从我的角度来看,只应该完全测试整个代码的一部分:您的域。 域基本上是代码中定义项目实际功能的部分。例如,当您将实体持久保存到数据库时,您的域不负责将其持久保存在数据...
    编程 发布于2024-11-03
  • 如何使用 SQL 搜索列中的多个值?
    如何使用 SQL 搜索列中的多个值?
    使用 SQL 在列中搜索多个值构建搜索机制时,通常需要在同一列中搜索多个值场地。例如,假设您有一个搜索字符串,例如“Sony TV with FullHD support”,并且想要使用该字符串查询数据库,将其分解为单个单词。通过利用 IN 或 LIKE 运算符,您可以实现此功能。使用 IN 运算符...
    编程 发布于2024-11-03
  • 如何安全地从 Windows 注册表读取值:分步指南
    如何安全地从 Windows 注册表读取值:分步指南
    如何安全地从 Windows 注册表读取值检测注册表项是否存在确定注册表项是否存在:LONG lRes = RegOpenKeyExW(HKEY_LOCAL_MACHINE, L"SOFTWARE\\Perl", 0, KEY_READ, &hKey); if (lRes...
    编程 发布于2024-11-03
  • Staat源码中的useBoundStoreWithEqualityFn有解释。
    Staat源码中的useBoundStoreWithEqualityFn有解释。
    在这篇文章中,我们将了解Zustand源码中useBoundStoreWithEqualityFn函数是如何使用的。 上述代码摘自https://github.com/pmndrs/zustand/blob/main/src/traditional.ts#L80 useBoundStoreWithE...
    编程 发布于2024-11-03
  • 如何使用 Go 安全地连接 SQL 查询中的字符串?
    如何使用 Go 安全地连接 SQL 查询中的字符串?
    在 Go 中的 SQL 查询中连接字符串虽然文本 SQL 查询提供了一种简单的数据库查询方法,但了解将字符串文字与值连接的正确方法至关重要以避免语法错误和类型不匹配。提供的查询语法:query := `SELECT column_name FROM table_name WHERE ...
    编程 发布于2024-11-03
  • 如何在 Python 中以编程方式从 Windows 剪贴板检索文本?
    如何在 Python 中以编程方式从 Windows 剪贴板检索文本?
    以编程方式访问 Windows 剪贴板以在 Python 中进行文本检索Windows 剪贴板充当数据的临时存储,从而实现跨应用程序的无缝数据共享。本文探讨如何使用 Python 从 Windows 剪贴板检索文本数据。使用 win32clipboard 模块要从 Python 访问剪贴板,我们可以...
    编程 发布于2024-11-03
  • 使用 MySQL 存储过程时如何访问 PHP 中的 OUT 参数?
    使用 MySQL 存储过程时如何访问 PHP 中的 OUT 参数?
    使用 MySQL 存储过程访问 PHP 中的 OUT 参数使用 PHP 在 MySQL 中处理存储过程时,获取由于文档有限,“OUT”参数可能是一个挑战。然而,这个过程可以通过利用 mysqli PHP API 来实现。使用 mysqli考虑一个名为“myproc”的存储过程,带有一个 IN 参数(...
    编程 发布于2024-11-03
  • 在 Kotlin 中处理 null + null:会发生什么?
    在 Kotlin 中处理 null + null:会发生什么?
    在 Kotlin 中处理 null null:会发生什么? 在 Kotlin 中进行开发时,您一定会遇到涉及 null 值的场景。 Kotlin 的 null 安全方法众所周知,但是当您尝试添加 null null 时会发生什么?让我们来探讨一下这个看似简单却发人深省的情况! ...
    编程 发布于2024-11-03
  • Python 字符串文字中“r”前缀的含义是什么?
    Python 字符串文字中“r”前缀的含义是什么?
    揭示“r”前缀在字符串文字中的作用在Python中创建字符串文字时,你可能遇到过神秘的“r” ” 前缀。此前缀具有特定的含义,可能会影响字符串的解释,尤其是在处理正则表达式时。“r”前缀表示该字符串应被视为“原始”字符串。这意味着Python将忽略字符串中的所有转义序列,从而允许您按字面意思表示字符...
    编程 发布于2024-11-03
  • 如何解决旧版 Google Chrome 的 Selenium Python 中的“无法找到 Chrome 二进制文件”错误?
    如何解决旧版 Google Chrome 的 Selenium Python 中的“无法找到 Chrome 二进制文件”错误?
    在旧版 Google Chrome 中无法使用 Selenium Python 查找 Chrome 二进制错误在旧版 Google Chrome 中使用 Python 中的 Selenium 时,您可能会遇到以下错误:WebDriverException: unknown error: cannot...
    编程 发布于2024-11-03
  • `.git-blame-ignore-revs` 忽略批量格式更改。
    `.git-blame-ignore-revs` 忽略批量格式更改。
    .git-blame-ignore-revs 是 2.23 版本中引入的一项 Git 功能,允许您忽略 git Blame 结果中的特定提交。这对于在不改变代码实际功能的情况下更改大量行的批量提交特别有用,例如格式更改、重命名或在代码库中应用编码标准。通过忽略这些非功能性更改,gitblame 可以...
    编程 发布于2024-11-03
  • 掌握函数参数:JavaScript 中的少即是多
    掌握函数参数:JavaScript 中的少即是多
    嘿,开发者们! ?今天,让我们深入探讨编写干净、可维护的 JavaScript 的一个关键方面:管理函数参数 太多参数的问题 你遇到过这样的函数吗? function createMenu(title, body, buttonText, cancellable, theme, fo...
    编程 发布于2024-11-03
  • 如何使用 FastAPI WebSockets 维护 Jinja2 模板中的实时评论列表?
    如何使用 FastAPI WebSockets 维护 Jinja2 模板中的实时评论列表?
    使用 FastAPI WebSockets 更新 Jinja2 模板中的项目列表在评论系统中,维护最新的评论列表至关重要提供无缝的用户体验。当添加新评论时,它应该反映在模板中,而不需要手动重新加载。在Jinja2中,更新评论列表通常是通过API调用来实现的。然而,这种方法可能会引入延迟并损害用户界面...
    编程 发布于2024-11-03

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3