Shadow Red Persona 主题: 做自己

缘起

Shadow Red Persona 主题（开发代号：Phantom Glass）是 Shadow Red 主题（下称“SR”）的第一次重构。

一开始的 SR 是基于 Hello 主题改造的 WordPress 主题，灵感主要来源于游戏《女神异闻录 5》（下称“P5”）的配色和元素，以及苹果网站的一些风格。通过自由组合元素，搭配色彩和动效来实现 SR 的视觉冲击。其中 Shadow 代表暗色背景，以及怪盗团在暗中行动的身影。Red 就是游戏中标志性的红色，在阴影中闪耀。

一直以来，SR 主题的设计都围绕着黑红两色，并搭配磨砂玻璃在营造冲击感的同时加入一些约束（为了可读性的牺牲）和科技的元素。在过去的四个版本中，从确定颜色和整体结构、细化组件和统一模板、融入更多的磨砂玻璃元素在更多的交互界面，到上一个版本用于凸显标题和重点的 #Tag 设计。这一路上的只增不减已经给网页的速度带来了一定的麻烦。为了结束越来越多的性能浪费和越堆越高的技术债的影响，整个主题基于新的 CMS 框架 Shadow Red 重新开发（是的，框架和主题名字一开始是一样的）。

Shadow Red Persona

重制后的主题的设计理念可以概括为：P5 配色下的个人叛逆风。在设计的阶段，我尝试在各个地方融入一些“夸张”的元素，例如超大字号的标题，没什么正文的主页，或是“怪盗式”切换页面的效果。该主题的尽可能的覆盖了所有目光所及的部分，这也是为了迎合 P5 中怪盗主角团每次都能在帅气的出场中 STEAL THE SPOTLIGHT。

为了配合整体的风格，主题采用的颜色尽可能的限制在了红、黑和白之间。其中大部分的可交互元素以及装饰元素使用了红色搭配四边形。例如眉标的部分采用了主题色的矩形斜铺在页面上，作为简化的拼贴字设计，尝试为游客所浏览的内容“贴上标签”并在设计风格和可读性之间寻找平衡。正文较多的部分则用回了类似磨砂玻璃和透明玻璃的容器。

字体方面最终挑选了 Anton。Anton 是一个免费个人和商业使用的字体。其字体设计特点用在标题可以带来较强的视觉存在感，以及紧凑的结构可以让标题显示更多信息的同时减少换行的情况。

基本设计外，还额外增加了一些怪盗式的美学，诸如 Friends 页面中的邀请信。其他彩蛋请自行发掘 :)。

结语

开发的过程中没有什么优雅的解决方案，也没什么普适性的东西。一切以满足特定风格为条件的开发（也可以说是一己私欲）。毕竟人在这个世界上有这么多的身份，也不要忘记偶尔做一下自己。