【浏览器美化】Pure 百度 – 质形色,始方圆

 

※ 写作说明:

好不好用自己用了才知道,7K+ 行,18W+ 字符,凝聚了多少个日夜的缠绵。
它涵盖了大量百度的网页,从登录框到按钮,从扁平到质感,升华了多少设计师前沿的灵感。
做出一款不管是强迫症,还是设计师,都能佩服舒心的主题,真的太难。我曾多次尝试扁平与质感的平,大量留白的舒心,用色彩块代替繁琐和带强烈割据感的线条…
在一个被大众所摒弃的拟物化、随处可见的背景直接引用图片来简单模拟质感、改了大框架却连简单的链接、输入框、按钮都没有一丝一毫的修改、到现在都很少用上字体图标、单调到甚至没有任何动画、甚至推广满屏幕的陈旧的百度网页,搭建起一个全新的设计风格,这才是百度所应有的样
子,独具一格,简约而现代…
我使用了一些质感但不守旧的配色,轻简的质感阴影和鲜明的色块… 百度的每一款产品都在属于它们本身的独特设计风格上,反复优化统一。

※ 样式应用情况:

支持百度以下产品:
搜索/文库/知道/网盘/百科/经验/翻译/地图/视频/新闻/学术/快照/糯米/风云榜/智能云/百家号/账
户安全/个人中心/网址导航/千千静听

手机版:(暂定)
搜索/文库/知道/网盘/百科/经验/翻译/百家号/应用市场

※ 修改事项:

退广:修改了几乎全部推广(广告)内容,保留了常用的一些推广,如风云榜、新闻资讯等。
背景:搜索和文库替换为晶块背景,后续可能会支持全部,暂时可以在原代码中根据注释自行修改。
配色:部分产品整体修改了配色方案。
线条:尽可能用阴影代替线条,保证全局美观。
动画:大量加入简单明了的动画、反馈特效,享受鼠标运动间轻盈的美感。
展开:自动展开“阅读全文”功能,删除“下载APP”等推广入口
整洁:使界面工具位置统一,将部分工具栏合并,方便操作
优先:将不需要下载推广APP的“普通下载”等字以“高速下载”的样式替代,获得更好的下载体验

※ 版权说明:

可能有部分其他设计师的内容,我会尽量联系他们正规授权。但大部分,都是自己在无数日夜下敲出来的,所以未经允许,不得二改二传。
它是免费的,任何人都不得以任何理由向其他人以不合法的方式收费。

覆盖内容

支持百度以下产品:
搜索/文库/知道/网盘/百科/经验/翻译/地图/视频/新闻/学术/快照/糯米/风云榜/智能云/百家号/账户安全/个人中心/网址导航/千千静听

支持软件

  • 支持电脑浏览器:支持插件的浏览器几乎都能支持
  • 支持手机浏览器:FirefoxKiwi BroswerVia

由于Via还没有研究好,添加后不生效,所以暂时不介绍这种,如果有会折腾的可以告诉我

支持插件

  • Userscript:油猴脚本Tampermonkey,ODM Sandbox 等
  • CSS:Stylish,Stylus 等

使用方法

步骤

  1. 下载上述插件任意一个,建议Stylish(方便日后更新)。
  2. 点击上述 Pure 百度的网址。
    2019-12-29 12-55-7
  3. 如果你用的CSS类,直接点击蓝色的“Install Style”,即可生效(如果没有看到,说明可能你的第一步没有完成)。
    2019-12-29 12-51-14
    如果你用的Userscript类,网页下翻后点击蓝色小字“Install style as userscript”即可(这种方法甚至可以在不进行第一步的操作下进行)。

 

  链接

  电脑版 手机版

 

发表评论

后才能评论