ContextQMD
Back to Chromeappheroes

128《Wayback Machine》优雅查看任意网页的历史记录

docs/128-wayback-machine.md

latest4.5 KB
Original Source

最近在研究各类网站的历史设计风格变迁，虽然大家都在讲互联网有记忆，但目前能稳定查到网站历史快照的工具只有 https://archive.org/ ，为了方便用户使用，他们还推出了一款扩展工具 Wayback Machine , 我个人感觉很好用，推荐一波。

查看图文创作网站 Medium.com 的风格设计演化

查看bilibili的设计演化

bilibili的2013年

bilibili的2014年

bilibili的2015年

bilibili的2018

查看Steam的设计演化

Steam的2009年

Steam的2010年

Steam的2012年

Steam的2014年

《Wayback Machine》 下载链接

<table style="table-layout: fixed;"> <tbody> <tr> <td><div style="text-align: center;"><div style="font-weight: bold">Chrome</div> <div style="text-align: center;"></div></div></td> <td><div style="text-align: center;" ><div style="font-weight: bold">Edge</div> <div></div></div></td> <td><div style="text-align: center;" ><div style="font-weight: bold">FireFox</div> <div style="text-align: center;"></div></div></td> <td><div style="text-align: center;" ><div style="font-weight: bold">离线安装包</div> <div style="text-align: center;"></div></div></td> </tr> <tr> <td> <div style="text-align: center;"><a href="https://chromewebstore.google.com/detail/wayback-machine/fpnmgdkabkmnadcjpehmlllkndpkmiak">下载链接 / Download link</a></div> </td> <td> <div style="text-align: center;"><a href="https://microsoftedge.microsoft.com/addons/detail/wayback-machine/kjmickeoogghaimmomagaghnogelpcpn?hl=en-US">下载链接 / Download link</a></div> </td> <td> <div style="text-align: center;"><a href="https://addons.mozilla.org/en-US/firefox/addon/wayback-machine_new/">下载链接 / Download link</a></div> </td> <td> <div style="text-align: center;"><a href="https://cdn.jsdelivr.net/gh/zhaoolee/ChromeAppHeroes/backup/128-wayback-machine.zip">下载链接 / Download link</a></div> </td> </tbody> </table>

小结

Web设计的演化不是单纯的美学演进，而是技术、内容、媒介与人类使用习惯共生进化的结果。网络带宽的提升，让图片越来越大，屏幕素质的提升，让边框越来越少，用户对网页接受度的提升，让拟物化的设计也越来越少。

好的设计永不过时，随着AI技术的进步，程序员编码的工作量会变少，对交互美学的追求会变高，提升交互美学能力最好的方式，是多多关注经典网站的交互演化，让历史上优秀的设计能为新产品服务。

写在最后(我需要你的支持) / At the end (I need your support)

  • 本文属于Chrome插件英雄榜 项目的一部分, 项目Github地址: https://github.com/zhaoolee/ChromeAppHeroes

  • This article is part of the ChromeAppHeroes project. Github link : https://github.com/zhaoolee/ChromeAppHeroes

  • Chrome插件英雄榜, 为优秀的Chrome插件写一本中文说明书, 让Chrome插件英雄们造福人类, 如果你喜欢这个项目, 希望你能为本项目添加一颗 🌟星.

  • ChromeAppHeroes, Write a Chinese manual for the excellent Chrome plugin, let the Chrome plugin heroes benefit the human, If you like this project, I hope you can add a star 🌟 to this project.