食品网站和学校网站设计区别于总结

一.食品网站
食品网站可以设计添加很多的设计,颜色可以设计成很多种颜色。排版多样式,设计感比较强。
二.学校网站
学校网站不能添加过多的设计,颜色不可以设计成丰富化,排版比较严谨,不能有过多的设计和颜色,设计感比较弱。
1.食品网站的顶部和学校网站
食品网站

食品网站的背景颜色偏向于比较食欲,一般都是偏向于少女心,颜色一般都是一些清新,可爱,时尚,高尚,漂亮。它的排版里必须要有充足的设计。
我这个食品网站的顶部导航栏,用了我自己设计的LOGO,添加了叠加的效果,这个LOGO了我们一个高尚的感觉,这个LOGO也代表我店是买什么食品。店名用中文和英文的搭配,给了我们一个时尚的感觉,其他它些文字就没有用到了过多的设计。它的这个轮播,我的设计偏向于美食上的颜色,还有它的轮播的圆,我给了个描边曲线,这会让这个轮播变得更有设计感,下面那个矩形和文字是提醒顾客们,我们的食品要涨价了,让他们抓紧时间买,这里我用到了一个铃铛,这个我说不出他它的设计在哪里。下面这里,这个圆角矩形要填充色和描边,描边采用了渐变,这会给顾客一个时尚的感觉,再加了一个卡通人物,这又给顾客一个可爱的感觉。下面那个矩形添加到哪里只是让这个网站,感觉没有那么空荡,也是一种设计。下面我这个的背景颜色,是在蛋糕上的颜色,比较于偏向于少女心的颜色。再加了个卡通人物,又比较可爱。食品图片上加了一些星星形状和四边形,这只是让图片没有那么单调。字体只用了微软雅黑,因为有些人看其它字体会很费力。那三个矩形只是让页面没有那么单调。下面用到了食品的图片当作活动,这个设计只是宣传这个图片上食品,让更多人知道。底部我没有用过多的设计,和其它网站差不多。

2.学校网站

学校网站的背景颜色一般都是严肃的,不像食品网站那样丰富多彩。学校网站一般都是排版严谨,不需要太多的设计。颜色和设计不能做的花丽呼少。顶部的背景颜色,我用白色,因为这样做,看起来比较舒服。我这个网站顶部没有用到设计,顶部内容我是尽量少做,这样看起来比较舒服,导航栏这里的圆角矩形,我做了一点点的设计,颜色我用是深蓝色,因为学校文网站一般都是很严肃的,所以我用了个深蓝色。那个小的圆角矩形,我用了渐变,就连渐变的颜色我都采用了很严肃的颜色。这里设计高校网站里想出来的,我看了20张高校网站,就是没有看到这里用渐变的,所有我打破常规思路。导航文字的颜色,,我选择了白色,因为白色于什么颜色都能搭配,还有颜色我尽量少用其它颜色。排版要把它们的字间距一样宽。这个轮播图片,我用了个能与我下面的浅蓝色能搭配,我没有用添加过多的设计,只是用了三个矩形。下面这里,我用钢笔工具画了六条波浪线分别放在两边,颜色用了个浅蓝色,我想做一个以蓝色为主色调。又用椭圆工具在中间做了点设计,颜色比刚刚那个波浪线颜色要深一点,外边的那四个小圆,我给它调了个羽化,在把“学校特色”放在刚刚做的那个椭圆上。这里图片的摆放没有添加设计,我在第一张图片左下角做了一点设计,用了个黑色矩形,把透明度调一下,然后在上面添加一个“校训”白色。因为想来读书的,他们会了解学校的规章制度。图片下面的文字,没有怎么设计,就是以图片的中心,来摆放的,下面矩形和文字也是一样的。下面这里我用到了两个矩形,一个是白色,另一个是浅蓝色。我这样做让着两个矩形的颜色形成对比色,把白色的那个矩形添加一点设计,用椭圆创建剪切蒙版,椭圆颜色是在那个浅蓝色矩形上吸取的。这样做可以让这两个矩形形成很强的对比。我做了两个圆角矩形做了一点设计,就和导航栏那里那个圆角矩形一样的,只是颜色不同。白色矩形那边的圆角矩形用浅蓝色,浅蓝色那边用白色。只是让这两个矩形形成一个对比,还有让它们形成互补色。然后分别把这两段文字添加到圆角矩形上“师资力量”“教学环境”。
然后把两张图分别片放在两个矩形上,都是靠左排,再添加一些来衬托这个图片。再到下面用圆角矩形,颜色:一个白色,一个浅蓝色。来衬托下面的文字。下面那四个矩形,颜色只有两种,将它们排列成左浅蓝色右白色,下面的两个据形排列左白色右浅蓝色。这是一个视觉设计。矩形里的文字,把每一个间隔相同,文字大小相同,排列相同。这是文字排版的要求。在这四个矩形的中间添加两段文字,这样就不会感觉没有那么空荡。尾部我没有怎么去

