我失败的个人网站改版

我失败的个人网站改版

💡 原文英文,约1000词,阅读约需4分钟。
📝

内容提要

作者决定保留原有的个人网站设计,通过手绘漫画风格的博客文章展示自己的工作。他使用简单的HTML文件构建,并分享给读者。

🔎

延伸解读

设计迭代中的自我发现

作者在多次尝试手绘漫画风格网站时,逐渐意识到需要区分过去作品和当前工作,并减少文字量。这反映了个人网站设计不仅是视觉呈现,更是对自我定位的梳理。通过迭代,作者明确了展示当前项目和社交链接的核心目标,这有助于读者思考自己网站的信息架构。

极简构建流程的取舍

作者坚持使用单个HTML文件,内联样式、标记和SVG,避免开发服务器,以保持编辑和预览的便捷。这种极简方法减少了工具干扰,但限制了外部资源引用。对于想快速原型设计的读者,可以借鉴这种“无工具”思路,但需权衡功能扩展性。

移动端适配的常见陷阱

作者在桌面端效果满意,但移动端设计成为事后考虑,导致折叠效果不佳。这提醒读者,响应式设计应从一开始就纳入规划,而非后期补救。即使风格简单,跨设备体验也需要专门测试和调整,否则可能影响整体可用性。

未完成项目的发布价值

尽管改版未正式上线,作者通过博客文章分享了未完成的设计,并链接到自包含的HTML文件。这种“归档式发布”让失败尝试产生价值,为读者提供学习案例。它鼓励创作者公开过程,即使结果不完美,也能获得反馈和认可。

❓

Q&A

作者为什么决定保留原有的网站设计?

作者觉得新设计不满意,因此决定保留原有设计。

作者在网站设计中受到了什么启发?

作者受到手绘漫画风格网站的启发,想尝试这种叙事形式。

作者是如何构建个人网站的?

作者使用简单的HTML文件构建网站,避免使用复杂工具。

作者在设计过程中遇到了哪些挑战?

作者发现移动端设计未能达到预期,且实现简单设计非常困难。

作者如何处理手绘图形以用于网站?

作者在Remarkable平板上手绘图形,然后将其导入Figma进行处理。

作者最终如何分享未完成的设计?

作者通过博客文章分享了未完成的设计,算是某种程度上的发布。

🏷️

标签

➡️

继续阅读