记录了我通常如何将一个闪念或灵感,一步步转化为实际的开发原型,以及在这个过程中我所使用到的工具与方法论。

开发一个项目,就像是盖一栋房子,地基如果不稳,再华丽的外表也是徒劳。我的开发流程通常分为四个阶段:需求构思、原型设计、技术选型与架构、最后是代码实现。

在构思阶段,我会大量使用诸如 Notion 或 Obsidian 这样的笔记软件,随时记录脑海中蹦出的想法。不要去评判这些想法的好坏,先让它们在纸面上“落地”。

进入设计阶段,Figma 是我不可或缺的工具。我会建立简单的 Wireframe,确定页面间的逻辑流转。随后,我会开始搭建基础的设计系统,定义好主色调、字体层次(如 --apple-font 变量)以及通用的组件样式。这样在后续开发时,可以避免反复修改 CSS。

至于技术选型,我偏好现代的前端框架。如果是一个重交互的复杂应用,React 或 Vue 是首选;如果是一个内容型博客,Next.js 或是简单的静态站点生成器(甚至是纯手工编写的 HTML/CSS)则足够轻量。比如,在这个作品集中,我选择了最原生的 HTML,结合现代的 CSS 特性如 backdrop-filter 来实现极致流畅的毛玻璃效果。