画面颜色与牌面只作识别线索
视觉元素可以帮助快速定位,但不能代替标题和文字说明。本站更看重“先名称、后画面”的顺序,让相近主题在不同屏幕尺寸下仍能被清楚区分。

三个常见视觉层级
标题层用于确认当前栏目名称,是识别时最优先的信息。
主体层包括牌面、角色与主要图形,帮助把名称与画面对应起来。
辅助层边框、光效、背景纹理与色块用于区分区域,不作额外判断。
不同设备上允许留黑边
图片采用完整显示,不为了铺满屏幕而裁切。手机端如果画面比例与容器不同,四周留出近黑区域属于正常适配,不会改变主体内容。
从视觉继续到文字说明
识别顺序可以从大到小
先看整张画面的主色区域和主体位置,再看牌面、角色或标题文字,最后才看边缘图标和装饰。由大到小的观察方式更适合手机屏幕,也能避免把局部光效误当成页面主信息。
如果图片没有载入,页面仍会保留近黑占位和完整正文,不会显示破损图标或把本地文件名写进可见内容。此时仍可通过文字说明与站内链接完成查阅。
画面与界面是两个层次
画面说明关注视觉构成;界面熟悉关注菜单、按钮和正文入口的位置关系。想看视觉线索留在本页,想确认“哪里可以点、菜单如何关”则进入界面熟悉,两者分开阅读更清楚。
观察画面时也不需要追求一次看完所有细节。确认主标题、主体和一两个关键位置已经足够,其余信息可在需要时再查,避免长时间停留在同一张图上。
