Moz自适应typecho主题

Ryan

2020-09-16/0 评论/464 浏览

特点

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

设计

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

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

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

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

预览

Moz自适应typecho主题

下载

https://github.com/chenrrrrr/typecho-theme-Moz

文章出自:虾米皮皮乐工作室 https://xiamp.net/archives/moz-adaptive-typecho-theme.html,版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。
0 评论
464 浏览
您的大名:
万水千山总是情,给个打赏行不行。 打赏

发表评论

虾米皮皮乐工作室

Ryan

版权申明:收费资源由本站发布,用户购买后只有终端使用权,禁止转售和转载

暂无附件
Moz自适应typecho主题
09/16
2020
特点全站无插件,极其容易配置Pjax代码高亮,内置github风格响应式三栏式设计,高效专注设...
扫描右侧二维码阅读全文