首页 on Mori

欢迎使用 Mori 主题

Mon, 18 Nov 2024 10:00:00 +0800

欢迎使用 Mori 主题！这是一个极简的 Hugo 博客主题。

主要特点

简洁优雅的设计
完全响应式
支持多语言
Markdown 友好

快速开始

安装 Hugo
克隆这个主题
开始写作

Markdown 示例

这里是一些 Markdown 的基本用法：

代码块

function hello() {
 console.log("Hello, Mori!");
}

列表

第一项
第二项
第三项

引用

少即是多。 —— Ludwig Mies van der Rohe

祝你使用愉快！

Markdown 语法指南

Sun, 17 Nov 2024 10:00:00 +0800

本文介绍常用的 Markdown 语法。

标题

使用 # 创建标题，数量代表级别。

文本样式

粗体文本
斜体文本
~~删除线~~

链接和图片

独占段落的图片居中显示，正文中的图片保持行内排版。请在独立图片前后留出空行，仅在源码中换行不会创建新段落。

这是一个链接

这是网站图标:

代码

行内代码：const x = 1;

代码块：

def hello_world():
 print("Hello, World!")

netsh advfirewall firewall add rule name="GameStream UDP" dir=in protocol=udp localport=5353,47998-48010 action=allow
netsh advfirewall firewall add rule name="GameStream TCP" dir=in protocol=tcp localport=47984,47989,48010 action=allow

列表

无序列表：

项目 1
项目 2
项目 3

有序列表：

第一步
第二步
第三步

引用

这是一段引用文字。可以有多行。

表格

列 1	列 2	列 3
A	B	C
D	E	F

原生 HTML

写文章时，可以用 HTML 补充 Markdown 的表达能力。下面的示例均包含源码和实际效果。Mori 已通过 markup.goldmark.renderer.unsafe = true 启用原生 HTML，请仅使用可信来源的 HTML。在 details 等容器中混写 Markdown 时，需要用空行将 HTML 标签与 Markdown 正文分隔，并让 Markdown 正文顶格书写，避免四空格缩进被识别为代码块。pre、script、style 等原始 HTML 块不适用这种写法。

极简主义设计的艺术：一次全面探索

Fri, 15 Mar 2024 10:30:00 +0800

极简主义设计简介

设计中的极简主义不仅仅是使用更少的元素——而是使用恰到好处的元素。这是一种强调简洁、清晰和意图性的哲学，无论是在数字画布还是实体画布上，每一个放置的元素都必须有其存在的理由。极简主义方法彻底改变了我们对 21 世纪用户界面、建筑和视觉传达的思考方式。

极简主义设计的根源可以追溯到 20 世纪初，它源于包括荷兰风格派、包豪斯和日本传统美学在内的各种艺术运动。这些运动有一个共同的信念：形式应该服从功能，不必要的装饰只会分散人们对物体或设计本质目的的注意力。

历史背景与演变

包豪斯运动

包豪斯学校于 1919 年在德国魏玛成立，为现代极简主义思想奠定了基础。学校的创始人沃尔特·格罗皮乌斯相信艺术、工艺和技术的统一。包豪斯宣言宣称"所有艺术的最终目标是建筑"，强调去除不必要装饰的功能性设计。

包豪斯设计师如路德维希·密斯·凡德罗，他著名的名言"少即是多"，证明了简洁可以既优雅又强大。这一原则后来成为所有学科中极简主义设计哲学的基石。

日本影响：间与侘寂

日本美学通过"间"（负空间）和"侘寂"（在不完美和无常中寻找美）等概念深刻影响了西方极简主义。这些哲学告诉我们，空并非虚无，而是构图的关键元素，赋予存在之物以意义。

传统的日本茶道体现了这种方法——每一个手势、每一个物品、每一刻沉默都是有意为之的，并对整体体验有所贡献。这种设计中的正念美妙地转化为现代数字界面，其中每一个像素、每一次交互、每一刻用户注意力都必须被视为有价值的。

极简主义设计的核心原则

1. 功能性简洁

极简主义设计中的每个元素都必须服务于一个目的。这并不意味着忽略美学考虑——相反，美自然地从功能中产生。例如，在设计按钮时，其视觉处理应该清楚地传达其功能，而不需要额外的解释。

考虑移动界面中图标设计的演变。早期的智能手机界面经常依赖拟物化设计——使数字对象看起来像它们的实体对应物。然而，随着用户越来越熟悉数字交互，设计师可以将这些表示简化为其基本形式。电话图标不再需要看起来像旋转拨号盘或甚至逼真的听筒；一个简单的轮廓就足够了。

2. 战略性使用留白

留白（或负空间）不是浪费的空间——它是一种强大的设计工具，为内容提供呼吸空间，创建层次结构，并引导用户的视线穿过构图。在网页设计中，慷慨的边距和内边距可以使杂乱、令人不知所措的页面与感觉平静和可导航的页面之间产生差异。

苹果的产品页面体现了这一原则。他们没有将信息塞进每一个可用的像素，而是使用大片的留白来将注意力集中在关键产品和信息上。这种方法不仅看起来精致，还提高了理解能力并减少了认知负担。

3. 有限的调色板

