Photoshop画小项目原型图设计

一、前言

在我制作个人项目的时候，经常会要自己独立去完成一个界面原型设计图。因为原型设计图在项目中起到一个先导作用，所以画好原型设计图还是很重要的。那么，今天我就来给大家讲解一下使用photo画原型图设计的绘制，因为一个项目中界面多的原因，我主要拿主页做示范。

二、网站的布局

首先我们要想清楚我们要的是什么样的网页样式，也就是先来了解一下各个网页的界面展示，这个我在上一篇博客中已经说明过一次了。
传送门： https://blog.csdn.net/qq_45547474/article/details/107055432.

当然不用传送门也是可以的：

名称	解释	简图理解	网站示例
“T”字形	页面顶部为横条广告+广告条，下方左面为主菜单，右面显示内容为布局。因为菜单条背景颜色深，整体效果类似英文字母“T”，所以称之为T字形布局。	有妖气漫画：https://www.u17.com/.
"口"字形	页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容。	苏宁易购:https://www.suning.com/.
“同”字形	就是整个布局类似“同”字，页面顶部是主导航栏，下面左右两侧是二级导航条、登陆区、搜索区，中间是主内容区。	当当网: http://www.dangdang.com/.
“三”字形	采用简单的图形和线条代替拥挤的文字&