网页设计最佳方法，达·芬奇在500多年前就教给我们了

What Da Vinci Can Teach Us About Web Design

达·芬奇能教给我们的网页设计

详尽的、有时奇怪的笔记、线框图、令人费解的艺术与科学的融合......它是GitHub存储库吗？不，这是文艺复兴天才的生活。而一旦有了正确的经验教训，我们都可以写出一些“达芬奇密码”。

Web开发是一个相当大的帐篷。它涵盖了色彩、数学、可访问性、排版、摄影、文案、道德等等。网络是一个近乎无限的世界，尽管它不断地创新和破坏，但它从古老的方式中继承了许多最美丽的品质。

而达·芬奇也许比历史上任何一个人都更能展示艺术和科学之间的重叠所能产生的魔力，而这正是网络开发的主要所在。他的方法和观点在今天和在文艺复兴时期的意大利一样适用。

01

学会记录你的想法

达·芬奇是一位挑剔的作家，一生创作了数万页的笔记和草图，虽然内容有的平凡，有的天才，但这正是他们价值的一部分。

今天是购物清单，明天是飞行器......没有滤镜和做作，只有表达和探索。

这份详尽的文档之所以有价值，有很多原因。它们是他思想、抱负和经验的宣泄渠道，也是他长期项目的参考点——把他的想法记录下来，可以让他们进行测试和迭代。

如此丰富的文献资料所带来的好处不仅限于达·芬奇本人——把他的思想写下来，也让他的思想得以延续，造福了无数人。几个世纪以来，他的笔记本一直给人带来惊喜、愉悦和教育。

达芬奇对写作和素描的热情也适用于网络开发。

首先是强大的——有时是完全神秘的——创造性的自由，记下你脑子里发生的事情。有时你开始写下想法A，突然发现自己找到了解决方案X。

当然，并不是我们做的每件事都必须完美。任何期望直接得到最终产品的人都会失望，或者得到一个相当劣质的最终产品。写作和素描可以让你变得有趣，甚至有点大胆，但毕竟许多永恒的想法都诞生在笔记本纸上。

有时候我们会觉得我们写的代码就如同沙雕一样——漂亮但只是暂时的。这并不一定是事实，即使网站的最终形式在不断变化，这种变化背后的思想也是无价的——我们是如何走到这一步的，为什么?

网页开发者和设计师应该记录下自己的旅程，无论是通过PR描述还是自己的笔记本：

充实想法，

记下无聊的想法，

涂鸦页面布局......

世界上最好的想法，只要停留在一个人的头脑中，就没有实际用处。

02

对于几何图案的痴迷

正如著名的《维特鲁威人》所证明的那样，达·芬奇一生都在研究几何、形状和比例。他着迷于自然界中各种形状的反复出现，以及比例和透视的作用，因为他明白它们对绘画和建筑的价值。

从他的素描中可以看出，达·芬奇努力把他的艺术建立在坚实的基础上。如果制作一个真实的场景需要数百条线的网格——这些网格不会出现在成品中——那就这样吧。

达·芬奇煞费苦心地去理解这些看不见的框架，并将它们复制到他的作品中，尽管人们更常记得他的艺术作品，但他所做的一切都是基于对科学和数学的迷恋。

对于任何web开发人员来说，这些都是必不可少的工具。如果页面没有按照看不见的指导方针进行组合，它们看起来也同样不平衡。网格是最常见的例子，但像排版和响应式设计这样的领域同样植根于大小、比例、比例和形状的问题。

03

学会反向思考

在达·芬奇的笔记本中，他通常用“镜像字体”从右向左书写——只有当他想让别人读的时候，他才会用“正常”的方式来写。

他为什么那样写？他是左撇子？没有受过正规教育？防止弄脏墨水？这使得他的想法更难被窃取？不管是哪种原因，这种书写方式显然是他觉得最舒服的。

达芬奇的镜像脚本显示了拥抱适合自己的工作方式的价值——达·芬奇不需要向任何人证明他的方法，你也一样。

相信自然的感觉，定制你的工作方式。你可以个性化你的IDE，选择你喜欢的字体和颜色，然后自然地书写和绘制——无论是在平板电脑上还是在皮面杂志上。

04

寻找一个好的雇主

达·芬奇对自己的作品和赞助人都很挑剔，而且他居住的地方为他的华丽和创造力提供了空间——佛罗伦萨重视艺术，所以它重视达·芬奇以及米开朗基罗等人。

当他搬到米兰时，他以他的戏剧、口才和舞台艺术取悦了宫廷。另一方面，达·芬奇也为切萨雷·波吉亚(Cesare Borgia)服务了几年，他是一个诡计多端、暴力、可怕的人，是马基雅维利(Machielli)的《君主论》(the Prince)的主要灵感来源。不过，这也给了他在地图绘制等新领域施展才华的机会。

我们，在网络开发的世界里，通常不得不满足于雇主。如果可能的话，我们有责任为自己的创造力找到空间，为自己的激情找到出口，或者至少，不要觉得自己像某个巨大的邪恶机器上的一个齿轮。

对你的工作要有足够的自豪感，把它投入到你关心的项目中——即使是达芬奇也需要良好的工作文化。找到你的佛罗伦萨，如果找不到，那就尽你所能让自己更像佛罗伦萨。

05

迭代，不停迭代

你也许知道列奥纳多·达·芬奇有时是一个惊人的拖延症患者，可能会让人感到些许安慰。他将花费数年时间来完成作品，这是他完成作品的前提。

达·芬奇花了多年时间创作了许多画作，包括《蒙娜丽莎》，他在旅行中一直带着这幅画，直到去世。

