Blog by Eacls
·
本站设计细节解析
💡
原文中文，约1200字，阅读约需3分钟。
📝
内容提要
本文解析了网站Eacls的品牌标志和口号，以及网站的背景、首页布局、颜色、圆角和侧边栏设计。网站主色调为蓝色，采用不同程度的蓝色构建观感。圆角尺寸为19px，按钮使用正圆。侧边栏在不同页面中有时有时无，根据需要展示信息。网站使用无衬线字体和黑体标重，部分元素采用去ICON和去文字处理。页脚使用居左对齐，展示与网站相关的服务。
🎯
关键要点
- Eacls是网站的品牌标志，代表每一位先进的创造性领导者。
- 网站背景使用CSS渐变，灵感来源于Macintosh Icon图片。
- 首页布局分为顶部分类磁贴、文章栏和侧边栏，侧边栏固定显示碎碎念版块。
- 主色调为蓝色，采用不同程度的蓝色构建视觉效果，其他颜色如血红色、森林绿和淡黄色用于不同元素。
- 圆角尺寸主要为19px，按钮为正圆，其他元素如文章信息栏采用不同圆角尺寸以保持协调感。
- 侧边栏在不同页面中有时有时无，主页功能齐全，文章页简化以提升阅读体验。
- 网站使用无衬线字体，部分元素去ICON和去文字处理以简化设计。
- 页脚居左对齐，展示与网站相关的服务，版权声明相互对应。
➡️
