本文已经超出时效性,本站于2020年12月28号已经更换了新的设计方案。

新设计利用单元模块对本站的一下页面界面进行了重构,实现了视觉上的统一。

通过不同大小的单元模块拼接成为一个完整的视觉元素。

示例

“我?”页面的标签,使用了内容单元(小)。
“我?”页面的细节栏,使用了内容单元(中)。
“我?”页面的展示栏,使用了内容单元(大)。

拆解

基础单元

内容单元(中)

内容单元(大)

图像单元

指示单元

内容单元(小)

其中,基础单元和指示单元为必选项。原则上各单元圆角相同或洁净

使用

这是一个视觉元素

如下图所示

通过单元的叠加形成视觉元素

细节

适当使用阴影配置、颜色
注重阴影的一致及颜色的搭配

使用原则:

  • 不使用对比色搭配
  • 使用暖色调
  • 色系应以淡(亮)色系为主
  • 单元间距不应过挤
  • 不推荐衬线字体(但我还是用了)

欢迎各位提建议呀


ありふれたあの日々をただ思い返す