Framer 中重现经典的 Macintosh 风格

阅读 0 分钟

分享

分享

你是否曾怀念互联网早期的日子?缓慢的拨号连接、ASCII 艺术和抖动图像或许已成遥远的记忆,但对一些人来说,它们在心中有着特殊的位置。

我最近通过使用 Framer 创建了一个具有 Macintosh Classic 风格的个人网站,将我对旧互联网的热爱提升到了一个新的水平。在这篇博文中,我将带领您了解我的流程以及我用于创建这个复古设计的工具。

使用 Framer 创建 Macintosh Classic 风格

我设计的一个关键元素是 ASCII 艺术和抖动效果的使用。感谢Alex Harris创建了一个很棒的图像抖动工具,名为Ditherit,我经常在我的设计中使用它。这些效果为设计带来了复古感,并让人回想起互联网的早期。

我使用 Framer 中的拖拽效果在页面上移动图标和窗口,就像在台式电脑上一样。设置起来只需几个点击——只需前往效果 → 拖拽并根据您的喜好自定义设置即可。

为移动设备设计

虽然 Macintosh Classic 设计非常适合台式电脑,但它不一定能很好地转换为移动设备。桌面用户界面在较小的屏幕上缺乏实用性。然而,使用 Framer,创建断点轻而易举,让我可以为较小的屏幕简化设计。

在 Framer 中使用组件

为了使我的设计更具动态性,我使用 Framer 中的组件来创建多种文件类型并修改每个文件的名称。这让我可以快速轻松地更改设计,而无需手动更新每个元素。

Create a free website with Framer, the website builder loved by startups, designers and agencies.