常规站内页设计
1
内页和首页的关系
什么是首页
访问网站直接看见的页面就是首页也称为一级页面
什么是内页
内页是指二级页面或者点击看到的内容
2
内页制作
接上期服装首页的菜单项做后面的内页部分
1.首页把上期的首页PSD打开，保留头部、banner和页脚部分，其他内容删除，把当前项改为公司介绍，另存PSD重命名。
2.把原先下方标题复制过来，修改为公司介绍。下方绘制矩形1200X400PX，用来放视频，距离上方60PX，拖入图片素材，加上播放图标，降低一些图标不透明度。
3.输入下方段落文字，14PX，行高28PX，距离上方50PX，右侧绘制矩形，复制，置入图片。
段落文字放右边，左边放图，矩形570X400PX，置入图片，右侧下方绘制矩形280X170PX，放置两张图。再在左图上加一根横线增加装饰感和点缀。打组。
4.然后把公司简介标题复制，放在下方，与上板块间距80PX，替换文字做下一个板块，输入下方文字，字号14PX，锐利，行高28，字间距80，距离上方间距50PX。
5.复制首页的页脚组，放在下方。保存。
6.准备做下一个内页，另存为主营时装PSD，首先改导航的当前状态页。把中间内容删了，做分类内容，输入文字，上方当前状态颜色黑一些，下方字灰一些，加入装饰性线条。右方拉段落文本框，输入文字，产品和价格文字大一些，颜色深一些，其他文字小、浅一些。
右边矩形400X360PX框填充95灰放图片，为了让文字和图片产生关联，可以在文字上加一个矩形400X300，和图片部分稍微产生穿插。打组。
7.把首页的产品列表组复制过来，修改为产品展示内容。再多复制一行出来。做一些变化，左边4张图换成一张大图。打组。保存。
8.另存-重命名为设计团队PSD，做下一个内页，首先把导航栏的当前页状态换成设计团队。
9.把中间的内容模块删掉，把标题留下，修改为设计团队，做一些设计师的介绍内容，绘制220X220的圆，导入照片作为设计师头像，复制圆放大作为描边存在，左图右文，右边段落文本介绍设计师，字号14，行间距28，名字24，与下方介绍间距30,拉线条点缀。图片与文字间距100,打组。
10.复制，为了保持视觉平衡，图文位置交替。然后更换照片和文字。整个设计团队打组。
11.复制上方标题做“制作过程”板块，一行三列放图片，绘制矩形框380X230，，图片下方放文字，字号14，与图片间距30，左对齐图片。
12.下方120PX放置页脚。打组保存。
三个内页:高度是不一样的。
end
免责声明：狒狒报名了设计网课，这是自己整理的课堂学习笔记，图片来源于课堂截图/自己的作业，仅供学习/复习用，不可外泄，禁商用转载哦~
知识是共享的，笔记是自己一个字一个字敲的。
優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實的服務(wù)了近萬家客戶，成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用（手機(jī)站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
