个人网站全新改版，界面比之前更清新更耐看，分享一下

[steamEra]

https://xinxin.design/

之前的版本是深色系，不小心在后台编辑出错导致版面混乱，干脆全新改版。

于是这个浅色系版本上线。在 Google Fonts 简单浏览了一圈，挑选了一个符合自己要求的字体用于呈现标题，再定义整个站点的颜色搭配方式，简单排版一下，这个版本便成型了。进一步打磨视觉细节，调整交互动画，便最终上线了如您现在看到的版本。

自己很喜欢这个版本，希望您也会喜欢。

同时还上线了 https://xinxin.design/blog 板块，用于记录自己对设计的想法。在这里欢迎同行交流，相互交流才能促进对设计的理解。

感谢耐心看完这几段文字。

感谢大家的反馈，目前压缩了全站的图片，访问速度应该提升不少。

[zhuyongqi9]

之前就已经看到了，很喜欢音乐 app 的设计

[Kilerd]

楼主是专业设计师吗？

[edinina]

好漂亮

[cue]

访问速度好像有点慢儿

[stimw]

很漂亮 羡慕设计能力和前端能力强的人

[yitingbai]

访问速度太慢了，10s 都没全部加载出来， 毫无用户体验

[Felldeadbird]

过渡动画做得挺好的。就是国内访问速度有点慢，以为网站卡着。

[steamEra]

@yitingbai #6
@Felldeadbird #7

我这里访问还行，难道是已有缓存的缘故？用的是香港的服务器。图片大可能是速度慢的部分原因吧。但是每次压缩图片，都会丢失特别多的设计细节——比如渐变、投影的质感，所以我不太习惯压缩。

[aqutor]

@steamEra #8 我这边看了下可能是 dribbble 拖慢了速度

[steamEra]

@aqutor #9 明白，我给去掉吧

[steamEra]

@Kilerd #2 是的

[Kilerd]

@steamEra 设计网页是怎么收费的？

[pendulum]

太强了，界面美观，动画优雅，完全看不出是 wp😂（不过话说几 MB 的图直接怼前端真的好吗）

[learningman]

@steamEra 试试 webp

[steamEra]

@pendulum 因为是拖拽工具生成的布局，动画不是我手写的，我只不过调整了参数。

[potatowish]

风格很 fashion，访问速度堪忧啊

[steamEra]

@potatowish 在优化了，主要是图片体积太大了，我在逐一替换，另外就是 dribbble 的模块会影响。

[zololiu]

哇哦，我有被美到！

[zhaiblog]

/blog 菜单的 BLOG 在 ios 下换行了，可以改一下

[zhaiblog]

@zhaiblog 。刚发完发现又好了

[zhaiblog]

评论框下的最后一个 input(wp-comment-cookies-consent) 可能要隐藏一下？

[steamEra]

@zhaiblog 感谢反馈

[tomari]

挺简洁的

[QUC062IzY3M1Y6dg]

如果图片慢的话，建议使用 webp 格式的图片，不但清晰而且占用小，是 png 的一半内存，清晰度不变

[pigzzz]

有点卡，滚动起来都是慢半拍的样子

[3wdddd]

我觉得形式太多，网站内容反而不丰富。
没有专注在内容上 https://www.behance.net/

[lengziyu]

http://www.lengziyu.cn

[0bit]

动效要为内容服务，感觉有点喧宾夺主了

[vicentcai]

用的什么框架？无法访问了