【人机交互设计】实验2
实验要求：2.1 寻找最美颜色搭配：找出你认为颜色搭配做的比较好的界面，并给出理由。同时讨论界面设计过程中，对于配色和颜色的常见规则，提出你的见解。
界面选择
我选择的页面是明日方舟官网主页https://ak.hypergryph.com/index
主页
官网的滚动设置是滑动滚轮就会滚到下一个页面，用滚轮不能让网页停留在一半第一个页面一半第二个页面的状态。第一个页面背景是游戏的宣传视频，上方放置游戏logo与下载地址。
我觉得配色设计很好的是第二三四页面。
活动页面
首先可以看到，第二个页面底色是沉稳的黑色，字体是醒目的白色，上方轮播图与下方表格中都使用了蓝色元素，轮播图用了高亮的黄色点缀，突出重点。整体配色看起来简洁大气。
选中
当表格被选中时，底色与原来的蓝色元素会进行互换，文字颜色也变成黑色。
阵营页面
第三个页面是介绍游戏中各种阵营的。底色依然是黑色，不同阵营的白色图标以白色细线与层次阴影隔开，阵营后放置饱和度拉到最低与高度模糊的的人物。
选中
当阵营被选中时，人物会恢复色彩，但依然与页面配色保持和谐。
名词介绍
第四个页面背景是灰白色的图片，细节较多，有地图、方格、圆形、阵营图标等元素
，但不显得杂乱。上方名词直接使用图片来表示，有白色矩形与阴影框选，虽然图片颜色各不相同，但基本配色仍是黑色主调，以黄蓝点缀。
选中
选中图片时下方才会出现文字。有趣的是，鼠标在此页面移动时，图片、白色框与阴影会略微移动，制造出伪3D效果，这个在截图里无法体现，可以自己去看看。
常见规则
归纳一下我自己觉得的配色规则
1.大面积的颜色低饱和度
2.点缀的颜色高饱和度
3.文字颜色与背景要强烈区分
4.确定一个统一的配色方案
5.颜色相近无法区分的可以使用黑白图形遮罩进行突出