食品网站和学校网站设计区别于总结相关推荐

  1. 食品网站与学校网站对比对比

    (作者:张华,撰写时间:20119年4月18日) 一. 分析过程 我先参考了几张展示然后根据参考的原理做出属于自己的食物展示,首先我做的是关于甜品的食物网站所以我以白色为底淡红色透明为辅助色然后加上展 ...

  2. 食品网站与学校网站对比

    作者:李哲定 时间:2019年4月27日 先开始说起制作食品的过程吧,一开始做的这个食品网站更现在如图这个截然不同的,开始的视频网站排版分工也不明确,字体和字体大小都不统一,图片也是歪歪扭扭的不整齐. ...

  3. 学校网站建设制作:学校站群系统需要哪些栏目规划设计?

    版权声明:本文章由"深圳市信科网络科技有限公司"编辑组汇编而成,未经授权和许可,任何个人或媒体不得对本网站的文章及其他信息资料予以复制.转载.抄袭.改编. 如需转载请联系本网站客服 ...

  4. HTML5期末大作业:学校网站设计——安徽开放大学(16页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web前端期末大作业

    HTML5期末大作业:学校网站设计--安徽开放大学(16页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题 ...

  5. web网页设计实例作业 ——中国水墨风的小学学校网站(6页) 专题网页设计作业模板 学校物静态HTML网页模板下载

    web网页设计实例作业 --中国水墨风的小学学校网站(6页) 专题网页设计作业模板 学校物静态HTML网页模板下载 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器 ...

  6. 手机网站和电脑网站设计是需注意的区别

    手机和电脑不管是在分辨率还是操作系统方面的差异很大,这也是决定了手机网站和电脑网站的区别.那到底手机网站和电脑网站有哪些区别?一.浏览内容 1.电脑网站的分辨率是1024*768,而智能手机的分辨率仅 ...

  7. 学校网站建设要做好四个难点

    学校网站建设主要为学校的老师和学生和学生家长服务,与其他商业性质的网站有着本质的区别,因此学校网站建设需要考虑的内容和普通网站有很大不同.主要的设计风格应该体现出浓厚的教育氛围,要注重师生情感以及校园 ...

  8. 学校网站建设需要把握的四个方面

    学校网站建设主要为学校的老师和学生和学生家长服务,与其他商业性质的网站有着本质的区别,因此学校网站建设需要考虑的内容和普通网站有很大不同.主要的设计风格应该体现出浓厚的教育氛围,要注重师生情感以及校园 ...

  9. 网络推广外包之前企业网站如何看待当下网页设计趋势?

    随着互联网技术应用在网络推广外包中不断精进,网页设计也在更新迭代,尤其是当下网站目标用户需求每天都在变化,网页设计必然要考虑到这些因素督促网络推广外包能力的提升,那么对于站长来说应该怎样看到近些年来网 ...

最新文章

  1. java面向对象思维导图_2020年Java进阶架构师的必备思维导图,让你少走弯路!
  2. python画图matplotlib基础笔记
  3. phpexcel 将excel数据导入到mysql数据库_phpexcel导入excel到mysql数据库(示例)
  4. python3.7.4安装教程-Python3.7.4图文安装教程
  5. 分治法实现最近点对问题——C语言可视化
  6. 云主机superset接入redis缓存
  7. group by很多字段是不是会很慢_女生回复我总很慢,怎么办?
  8. [react] React为什么要搞一个Hooks?
  9. 移除集合效率高还是add高_List、set集合接口分析
  10. Can’t Activate Reporting Services Service in SharePoint
  11. 12-17 学习记录
  12. Java分布式开发中的RPC
  13. java nutch 爬虫_Java分布式爬虫Nutch教程——导入Nutch工程,执行完整爬取
  14. 解决win10声卡驱动不兼容问题和成功安装战神k650-i5-d2上的Sound Blaster Cinema2在win10系统上
  15. 数据分析学习记录(四)--在origin中实现单因素方差分析和非参数检验
  16. 用wget命令整站下载
  17. 怎样把mysql的多张表汇总成一张表_sql如何将多个表合并成一个表
  18. ant design 预览图片_Ant Design Pro上传图片
  19. 36个非常有用的电脑知识?
  20. 如何激活移动物联网卡

热门文章

  1. 计算机答疑在线,基于web的在线答疑系统设计
  2. 中国 A 股纳入 MSCI
  3. 乘积取中法matlab,Matlab常用算法集合
  4. 星起航:抖音小店如何对接达人?
  5. Mac教程macOS教程 苹果电脑教程
  6. 普乐蛙5d飞行影院5d动感影院体验馆设备7d多人互动影院
  7. USB Device(VID_1f3a_PID_efe8)
  8. 数据库三大范式的理解
  9. eSIM时代,运营商的末日还是新生
  10. 微星(msi)笔记本无法调整屏幕亮度和分辨率