发工具与关键技术:使用Photoshop 设计网站首页
作者:成东平
撰写时间:2019年4月10日
先来看看本人设计的食品网页
Photoshop设计网页上图就是本人使用Photoshop学习设计的第一个网页,该网页为食品网页颜色使用的是紫色为主题色,第一步建立一个宽93.49px高200.16px的空白纸,然后用矩形工具绘制一个宽93.61厘米高7.40厘米的长方形出来然后转化为蚂蚁线添加颜色为# 9584b1,然后把导航栏上的字体用字体工具打上去字体使用微软雅黑在字体的右边一个字体的样式栏微软雅黑的字体样式栏有3种选择最下面的一个Bold,字体大小为50px然后在首页的字体把颜色改为紫色的相反色# ffeb00(此部分是一个点击页面的交互功能,使用# ffeb00是因为搭配紫色的颜色过少,只有使用它的相反色才明显好看)
完成后把搜索栏制作出来,用矩形工具绘制一个宽13.19厘米高2.14厘米的长方形添加1.5px的描边描边颜色用#000000长方形的填充颜色使用#ffffff然后再在该矩形的右边绘制一个宽4.48厘米高2.14厘米的长方形出来加上# 654585颜色,然后在自定义工具中找到一个购物车形状的图形用该图形绘制一个宽2.14厘米高2.1厘米大小出来然后想一个店名出来再弄一个logo出来然后再在自定义根据 中找到“模糊点”出来绘制出一个来调整好大小放制好文章然后摁住ctrl+ shift+ a