主题截图
1810682523.jpg

主题特效

  • 全站无插件,极其容易配置
  • Pjax 代码高亮,内置github风格
  • 响应式
  • 三栏式设计,高效专注

整体设计

坚持沿用三栏式设计,考虑到显示器大屏销量在京东比较好,大家普遍都是24寸以上的屏幕了,所以坚持不适用width:1170px;margin:0 auto这样的结构设计,充分利用网页的每一寸空间,大不了多淦点响应式呗!

层级

上一版本,页面的层级|立体感不明显,缺少一种视觉专注的感受,受到mac下一款软件hazeOver的启发,打算把它运动到网页上,毕竟博客是阅读为主的,这个概念会烙在2.0的主题灵魂中

图标

2.0的图标采用了iconfont的解决方案,减少无用图标的体积,并且我一直觉得人类理解图标的速度超过理解中文,更喜欢用图标替代文字,说句不爱国话,从认知速度上,图标>英文>中文

进度

目前在搜图,算是脑补prd的阶段,这个一定要在项目开始前就脑补好,把图找全,不然太影响写代码效率

下载及演示

Last modification:November 16th, 2019 at 03:13 pm
如果觉得我的文章对你有用,请随意赞赏