admin管理员组

文章数量:1530018

开发工具与关键技术：使用Photoshop改版学校官网
作者：成东平
撰写时间：2019年4月20日

改版学校官网，设计学校官网与更改学校官网都与其他网站不同，因为学校官网相比于其他网站来说要严谨很多，大部分的学校官网使用的颜色都是蓝色，因为蓝色在颜色系代表严肃。
因为更改幅度过大本人就不展示该学校的原官网，那么下面先来看看本人更改后的官网

一些原因所有本人把该学校的名称与logo学院人物的标志用x和m代替。

首先本人在该网站顶部的导航栏的背景做了一点点设计，一般的网站的导航栏都是将导航栏放制在贴在顶部然后将logo放制在一块导航背景的上面，原网站也是如此所有本人将导航栏顶部修改了一下将导航栏食物背景颜色面积缩小然后往下一点放制然后将导航栏的背景颜色的透明度调整为了70%然后再在该部分放制一个轮播图片加上导航栏的透明度可以看清图片，这样及显得好看又显得有逼格然后在左边放制logo将logo的大小调整比导航栏的背景大然后ctrl+j复制一个然后在调大一点然后转化为蚂蚁线然后使用ps中的第二个工具只需要点击第二个工具即可，然后选中复制出来的logo将他删除然后在导航栏的背景图直接点击backspace然后将成为了上图。接下来就是学院的美景图片本人将他们整理了起来刚开始内容是非常的乱的，然后将学院来的一些重要人物的讲座视频放制在了一个部分内。
然后就是下面的内容该部分的内容都是文字比较多的所有本人将它们放在了一起，原来的网站的内容不仅乱而且放制的内容枯燥比看报纸还枯燥然后本人将大内容整理放制在该内容的标题的字体右边放制了一些icon在下面放制了一个“查看更多”的icon以便查看更多的内容。在下面的内容就是学院近期与哪些企业合作的事情。然后就是学校的教师的信息内容在自定义工具中找到方形边框然后绘制一个合适大小的方形边框然后将教师的内容放制进去该部分是个轮播内容在正常情况下是定时更换的在鼠标移动在上面时是停止不动的然后在方形工具的左右俩边放制一个在自定义工具中的“前进”的形状工具与顶部的轮播图片一样的形状然后添加颜色#bed7fd，然后在绘制一个圆高4.09宽4.09厘米的圆添加3px的描边加上#b28850，然后复制三个出来总共四个然后将他们对齐然后在下方放制该教室在该学院的身份与名称然后在下方放制一个“了解更多”。

然后就是网站的低部部分用矩形工具绘制一个合适的矩形然后转化为蚂蚁线就是主题颜色然后放制容纳，地址，邮箱，之类的信息整个网站就完成了

本文标签： 官网学校photoshop

版权声明：本文标题：Photoshop改版学校官网 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726666617a1080367.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。