【预告】【抢先体验版】MD-Board —— 经典Material Design风格主题
Tillreetree 17天前

旨在将Material Design 的经典美学与论坛社区的功能性完美融合的模板。

【这是预告】

预计在2024年9月(及9月之后)发布,敬请期待。

免费主题不提供技术支持。

致敬经典

我们深知,优秀的设计应当既具时代感又不失经典韵味,因此,MD-Board在采用Material Design设计风格的同时,巧妙融入了现代论坛社区的需求与特性,力求为每一位用户带来前所未有的视觉与操作体验。

MD-Board的诞生,也离不开对前辈们的致敬。

  1. “Huan_Cheng_233”的“MD风格”主题
    1. 尽管那次尝试未能完全成功,但它为后续在Xiuno BBS中实现Material Design风格主题奠定了基础。
  2. 受“MDClub”启发:
    1. 该程序在Material Design风格的实现与应用上提供了丰富的经验与思路。
  3. 受“无垠”开发的MDx主题启发:
    1. MDx主题在细节处理、用户交互等方面展现出的优秀设计,为我们提供了宝贵的灵感。
  4. 受“EAimTY”开发的“materiality”主题启发
  5. 受“LychApe”开发的“DreamCat”主题启发

简洁大方

MD-Board采用单栏设计,将视线焦点牢牢锁定在核心内容上,让每一次浏览都成为一次愉悦的阅读之旅。

同时,我们将之前的右侧内容隐藏于可展开的右侧栏中,只需轻轻一点导航栏的省略号按钮,即可轻松访问,既保持了界面的整洁,又兼顾了功能的全面性。

兼容性强

我们深知,任何设计或模板的更新都应当尽可能减少对现有生态的影响。因此,MD-Board在开发过程中尽可能“只做加法”,尽量不进行大规模的重构,所以现有的插件和工具应该能够继续使用,且不会让整体UI走样。

响应式设计

随着智能手机的普及,越来越多的网站和平台似乎更倾向于将重心转移到开发原生App上,以此提供“更好的用户体验”。然而,这一趋势往往导致了对手机浏览器用户的忽视。许多网站即便提供了网页版,也往往显得功能受限(几乎只能看不能交互),目的仅仅是为了引导用户下载并安装全功能的App。

MD-Board坚守Web的纯粹与初心,致力于打造一个跨越设备的无缝体验。通过引入前沿的响应式设计理念,MD-Board实现了从电脑 到平板电脑 再到手机的全平台卓越表现。无论是浏览帖子、参与讨论还是执行其他操作,都能为用户带来媲美原生App的极致体验,让社区的乐趣触手可及。

当然,你也可以将自己的网站封装成独立的App,供手机用户安装使用。

无障碍

MD-Board在设计中充分考虑了无障碍性,致力于让每位用户都能轻松访问和使用。

MD-Board严格遵循HTML5的语义化标准,使用了如headernavmainfooter等标签来定义页面的结构,这些标签不仅增强了页面的可访问性,也使得搜索引擎能更好地理解页面内容。

为了进一步提升辅助技术的理解能力,MD-Board在关键元素上合理使用了ARIA的role属性,为屏幕阅读器等辅助设备提供了更丰富的上下文信息。

MD-Board支持CSS的prefers-reduced-motion媒体查询。若用户系统设置偏好为减少动画,MD-Board将自动消除绝大多数动画效果,以提供更加舒适的浏览体验。

MD-Board积极响应用户系统的颜色偏好设置。若系统支持prefers-color-scheme媒体查询,MD-Board将自动切换至黑暗模式,以适配用户的系统设置,带来沉浸式的观感。此外,MD-Board还提供了标准暗色与纯黑色两种黑暗模式选项,纯黑色选项可进一步提升对比度,满足特殊用户的需求。

几乎支持全键盘操作:为了提升键盘用户的操作效率,MD-Board在设计中充分考虑了键盘导航的便捷性。用户几乎可以使用键盘完成所有操作,如浏览帖子、回复评论、切换页面等,无需频繁切换至鼠标。

截图展示

最后于 8天前 被Tillreetree编辑 ,原因:
上传的附件:
最新回复 (15)
全部楼主
  • Tillreetree 版主 楼主
    17天前 2
    0
    我只能说,我为什么没能早几年做出来,而是在2024年才有这个想法;不多说了
  • Airhelym
    17天前 3
    0
    两个框架都将被使用到吗(指MD用于样式,BS用于兼容生态)
  • Tillreetree 版主 楼主
    17天前 4
    0
    Airhelym 两个框架都将被使用到吗(指MD用于样式,BS用于兼容生态)
    yes
  • oliolo 版主
    17天前 5
    0
    高产啊
  • heiyuan
    16天前 6
    0
    面对如此强贴,论遇到多大阻力,只要我一息上尚存,就绝不会让它沉沦下去,这一点请楼主放心。 
  • xiaocui
    16天前 7
    0
    面对如此强贴,论遇到多大阻力,只要我一息上尚存,就绝不会让它沉沦下去,这一点请楼主放心。 
  • xuelipao01
    15天前 8
    0
    楼主,你写得实在是太好了。我惟一能做的,就只有把这个帖子顶上去这件事了。 
  • webadmin
    14天前 9
    0
    感谢楼主ing!!!
  • juse
    12天前 10
    0
    非常棒~~~~~~~~~~~~~~~~~!!!!
  • cvcvcvcv
    12天前 11
    0
    哈哈,不错哦!
  • juse
    10天前 12
    0
    支持一下~~~~~~~~~~~~~~!!!!
  • www2296945504
    9天前 13
    0
    我要拿出这帖子奉献给世人赏阅,我要把这个帖子一直往上顶,往上顶!顶到所有人都看到为止! 
  • tb252111
    7天前 14
    0
    有没有手机端好看一点的
  • Tillreetree 版主 楼主
    7天前 15
    0
    tb252111 有没有手机端好看一点的
    很多主题移动端都差不多的(“不是特别好,但肯定不差”的级别);而本主题是想要尝试做一些移动端优化,使其用起来顺手一点
  • Tillreetree 版主 楼主
    7天前 16
    0

    (当然,如果你不喜欢本主题的设计风格也没关系,毕竟这个设计系统已经有10年(初版)或6年(第二版)历史了,但依旧看上去很好)

    最后于 6天前 被Tillreetree编辑 ,原因:
返回