网站更新

[willie4624]

【功能和内容】

• 语言切换按钮加在「开始」菜单的右侧，顺序为「EN-漢-汉-」循环
• 填充一个 fallback 所有不支持字符的 notdef 字体（可变）（重要性低）

【感应】

• 页面左上角添加功能：
  「声控对比/聲控反差」，初始为 regular，声音越大对比越强（XWGT↓ YWGT↑）；此按钮激活状态和「声控X/Y」互斥，激活后，出现
  「反对比/逆反差」，打开后，声音越大反对比越强（XWGT↑ YWGT↓）
• 鼠标控制时，交换当前横竖移动控制的轴（水平移动：YWGT；垂直移动：XWGT）
• 英文版布局优化（目前坐标值和 click here to…都存在的时候，手机上的字会非常高）
• 「点击这里开启方位感应」省略号去掉
• 英文改为 Tap here to enable gyroscope

【关于】

• 在「设计」「导师」下一行加上「（同济大学设计创意学院）」并链接到 https://tjdi.tongji.edu.cn

【英文版】

• 首页呼吸大字同简体中文版
• 四个页面名称分别为Recipe Respond Response Ripple About（地址保持不变？之前似乎公开过 /demo 的地址，为避免失效或许也可以做个重定向？）
• 「Start」菜单仅在小屏手机上的处理：展开后不显示 Start 和语言按钮，点击某个子页面后收起菜单（其他情况下菜单是不收起的）
• 设置相关 UI 分两行
• 「Recipe」文本内容同简体中文版
• Layout options → Typesetting options
• 「About」Tongji University之间不断行（我手机的宽度下一直会有university孤词）

【繁体中文版】

• 所有文字一律打开 ss01（因为有些繁体字的非康熙字形没有做）
• 「漣漪」支持的字符集：上不丙中乙于人今以任位体作倉個值儲全兩共划創劉動化十南占印反取可同后向品問啟嘰四圖土型塢复夜大天始字學定家寬導小山工差己師平年度庫式形後念恢意感態應我或技持排控播擊支數文新方於日明春更書曾最月朝木本机杜東染格業標樣機橫欽正此比水永江海源漢漣漪潮濟無然版王生產用田由甲畢畫發白的目直看示祥空筆粗紀級細絡維網織纖纛网置耳聲育自色花草行裡觀計訪設認謹警護變距逆這速造連酬里重量錨閉開間關院隨面頁項順預顯體鬱鷹黎黑默點
• 「全寬」→「全形」
  「默認」→「預設」
• 「字樣」替换内容
  天上取樣人間織，染作江南春水色。
  春江潮水連海平，海上明月共潮生。
  Ad astra abyssosque!
  面向動態圖形的中文可變字型「絡黑」（LuoHei Variable），設計於2020–2022年間。
  个東我意酬書鬱鷹𰻞
  Fox nymphs grab quick-jived waltz.
  2.718281828459…
• 「關於」替换内容
  僅謹以此設計紀念
  Gerrit Noordzij
  (1931–2022)
  可變字型「絡黑」源自刘育黎的畢業設計項目「面向動態圖形的中文可變字體」，由兩個變數作用於筆畫粗細，產生不同的反差樣式。
  設計　劉育黎　導師　杜欽
  （同濟大學設計創意學院）
  網頁開發　曾祥東
  本頁面由atelierAnchor維護
  訪問GitHub倉庫

【简体中文版】

• 「涟漪」支持的字符集：上不丙业东两个中乙书于产人今仓以任传位体作值全共关击划刘创动化十南占印反发取变可叶号叽同后向启品四国图土坞型声复夜大天始字学定家宽对导小山工差己师平年库应度开式录形念态恢意感我或技护持排控播支文新方於无日明春显更曾最月朝木本术机杜染标样格横正此比毕水永汉江济海涟源漪潮点然版王生用田由甲画白的目直看示祥空笔粗纛纤纪细织络维网置耳育自色花草行观警计认设访谨距转过这连逆速造酬里重量钦锚闭问间院随面页项风鹰黎黑默
  （「字样」中随机的字符集在此基础上添加「一二三」）

[willie4624]

• 繁體中文typo：「謹」以此設計
• 多刪了「以」字
• 将 hover / 激活状态的加粗样式改为逆反差：正文800/400，标题900/450，等等
• Gerrit Noordzij 的 hover 状态改为弱对比：400/600
• 正文hover状态由当前的200/800改为400/800（规则：粗细笔画均加粗，数值始终为1:2）
• 字体文件更新 (10.12)

视觉字号与对比（xwgt/ywgt）：

Optical size	sm	md	lg	noordzij
Normal (light)	300/600	250/500	200/400	450/500
Bold (light)	450/900	400/800	400/800	200/800
Normal (dark)	275/575	225/475	175/375	425/475
Bold(dark)	425/875	375/775	375/775	175/775

[willie4624]

菜单逻辑整理：

• 一般情况下没有问题；
• 页面宽度小于 640：菜单开始菜单展开后，「开始」按钮加粗，且「开始」和语言切换按钮不消失（英汉界面均适用）；切换页面后，菜单不收起。
• 页面宽度小于 450 480：英文版菜单展开后「开始」和语言切换按钮消失；切换页面/点击当前页面按钮时，菜单收起。
• 页面宽度小于 360（iPhone SE、iPad 窄分屏）：中文左上角仅显示「络黑」，无「Luohei Variable」，页面左右 padding 减半。

布局和交互：

• 页面整体横纵布局切换断点设为 640，同时在横向布局中为左栏添加滚动条，以便让手机横屏可用（重要性低）
• Font options中，字重按钮活跃时显示全称，逻辑如下：
  初始状态（随机某一个字重）：
  T　L　M　Bold　H
  Bold活跃状态下Hover “Light”：
  T　Light　M　B　H

[willie4624]

• 简体中文改为蝌蚪引号（“字样” 和 “关于” 中，需指定语言）（重要性低）
• 中文 “字样” UI 汉字上下对齐