（6）底部导航栏设置

（6）底部导航栏设置

具体操作步骤如下：

①新建图层组，重命名为“底部导航栏”，新建图层1，选择“矩形选框工具”创建高“2像素”、长“19200像素”的选区，填充“金色”，如图5-21所示。

图5-21

②新建图层2，选择“矩形选框工具”创建宽“40像素”、长“19200像素”的选区，填充“80%黑色”。选择文字工具输入“关于BASI”“在线客服”“BASI招聘”“联系我们”，如图5-22所示。

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

③新建图层3，选择“矩形选框工具”创建宽“45像素”、长“19200像素”的选区，填充“黑色”。选择文字工具输入网站相关备案编号、公司名称、地址等信息，如图5-23所示。

图5-23

至此，整个网站的首页界面设计完成（图5-24）。

图5-24

如果前期的构思充分，利用Photoshop软件来实现自己想要的页面效果其实是非常简单的。设计者只要掌握一定的PS操作技能，以网站准确定位为前提，合理规划网站布局功能，重视人机交互的合理化设置，结合版式设计的技巧和规律，并注意色彩搭配的合理性，就能将网页的界面设计得让人满意。相信通过前面案例的介绍，大家也掌握了其中的一些规律和方法，网页设计的学习需要大量的时间积累，精彩的界面设计必须通过不断的练习和实践才能得以掌握。