（5）链接设置

（5）链接设置

用户浏览完以上板块后，如果想继续浏览二级页面就需要返回网站最顶部，因此，为了给用户提供更良好的浏览体验，设计师又增加了浏览细分二级页面的链接部分，完成效果如图5-12所示。

新建图层组，命名为“案例”，按照之前草图绘制的大致思路，将该公司的Logo居中排列，分别设计“标志VI”“包装”“年度服务”“品牌”“互联网+”5个关联的链接板块。每个板块的设计步骤都类似，由于篇幅限制，下面只详细讲解第一个“标志VI”的操作过程。

新建图层组，重命名为“标志VI”。在图层组下面新建图层1，选取“矩形选框工具”，拖动出一个宽“180像素”、高“430像素”的虚线选区，选择“黑色”填充，如图5-13所示。

图5-12

图5-13

保持选区状态，在“选择”下拉菜单中选取“修改”中的“收缩”命令，收缩2个像素，在“编辑”下拉菜单中选择“描边”命令，弹出对话框，宽度选择“1像素”，位置“居外”，颜色选择“金色（R：180，G：125，B：0）”，如图5-14所示。描边效果如图5-15所示。

图5-14

图5-15

单击图层1，选择“文字工具”输入“BASI、标志VI”，选用“宋体”“8#”字，颜色选择“白色”，单击“Enter”键确认。重新选择“文字工具”输入“标志、吉祥物”，选用“黑体”“5#”字，颜色选择“金色”，单击“Enter”键确认。所有文字与图层1垂直居中对齐，再拖入事先设计好的背景插图，放在图层1上，选中插图背景，单击鼠标右键，选择“创建剪切蒙版”，完成创建。效果如图5-16所示。(https://www.daowen.com)

剩下的4个板块的设计，按照相同的步骤，完成“包装”“年度服务”“品牌”“互联网+”板块设计，步骤图如图5-17至图5-19所示。

图5-16

图5-17

图5-18

图5-19

为了方便用户更便捷地浏览其他门户网站查阅相关资料，在最后加入了网站跳转链接，居中排列，再次平衡版面，完成效果如图5-20所示。

图5-20