导航菜单

特点

设计

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

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

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

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

预览

2020-09-16T14:00:05.png

相关下载(点击提取码即可复制提取码并打开下载页面)