2010年的网站有什么特点

2010年可能是移动互联网爆发前夕，大家还会花心思在桌面端搞拟物化设计的一年

通常内容集中在页面中间，两边留白，字号通常比较小，同时喜欢用Windows自带的宋体，雅黑等字体来增加质感，当时的设计师也很喜欢把网页做得有质感。一个按钮要有渐变，有高光，有阴影，最好看起来真的可以按下去

但是当时的网页技术与当时大伙的水平不太能使用css实现太复杂的效果，以至于Photoshop专门为此做了切图功能，可以切图后一键导出并生成对应的html。

对2010年大部分产品经理来说，面对每天都在增加的需求，产品经理选择把屏幕塞满

同时对交互性比较强的网站，比如邮箱，网盘，当时的网站特别喜欢模仿Windows的UI风格与使用逻辑
树状菜单很常用，同时在网站中大量使用表格来展示数据，给网站布局

同时还要有不明所以，可以增加科技感的banner图兼标题

好！简单说就是：
小字号，小图标，小按钮，高密度，拟物化，以及在网页的角落中加一个时间

2010年的网站一般用什么

图标搜集

Silk Icons（famfamfam，Mark James），phpmyadmin在用，图标偏小：

Fugue Icons（Yusuke Kamiyamane）有点像mac的图标，拟物感比较强，相对来说比较精致：
https://p.yusukekamiyamane.com/

Crystal Project（Everaldo Coelho）（win7/macos 玻璃风格）：
https://github.com/niko-yanev/crystal-project/tree/master
https://www.softicons.com/designers/everaldo-coelho

Tango / Tango , 看起来是linux上的图标，不是很喜欢：

前端技术

一般来说是JQ，不过jQuery只是一个js库，本身并不提供自带样式的前端效果

对于不想切图还想做出同年代网页的现代人来说

看起来 Ext JS 是这之中最成熟的

我是怎么做的

最终前端技术选型为: extjs + Fugue Icons + jq (可选)

而后端为了让网站有更多的老网站服务端渲染的效果，使用PHP做了一个中间层，php会和nodejs后端拉取数据，然后尽量在服务端渲染，加入少量以改善体验为目的的ajax

当了一天2010年的产品经理，使用AI爆炒一下，欢迎体验:http://classic-note.play.kt.sb/

拟物化还会回来吗？

2000s大概是UI设计最大胆的时候了，不断提高的计算机性能和与日俱增的用户量

拟物化在增加质感的同时也有着教育用户用户的作用

看起来今天的互联网与AI非常native的一代是用不着教育了

不过时尚是个圈

ios7 的时候通话按钮直接被砍成了一个大方块

不过现在大家又在渐渐追求质感了hh，尤其是字节系

前情提要

一直想要一个随处都可以访问的笔记/图床/网盘软件，让我可以随时随地粘贴手中的文本与图片，并可以在任意设备中查看，于是便有了我的个人（笔记，图床，网盘，todo，书签，群组共享空间）All in one项目 github。

最初只是一个网站，不过随后在多余token的推动下变成了客户端试验场（一个包含所有程序员练手烂大街项目的完美后端），随后又有了…

使用flutter的全平台客户端

使用rust + ratataui 的 TUI版本

本次网站内容也同样是这个笔记本项目