Photoshop设计炫彩的商业网页界面设计(4)

文章来源于站酷，感谢作者 wangyufeng 给我们带来经精彩的文章！

设计教程/PS教程/设计教程2012-06-06

25、对于这个白色图形，添加下面的图层样式 26、复制该样式，到每个颜色框的右上方，并保持相同的空间比例。 27、然后添加另一个图标,和一些标题文本。 28、继续完善内容，注意正文内容较多时，要文字比例比较小，

25、对于这个白色图形，添加下面的图层样式

Photoshop设计炫彩的商业网页界面设计

26、复制该样式，到每个颜色框的右上方，并保持相同的空间比例。

Photoshop设计炫彩的商业网页界面设计

27、然后添加另一个图标,和一些标题文本。

Photoshop设计炫彩的商业网页界面设计

28、继续完善内容，注意正文内容较多时，要文字比例比较小，同时采用与标题字颜色反差，这样能突显出Title的醒目性，并在其间加入横向分割线。

Photoshop设计炫彩的商业网页界面设计

29、最后一个步骤，添加另一个文本与横排文字工具。

Photoshop设计炫彩的商业网页界面设计

30、这是最后的结果。希望你会喜欢它。

您可以使用该Web布局，加以细微的修改，使得它成为另一个Wordpress主题。

Photoshop设计炫彩的商业网页界面设计

情非得已