达·芬奇的创作是无数次实验、切线和迭代的结果。最终的产品是今天公众意识中突出的东西，但每一个都只是漫长而艰难的旅程的最后一步。

这一过程的一个特别相关的例子是达芬奇的马，这是达芬奇于1482年受米兰公爵卢多维科·莫罗委托设计和建造的马术纪念碑。随之而来的是长达数十年的研究狂潮，从马的解剖到调制全新的青铜铸造技术。

达·芬奇生前没有完成这项工程，但他的大量笔记在20世纪重新浮出水面时，他的工作使这项努力得以重新开始。1999年，在达芬奇的马被委托创作517年后，这匹马终于在米兰揭幕。

尽管达·芬奇才华横溢，但他也是缓慢、稳定进步——甚至拖延症——力量的典范。是的，有时灵感会来袭，但更多的时候，我们是在漫长而艰苦的旅程结束时发现灵感的。

正如史蒂文·普莱斯菲尔德在《艺术之战》中所说，“缪斯偏爱工作的人。”

在网页设计的世界里，“完成”的想法是相当古怪的——总是会有依赖关系需要更新，需要调整，需要适应新设备。但一个人能在多少个领域重建自己创造的东西？建筑师可没有这种奢侈，即使是画家也只能改变这么多，否则他们必须重新开始。

网络及其技术的空灵本质使其成为一种达·芬奇式的迭代方法——建造它，然后再建造得更好，一次又一次，一次又一次。

不要太执着于现在，虽然它是有价值的，但最终它是通往未来的垫脚石。这不是要抛弃你的作品，而是要让它不断发展。

06

满足你内心的博学者

列奥纳多·达·芬奇是一个多才多艺的人，不可能被一个标签所束缚——他是作家、画家、雕塑家、建筑师、发明家、科学家、哲学家，这样的标签不胜枚举。

“热爱实践而没有理论的人，就像没有舵和指南针的水手登上一艘船，永远不知道他会把船投到哪里。”

——达·芬奇

他在每个领域的知识都提高了他在其他领域的熟练程度：解剖研究导致了更真实的插图，他对光的研究帮助他创作出更逼真的画作。

这在一定程度上源于他的非典型教育。通过避开经典的教学大纲，他能够按照自己的方式进行探索，模糊了不同学科之间的界限——他对世界的理解是多变而全面的。

Web开发人员在一个类似的庞大而美丽的相互关联的学科中工作，当我们把它们联系在一起时，真正的好事就会发生。

尝试新语言、旧语言、框架和库，浏览Smashing杂志中你是新手的类别......正如达·芬奇对艺术所说的那样，网络也是如此：它永远不会被完成，只能被抛弃。

Ref：https://www.smashingmagazine.com/2023/03/leonardo-da-vinci-teach-web-design/

本文由WELLDESIGN独家原创，未经授权请勿转载。

标签：

相关文章： ChatGPT失读文件之谜揭晓  淘宝上能买到假的B超单吗？  泰安百度推广，如何提升效果？,衡阳seo关键词  如何轻松提升AI文章生成器的效率？  外贸公司，全球市场，您想知道如何拓展？,在线营销怎么推广好  超市卖鸡蛋与网店卖爆款的道理是一样的  “后起之秀”怎样打赢网络营销之仗？  淘宝账号不实名可行吗？  全网营销的趋势和形式都有哪些？  岗位聘书是什么意思  ChatGPT4.0：开启AI新纪元之门  赞皇海航SEO技术售后，助力企业互联网营销新篇章，如何开启？,单页seo的缺点  企业全网营销策划该如何进行?  昆明SEO神器，高效优化一网打尽  高效创作助手，提升写作双倍效能  全网营销型网站帮助企业一招制敌  龙岩网站优化，核心关键词如何融入？效果提升难在哪？,惠州网站建设模板页面图  引流升级，成就商业辉煌  能买国外设计师品牌的海淘网站大S自乱阵脚！律师发声帮倒忙连忙撤文，台媒曝服药致幻确有其事  电商运营与产品运营：双轮驱动的商业策略  赋能全球市场，拓展新境界  GPTMap软件，如何引领智能地图新潮流？  产品运营专员带你了解客户留存的本质  “百变快搜，一触即达”  如何有效提高抖音SEO排名？  轻松微信推广，一步到位！  中小企业网络营销之建站策略优劣分析  全自动整合营销工具软件  SEO排名：网站在搜索引擎中的自然排名。  营销战略精析  闲鱼卖货，怎么便捷发货呢？  柳州SEO公司费用多少？效果如何？,重庆seo实战技术  专业SEO外包，高效网络服务  如何轻松加入闲鱼鱼塘？  跨境电商fp是什么意思  关键词转化率低效转化  一键安装百度，畅享搜索体验  AI驱动SEO关键词优化策略解析  响应式高端进口酒水网站模板  干货丨小程序开发秘籍，华为云这款服务器才是真香系列她是冯巩的“女儿”,出道20年从不拍吻戏,如今36岁美得像18岁  网运新纪元  新媒体运营工作总结  第三方销售什么意思  学生信息被制作成颜值打分网站？人民大学回应老了才明白，儿女能耐再大，也别向他们要这两样东西，太伤感情  多个报道《不羁联盟》开发混乱视频被育碧版权删除玖月奇迹复婚？相恋12年，婚后2年分手，为爱复合还是商业联盟？  文投控股上涨5.11%，报2.88元/股惊爆！史上“尴尬到爆炸”的5大明星合影，看完保证你笑到肚子疼  粤站SEO优化专家  sp业务是什么意思  5000人朋友圈推广，双倍效果，关键词+悬念？,银川网站建设比较好  微信视频号的七大引流方法，收割流量的新风口！