Photoshop设计简洁大方的个人作品网页界面（2）

• 个人作品
• 界面
• 网页
• 设计

Step 10

选择直线工具，前景色为白色，大小1px，在图标下方50px处画一条直线，长度：从边缘到第四条参考线

为了视觉微妙点，将图层不透明度调整到10%

Step 11

继续新建一个图层组，命名为导航。把素材的矢量图标拖进来，大小调整为13*16px，将这个图标命名为作品。

双击图层，颜色叠加：#d35136，位置：直线下方40px，紧贴第一条垂直参考线。

Step 12

使用 14pt 大小的文字，写上作品，或者Work，位置：第二条参考线处，水平方向与图标对齐。

前景色改成#424a51，继续文字工具打字，内容随喜，大小14pt，行距设置成24pt，完成后将这个目录图层移到距「作品」下方24px处

Step 13

当点击时，我们需要使链接变亮，所以改变Lastest的文字颜色为白色。

Step 14

把联系人的图标拖进来，转成智能对象，大小调整成16x16px，颜色叠加#27b599，位置在目录30px下，紧贴第一条参考线。

Step 15

重复上次步骤。唯一不同的是，「关于」的文本颜色改为#424a51

Step 16

最后创建联系方式。图标拖进来，大小调整成16x13px，颜色叠加#088ecc，其他同上，不同的就是「联系」字样颜色为#424a51

Step 17

现在做简介页面，回到简介图层组。

前景色改成 #f7f7f7，创建一个大小320x1320px的矩形，紧贴左侧栏和第五条参考线。

Step 18

前景色改成#e7e7e8，创建一条直线，大小1px，放在底部，长度到第五条参考线处，见图：

Step 19

现在创建时间轴，利用直线工具，画一条竖线，大小为3px，命名为时间轴，位置：距左侧栏24px，顶部30px

Step 20

前景色改成#d35136，画一个圆形，大小11x11px，位置：距左侧栏跟顶部都是20px，见图：

Step 21

为圆形图层添加样式，参数如下：