本节简介:案例演示制作,用PS设计网上商城二级页面。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
可以根据内容来设置页面主体颜色,比如科技可以使用蓝、银色;生物方面可以使用绿色、黄色;商品方面可以使用红色,紫色;标签可以使用多样性的,以增加网页趣味,比如圆角矩形,点状分割线等。
注意色调,与生物有关的用绿色多,与科技有关的用蓝色多。
常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式(会对网页结构灵活地进行变形)
网页结构:上下结构(个人网站,企业网站)如果是下上布局,为了避免滑动条出现大小控制在1000px*640px,左右布局(小型的企业网站,)二级页面框架:1.logo 2.广告图片 3.导航区 4.广告区 5.分类产品区 版权信息区 标题设计方法
网页设计须注意页面结构安排,产品位置摆放,以及添加界线。
4.上左中右式结构(常用于企业,门户,电子商务;是目前最常用最为普遍的一种模式结构;主要用于政府、教育、科技、电子商务等;整体颜色以清爽、简洁为主,主体底色为白色)5.综合式结构(如:把页面分为上下两部分,上部又分为:上,左中右结构,下部区域为:上左右倒过来;常用于大型门户,如:搜狐、新浪、163等;)6.不规则式结构(页面设计为一个形象或是一张图片,重在渲染气氛)
网页布局分为:1.上下结构(常用于个人企业和中小型企业)2.左右结构(内容丰富,常用于企业网站;比较好的有:左中(中间的又可以划分为上下结构且下部又分为上中右)右3.上左右式结构(常用于大中型企业,表达内容较多;如:上:导航菜单;左:信息,小广告;右:主内容;可以根据页面所需位置,颜色,面积大小来调整页面的主次;一句话:有多少内容就划分多少模块)
准确定位需要的结构框架,划分结构模式,用PS设计网上商城的二级页面