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

极简设计初学者指南

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

A Beginner’s Guide to Minimalist Design

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

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

什么是极简设计?

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

极简设计的要素

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

对比

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

空间

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

组织

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

颜色

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

视觉效果

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

版式

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

版本声明 本文转载于:https://dev.to/andrewcknight/a-beginners-guide-to-minimalist-design-50mc?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何使用Regex在PHP中有效地提取括号内的文本
    如何使用Regex在PHP中有效地提取括号内的文本
    php:在括号内提取文本在处理括号内的文本时,找到最有效的解决方案是必不可少的。一种方法是利用PHP的字符串操作函数,如下所示: 作为替代 $ text ='忽略除此之外的一切(text)'; preg_match('#((。 &&& [Regex使用模式来搜索特...
    编程 发布于2025-04-03
  • 如何使用PHP将斑点(图像)正确插入MySQL?
    如何使用PHP将斑点(图像)正确插入MySQL?
    essue VALUES('$this->image_id','file_get_contents($tmp_image)')";This code builds a string in PHP, but the function call ...
    编程 发布于2025-04-03
  • 如何干净地删除匿名JavaScript事件处理程序?
    如何干净地删除匿名JavaScript事件处理程序?
    删除匿名事件侦听器将匿名事件侦听器添加到元素中会提供灵活性和简单性,但是当要删除它们时,可以构成挑战,而无需替换元素本身就可以替换一个问题。 element? element.addeventlistener(event,function(){/在这里工作/},false); 要解决此问题,请考虑...
    编程 发布于2025-04-03
  • 如何简化PHP中的JSON解析以获取多维阵列?
    如何简化PHP中的JSON解析以获取多维阵列?
    php 试图在PHP中解析JSON数据的JSON可能具有挑战性,尤其是在处理多维数组时。 To simplify the process, it's recommended to parse the JSON as an array rather than an object.To do...
    编程 发布于2025-04-03
  • 版本5.6.5之前,使用current_timestamp与时间戳列的current_timestamp与时间戳列有什么限制?
    版本5.6.5之前,使用current_timestamp与时间戳列的current_timestamp与时间戳列有什么限制?
    在时间戳列上使用current_timestamp或MySQL版本中的current_timestamp或在5.6.5 此限制源于遗留实现的关注,这些限制需要对当前的_timestamp功能进行特定的实现。 创建表`foo`( `Productid` int(10)unsigned not n...
    编程 发布于2025-04-03
  • 如何克服PHP的功能重新定义限制?
    如何克服PHP的功能重新定义限制?
    克服PHP的函数重新定义限制在PHP中,多次定义一个相同名称的函数是一个no-no。尝试这样做,如提供的代码段所示,将导致可怕的“不能重新列出”错误。 但是,PHP工具腰带中有一个隐藏的宝石:runkit扩展。它使您能够灵活地重新定义函数。 runkit_function_renction_re...
    编程 发布于2025-04-03
  • 如何在GO编译器中自定义编译优化?
    如何在GO编译器中自定义编译优化?
    在GO编译器中自定义编译优化 GO中的默认编译过程遵循特定的优化策略。 However, users may need to adjust these optimizations for specific requirements.Optimization Control in Go Compi...
    编程 发布于2025-04-03
  • 大批
    大批
    [2 数组是对象,因此它们在JS中也具有方法。 切片(开始):在新数组中提取部分数组,而无需突变原始数组。 令ARR = ['a','b','c','d','e']; // USECASE:提取直到索引作...
    编程 发布于2025-04-03
  • 如何在Java中正确显示“ DD/MM/YYYY HH:MM:SS.SS”格式的当前日期和时间?
    如何在Java中正确显示“ DD/MM/YYYY HH:MM:SS.SS”格式的当前日期和时间?
    如何在“ dd/mm/yyyy hh:mm:mm:ss.ss”格式“ gormat 解决方案:的,请访问量很大,并应为procectiquiestate的,并在整个代码上正确格式不多: java.text.simpledateformat; 导入java.util.calendar; 导入java...
    编程 发布于2025-04-03
  • 如何使用替换指令在GO MOD中解析模块路径差异?
    如何使用替换指令在GO MOD中解析模块路径差异?
    在使用GO MOD时,在GO MOD 中克服模块路径差异时,可能会遇到冲突,其中3个Party Package将另一个PAXPANCE带有导入式套件之间的另一个软件包,并在导入式套件之间导入另一个软件包。如回声消息所证明的那样: go.etcd.io/bbolt [&&&&&&&&&&&&&&&&...
    编程 发布于2025-04-03
  • 如何使用不同数量列的联合数据库表?
    如何使用不同数量列的联合数据库表?
    合并列数不同的表 当尝试合并列数不同的数据库表时,可能会遇到挑战。一种直接的方法是在列数较少的表中,为缺失的列追加空值。 例如,考虑两个表,表 A 和表 B,其中表 A 的列数多于表 B。为了合并这些表,同时处理表 B 中缺失的列,请按照以下步骤操作: 确定表 B 中缺失的列,并将它们添加到表的末...
    编程 发布于2025-04-03
  • 如何将PANDAS DataFrame列转换为DateTime格式并按日期过滤?
    如何将PANDAS DataFrame列转换为DateTime格式并按日期过滤?
    将pandas dataframe列转换为dateTime格式示例:使用column(mycol)包含以下格式的以下dataframe,以自定义格式:})指定的格式参数匹配给定的字符串格式。转换后,MyCol列现在将包含DateTime对象。 date date filtering > = p...
    编程 发布于2025-04-03
  • \“(1)vs.(;;):编译器优化是否消除了性能差异?\”
    \“(1)vs.(;;):编译器优化是否消除了性能差异?\”
    答案: 在大多数现代编译器中,while(1)和(1)和(;;)之间没有性能差异。编译器: perl: 1 输入 - > 2 2 NextState(Main 2 -E:1)V-> 3 9 Leaveloop VK/2-> A 3 toterloop(next-> 8 last-> 9 ...
    编程 发布于2025-04-03
  • 哪种在JavaScript中声明多个变量的方法更可维护?
    哪种在JavaScript中声明多个变量的方法更可维护?
    在JavaScript中声明多个变量:探索两个方法在JavaScript中,开发人员经常遇到需要声明多个变量的需要。对此的两种常见方法是:在单独的行上声明每个变量: 当涉及性能时,这两种方法本质上都是等效的。但是,可维护性可能会有所不同。 第一个方法被认为更易于维护。每个声明都是其自己的语句,使其...
    编程 发布于2025-04-03
  • 如何从PHP中的数组中提取随机元素?
    如何从PHP中的数组中提取随机元素?
    从阵列中的随机选择,可以轻松从数组中获取随机项目。考虑以下数组:; 从此数组中检索一个随机项目,利用array_rand( array_rand()函数从数组返回一个随机键。通过将$项目数组索引使用此键,我们可以从数组中访问一个随机元素。这种方法为选择随机项目提供了一种直接且可靠的方法。
    编程 发布于2025-04-03

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

Copyright© 2022 湘ICP备2022001581号-3