食品网站与学校网站对比
作者:李哲定 时间:2019年4月27日
先开始说起制作食品的过程吧,一开始做的这个食品网站更现在如图这个截然不同的,开始的视频网站排版分工也不明确,字体和字体大小都不统一,图片也是歪歪扭扭的不整齐。然后交上去之后老师说这里有问题那里有问题没有给过关。
随后就跟我说我这个食品网站轮播这里的跳转箭头和这5个椭圆其中选取一个去掉不用,因为这2个代表的涵义都是跳转所以叫我去掉一个(这也是我第一次改动),然后我就去把这个跳转箭头去掉了,留下5个椭圆放置再轮播的下方这样还起到一个交互效果,要是这个banner跳转到该页面椭圆就会随着它的变动而变成红色不在当前的页面就变成白色效果,依次这样交互循环效果。
然后我又去交,老师又没给过,她说顶部栏那个交互首页下面的横线太贴字体了而且长度还超过了字体,还有北京那里小三角形太贴着这个字体了还比较大(这是我第二次改动),然后我又回去改我把它们的间距和大小调了一下感觉差不多就可以了随后我自己又检查了一遍自认为没有问题之后我又去交了。
然后还是没有给过,随后说我这个蛋糕专区丶巧克力专区丶曲奇饼干专区把它们的英文翻译放到下面中文放置到英文的上面,而且英文字体的长度不要过度的超过中午字体,叫我把字体与字体直接的字间距和上下的距离调一下不要太贴的紧这样的话会给人一种压迫感(这是我第三次改动),然后又拿回来改,专区那里的字间距缩放到正100把英文字体缩放到负100然后再把中文和英文互换一下位置把中午放置到上面把英文放置到下面,然后又把物品下面的名称和价格的字间距和行间距给调节了一下,随后我又自己检查了一遍发现图片和字体都没有居中,然后我就把标尺线拉出来对准中心间位置这样就起到一个居中效果,随后我把图片和字体全部左右对齐和居中。
然后我又发现一开始这个蛋糕系列丶巧克力系列丶饼干系列全部都是贴着的没有一点距离感而且还大小不一样,从整体来看这里就感觉太乱了没有吸引力还不好看,然后我就拉标尺线到这里来把它们全部统一缩小,缩小之后再利用标尺线起到一个居中的效果再把左右的距离调试好就可以了,改好之后就感觉没有一开始那样的单调和距离感了看上去就比较有创意性和吸引力。
然后我真的以为接近完美的作品感觉没有任何瑕疵了,我又去交了,然而还是没有过关,老师说这个关于我们这里可以用一个矩形圈住这个区域不然就感觉太空了,然后老师还说我这个了解更多这里可以做一个类似于交互的效果,然后我又回来改(第四次改动),随后我就先改这个了解更多这里然后使用矩形工具圈住它就感觉可以到达一个点击的样子,然后再使用矩形工具把关于我们这块区域圈出来就显得不是那么的空荡荡了。
最后我有认真的参考了一些其他的网站来和我的对比,我发现我这个网站的底部栏内容一点多摆放位置不是很协调,然后我就把底部栏的字体和LOGO全部居中,没用的删减有用的内容放置到上面来,最后再把前后之间的距离调节了一下感觉合适就可以了,这样一来就比较简约清新就好比如国外网站的欧美风格类型了。(最后我去交就过关了)
未改动网站缺陷:
第一点这个网站从整体来看顶部内容太多了看上去密密麻麻的很不舒服,字体颜色不统一大小也不统一,还有这个学校的名称到底是用广东信息科技职业培训学院还是用广信IT学院这让一些不是我们学校的人浏览这个网站产生疑惑。
第两点就是网站的banner太单一还有那个跳转红色和白色搭配不好看,下面的椭圆还多了看上去就会感觉太拥挤。
第三点就是那个关于我们-校园风光全部用菱形不好看而且内容太多了也没有什么设计感还有图片也太模糊看不清楚。
这个网站大多数的问题都是内容太多了,没有什么设计感在里面,而且颜色搭配也不好看,把这个网站缩小了来看全部是文字,还有一些细节问题也不处理的很到位,好像看上去都不像学校官网,看上去让人太紧绷,像一个查找信息之类的官网。
改动网站的优点:
第一点改动之后的网站从整体上来看简介了很多,排版也丰富多样化还带有一些科技感,顶部的内容删减了许多,就留下学院名称和校训,然后我添加了一个学院名称的英文放在学院名称的下面,然后首页栏的内容也简化掉了一些,然后在调一下间距就不显得那么单调和拥挤。
第二点轮播也换成具有科技感的图片了,跳转数量也减少了还做出呼应效果,在这个banner里面还添加了一些字,就不会显那么单调看上去也很舒服。
第三点字体和图片的排版依次按照左右规律来,之后再到公告的下面放置英文翻译,内容不要过度的多,字体还有字体大小和间距给予一个归纳性统一看上去才不会歪歪扭扭,使用者才会觉得好看才会吸引点击进去了解。
第四点顶部的banner就是放置素材图之后再添加一个黑色矩形盖住这个素材图,然后再把黑色矩形的透明图层和填充各调到50就达到透明图层的效果了,然后再到上面制作一个播放,再写上一些字就可以啦,就能到达一种效果,这样就给人一种冲击感。
第五点总体来说我的网站偏向于简约的风格,排版就比较严谨不是那么的花里胡哨,色彩也是偏向于学校风格来制作。
食品网站要是比较爱玩有创意性的人做食品网站好一些,因为比较有创意性的人做出来的网站色感搭配就是比较好的。
而学校网站截然不同,学校网站适合于严谨的人制作,因为颜色和排版就比较严谨不用那么的花里胡哨,色彩也是偏向同色系来制作。
食品网站与学校网站对比相关推荐
- 食品网站与学校网站对比对比
(作者:张华,撰写时间:20119年4月18日) 一. 分析过程 我先参考了几张展示然后根据参考的原理做出属于自己的食物展示,首先我做的是关于甜品的食物网站所以我以白色为底淡红色透明为辅助色然后加上展 ...
- 食品网站和学校网站设计区别于总结
食品网站和学校网站设计区别于总结 一.食品网站 食品网站可以设计添加很多的设计,颜色可以设计成很多种颜色.排版多样式,设计感比较强. 二.学校网站 学校网站不能添加过多的设计,颜色不可以设计成丰富化, ...
- html军事学校模板,军事训练学校网站模板
军事训练学校网站模板是一款适合军事相关网站模板下载 资源下载此资源下载价格为4D币,请先登录 资源文件列表 codedown123-0819-64/about.html , 8042 codedown ...
- 记我一次成功的入侵学校网站服务器的黑客行动
声明:根据网上某黑客故事改编 这是我当黑客以来接到的最具挑战性的一单生意,那就是去黑学校网站的服务器.工欲善其事,必先利其器,我很明白现今装备的重要性,于是我把自己从头武装到脚,包装上了全黑的紧身夜行 ...
- 学校网站服务器配置要求,学校校园网站服务器安全配置建议.docx
学校门户网站(WEB)服务器安全配置建议 一.简介 在浦东新区学校教育信息化推进的过程中,各校都建立了自己的学校网站.随着应用的 加强,学校网站的功能逐渐完善,使用率也越来越高, 学校网站的重要性也愈 ...
- 国微大学php,国微CMS学校网站系统(学校版) v20191205
国微CMS学校网站系统是一个以php+MySQL进行开发的学校网站系统. 国微CMS学校网站系统特点: 系统体系化: 模块化体系:所有功能均已系统化.模块化.插件化,如CMS.问答.广告.标签.用户体 ...
- 学校网站建设要做好四个难点
学校网站建设主要为学校的老师和学生和学生家长服务,与其他商业性质的网站有着本质的区别,因此学校网站建设需要考虑的内容和普通网站有很大不同.主要的设计风格应该体现出浓厚的教育氛围,要注重师生情感以及校园 ...
- 学校网站建设需要把握的四个方面
学校网站建设主要为学校的老师和学生和学生家长服务,与其他商业性质的网站有着本质的区别,因此学校网站建设需要考虑的内容和普通网站有很大不同.主要的设计风格应该体现出浓厚的教育氛围,要注重师生情感以及校园 ...
- 学校网站建设制作:学校站群系统需要哪些栏目规划设计?
版权声明:本文章由"深圳市信科网络科技有限公司"编辑组汇编而成,未经授权和许可,任何个人或媒体不得对本网站的文章及其他信息资料予以复制.转载.抄袭.改编. 如需转载请联系本网站客服 ...
最新文章
- [JavaScript] Math里的api
- 软件测试技术学什么条件,软件测试从业者需要具备哪些技能
- xhr XMLHttpRequest 简介
- Oracle中NUMBER类型如果不指定长度和小数点精度默认是多长
- 自助式BI对比评测:Tableau和FineBI
- 前端ORA-03113及后台ORA-07445[evaopn3()+135报错的处理
- 今天,正式开始行走边境线!
- 4针串口线接法图_​RS232串口线常见接法与引脚定义
- js二维码样式生成插件easy.qrcode.js
- 使用公众号快速申请小程序的流程
- 腾讯产培生笔试(内附作者答案)
- WinRAR 3.51 注册码
- BetterGeo Mod 中文
- 汽车的调谐器技术-Tuner
- es中should查询使用注意
- 你在自学软件测试吗?学软件测试10本必看书
- HiJackThis(HJT)日志在线自动分析服务
- SecureCRT连接SSH之后一会就自动断开连接
- 穿山甲广告SDK手动初始化解决方案
- 【linux】报错整理curl SSL peer certificate or SSH remote key was not OK
热门文章
- 2011年读书年度小结
- 计蒜客T1004输出Hello, World
- ubuntu14.04+xtion+openni+sensor+NITE+opengl
- 原神剧情自动对话增强版
- 使用Labellerr轻松进行6个步骤的图像分类标签
- Linux下实现Mac下QuickSilver那样的一键切换程序(代替Alt-Tab键)
- 在mm32f3270为micropython创建Pin模块(2)
- MySQL教程三 复杂一点的查询
- 爬虫中“目标计算机积极拒绝”问题的解决
- AVG触摸屏维修EZ-S6C-K美国EZAUTOMATION触控屏维修