极简主义设计通常采用有限的调色板，通常专注于中性色调和偶尔的强调色。这种克制有多种目的：它创造视觉和谐，建立层次结构，并防止分心。

精心选择的调色板可以传达品牌身份和情感基调，而不会压倒用户。单色方案（单一色调的变化）可能特别有效，精心选择的互补色也可以吸引对交互元素或重要信息的注意。

4. 排版作为主要设计元素

在极简主义设计中，排版通常承载着重要的视觉重量。当你去除装饰性图形并减少颜色使用时，字体的选择和处理变得至关重要。正确的排版可以传达个性，建立层次结构，并增强可读性——同时保持视觉简洁。

考虑厚重的装饰性衬线字体和干净的几何无衬线字体之间的差异。每种都传达不同的信息并适合不同的语境。极简主义设计师通常谨慎地配对对比字体，使用粗细、大小和间距来创造视觉兴趣而不增加复杂性。

数字设计中的实际应用

网页设计

现代网页设计在很大程度上接受了极简主义原则，部分是由于必要性（移动优先的响应式设计要求效率），部分是由于用户偏好（人们想要快速、易于导航的网站）。成功的极简主义网站有共同的特点：

快速加载时间：更少的元素意味着更小的文件大小和更快的渲染
清晰的导航：简化的菜单结构，不会让用户被选择淹没
突出的行动号召：当视觉竞争较少时，重要的按钮和链接自然突出
本质上的响应式：极简主义设计更容易适应不同的屏幕尺寸

Medium 这个发布平台有效地展示了这些原则。文章以慷慨的行间距、充足的边距和阅读时最少的导航元素呈现。这创造了一种沉浸式体验，使读者专注于内容而不是界面元素。

移动应用界面

移动屏幕的限制使极简主义不仅是美学上的，而且是必要的。在有限的空间内，每个 UI 元素都必须赢得其位置。成功的移动应用无情地优先考虑功能，通常将次要功能隐藏在菜单或手势后面，以保持主屏幕的干净和专注。

像 Instagram 这样的应用随着时间的推移向极简主义演变，随着它们添加功能而逐渐简化其界面。他们没有用每个可能的操作来使主 feed 杂乱，而是使用深思熟虑的图标和渐进式披露来在扩展功能的同时保持简洁。

排版中的极简主义

以排版为中心的设计的复兴代表了极简主义的最精致形式。当类型是主要的视觉元素时，设计师必须掌握细微之处：字距、行距、层次结构、节奏和纹理都成为关键考虑因素。

以排版为驱动的设计证明，复杂性和视觉兴趣不需要装饰性图形。通过仔细关注排版细节，一页设置良好的文本可以是美丽的、引人入胜的和有效的。

极简主义设计背后的心理学

认知负荷与决策疲劳

人类的认知能力是有限的。设计中的每个额外元素都需要用户的注意力和处理能力。极简主义设计通过减少认知负荷——使用界面或理解信息所需的心理努力——来尊重这些限制。

心理学研究证明了选择的悖论：虽然人们认为他们想要无限的选择，但太多的选择实际上会导致焦虑、不满和决策瘫痪。极简主义设计通过策划选项并在任何给定时刻仅呈现必要内容来解决这个问题。

专注的力量

在一个持续分心的时代，专注的能力变得越来越有价值。极简主义设计通过去除不必要的刺激来创造支持专注的环境。这对于用户需要深入参与内容或任务的工具和应用特别重要。

像 iA Writer 和 Ulysses 这样的写作应用拥抱这一哲学，提供无干扰的环境，淡化界面，只留下作家和他们的文字。这不是关于移除功能——而是根据需要逐步揭示它。

挑战与批评

最小化与不可用之间的界限

极简主义可能走得太远。当设计师移除太多视觉线索或解释性元素时，界面变得晦涩和令人沮丧。移动设计中臭名昭著的"汉堡菜单"辩论说明了这种紧张关系：虽然三线图标节省了空间，但许多用户不认识它，导致导航和参与度降低。

有效的极简主义需要了解你的受众。对设计师或高级用户来说显而易见的功能，对于第一次遇到界面的人来说可能完全不透明。用户测试变得至关重要，以确保简化没有跨越到晦涩。

测试文章 10

Wed, 10 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 10。

测试文章 9

Tue, 09 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 9。

测试文章 8

Mon, 08 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 8。

测试文章 7

Sun, 07 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 7。

测试文章 6

Sat, 06 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 6。

测试文章 5

Fri, 05 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 5。

测试文章 4

Thu, 04 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 4。

测试文章 3

Wed, 03 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 3。

测试文章 2

Tue, 02 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 2。

关于

Mon, 01 Jan 2024 08:00:00 -0700

关于这个主题

Mori 是一个极简的 Hugo 主题。它专注于简洁性和可读性，并且易于国际化（i18n）。

特性

简洁优雅的设计
响应式布局
易于自定义
快速且轻量
多语言支持（i18n）

设计理念

少即是多。这个主题相信简约的力量，专注于最重要的东西：你的内容。

开始使用

访问 GitHub 仓库了解更多关于安装和自定义的信息。

测试文章 1

Mon, 01 Jan 2024 00:00:00 +0000

这是用于分页测试的测试文章 1。

友情链接

Mon, 01 Jan 0001 00:00:00 +0000