网页展板设计
1
展板的概念
网页展板是将网页中重要的页面进行巧妙组合，加以美化设计装点，最终展示给客户的一种形式
2
展板的设计目的
1.方便展示，对作品有一定的保护作用
2.更清晰的展示设计理念、配色、以及应用效果，让客户更理解你的作品
3
如何设计展板
1.设计尺寸：PX——PX（无固定值）
2.无有效区
3.与网页的设计风格一致
4
案例实操
1打开PS新建文件，宽度PX，高度PX，左右两边各留50px，拉参考线
2.先拉矩形X色块准备放置标题，拖入背景素材图，将矩形ctrl+J复制放到最上层填充黑色，降低图层不透明度，做一个遮罩的效果。
矩形其中一个角变圆角，增加设计感
输入文字进行排版
拖入电脑样机素材，双击智能对象套样机，把做好的网页首页放进去展示
输入文字介绍01首页设计，第一个板块完成，打组。
3.第二个板块，设计理念，往下走像素，模块与模块之间间距一致，后面也是
设计理念标题字号36。下方正文段落字号16，行高32，颜色
设计理念下放做好的首页效果图整张，加一点点投影效果
4.第三个板块，设计规范
复制上方设计理念的组直接改字，颜色规范、字体规范
颜色：重要文字色号，次要文字色号，辅助文字色号
字体：所用字体名称
5.首页介绍完了，内页设计介绍，不需要每个页面都拿出来展示，只需要展示最出彩的几个页面就可以了。
也放一张素材图做背景放文字，做成中间banner的形式
复制最上面的标题进行修改02内页设计
然后拖入一张内页进行展示，加一点投影
第4板块整体打组
6.移动端效果展示
banner背景图加遮罩，输入文字进行标题排版
拖入pad样机点击智能对象进行贴图
下方再拖入手机端样机进行贴图
7.最后结尾THANKS
拉Xpx矩形，拖入图片素材作为背景，最上方矩形填充黑色最为遮罩
输入文字
end
免责声明：狒狒报名了设计网课，这是自己整理的课堂学习笔记，图片来源于课堂截图/自己的作业，仅供学习/复习用，不可外泄，禁商用转载哦~
知识是共享的，笔记是自己一个字一个字敲的。
预览时标签不可点收录于话题#个上一篇下一篇