（2）顶部导航栏设置

（2）顶部导航栏设置

具体的操作步骤如下：

①选择图层窗口，快捷键为“F7”，创建新的图层组，重命名为“导航”。根据网站前期草图规划，导航分为两个部分。在图层组中新建图层，重命名为“导航1”，在工具栏中选择最上方的矩形选框工具，按住鼠标左键拖动，拉出虚线选框，如图5-5所示。

图5-5

②选择工具栏最下方的“前景色/背景色”按钮，弹出颜色选择框，在选择框最下方勾选“只有Web颜色”，选择合适的颜色，并单击“确定”按钮。在虚线选框中填充所需颜色。勾选“只有Web颜色”是为了将颜色选框的颜色范围界定在Web可显示的范围之内，减少色差（下文中所有颜色的选择都应勾选此选项，不再做特别说明），如图5-6所示。

图5-6(https://www.daowen.com)

③将企业Logo文件拖至该文件中，在左边蓝色辅助线内将标志缩放至合适大小；选择文字工具，输入文字及该公司联系方式（在设计之初，为了方便用户在浏览网页的第一时间就能联系该企业，强化联系方式是常见的处理方式，也可根据实际情况删减），并缩放至合适比例，颜色设置为“白色”，字体为“宋体”，字号为“6#”，如图5-7所示。

图5-7

④接下来制作导航条按钮。新建文字工具，字体选择“黑体”，拉出虚线，颜色为“黑色”，位置调整至合适比例，距“导航条1”1像素，复制此文字图层，形成虚线框。在这个网站中，预先设定了6个导航按钮，分别是“首页”“客户”“服务”“洞见”“互联网+”和“关于BASI”（此文字信息在网站策划前期已确定）。字体为“宋体”，字号为“8#”（不同行业字号可作相应调整，本网站为了突出精致感，字号都略小于常规字号），将位置同样设置在左侧辅助线之内，与企业标志左对齐。为了使用户有更好的互动体验、更便捷的沟通渠道，本心公司网站的首页导航条上还设定了非常人性化的3个导航链接按钮，分别是“邮件”“微信”和“微博”。至此，导航条部分设计完成，如图5-8所示。

图5-8