当前位置: 首页 > 设计教程 > 网页设计教程 > 基本的网页布局设计

                                    基本的网页布局设计

                                    这篇教程主要是运用矩形选择框工具(M),添加图层样式。难点可能在于创建那3个主题图标,需要自己琢磨下。
                                    先看下结果图:

                                    效果图

                                     

                                    新建文档:宽1200px,高1500px,背景层以颜色(#e9e3c9)填充。

                                    一、创建网页头部(head)
                                    1、新建图层,选中矩形选择框工具(M),在画布头部添加矩形,宽1200px,高度大约100px,并设置如下图层样式
                                    “渐变叠加”

                                    step1

                                     

                                    “描边”
                                    step2


                                    头部将会是这样子:
                                    step3

                                     

                                    2、在头部添加网站的标题,广告语和Logo和一点公司简介。大概布局是这样的:
                                    step4

                                     

                                    对于标题Design.Studio,应用了如下样式:
                                    “阴影”
                                    step5

                                     

                                    “渐变叠加”
                                    step6

                                    分享到: 

                                    热门推荐

                                    山东十一选五在线计划