首页 > 技术文章 > 团队作业(五):冲刺总结——第二天

zzjjyy123 2021-12-02 22:36 原文

团队作业(五):冲刺总结——第二天

一、小组成员今日完成的任务情况

成员 完成的任务
杨守森 完善具体需求
张俊怡 网页设计美学调研
张潇 数据库的基础学习
兰毅达 后端软件与网页开发
李浩鹏 配置环境,熟悉开发软件
戚少波 java-web编程学习

二、网页美学风格扁平化设计参考

扁平化设计的特点

  扁平化设计的特点是十分鲜明的

特点一、拒绝特效

  扁平化设计概念最核心的地方就是放弃一切装饰效果,诸如阴影、透视、纹理、渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净俐落,没有任何羽化、渐变或者阴影。这一设计趋势极力避免任何拟物化设计的元素,这导致这一设计风格在其它平台有时候显得突兀,前景图片、按钮、文本和导航栏与背景图片格格不入,各成一派。

特点二、界面元素

  扁平化设计通常采用许多简单的用户界面元素,诸如按钮或者图标之类。设计师们通常坚持使用简单的外形(矩形或者圆形),并且尽量突出外形,这些元素一律为直角(极少的一些为圆角)。这些用户界面元素方便用户点击,这能极大的减少用户学习新交互方式的成本,因为用户凭经验就能大概知道每个按钮的作用。

特点三、优化排版

  由于扁平化设计的使用特别简单的元素,排版就成了很重要的一环,排版好坏直接影响视觉效果,甚至可能间接影响用户体验。

  字体是排版中很重要的一部分,和其他元素相辅相成。想想看,一款花体字在扁平化的界面里得有多突兀。下图是一些扁平化网站使用无衬线字体的例子。无衬线字体家族庞大分之众多,其中有些字体会在特殊的情景下会有意想不到的效果。但注意,过犹不及,不要使用那些极为生僻的字体,因为保不齐它就把你带进坑里了。

特点四、惯用明亮配色

  扁平化设计中,配色貌似是最重要的一环,扁平化设计通常采用比其他风格更明亮、炫丽的颜色。同时,扁平化设计中的配色还意味着更多的色调。比如,其他设计最多只包含两三种主要颜色,但是扁平化设计中会平均使用六到八种。

特点五、最简方案

  设计师要尽量简化自己的设计方案,避免不必要的元素在设计中出现。简单的颜色和字体就足够了,如果你还想添加点什么,尽量选择简单的图案。扁平化设计尤其对一些做零售的网站帮助巨大,它能很有效的把商品组织起来,以简单但合理方式排列。

参考案例

Where Does My Tweet Go?

Christmas with Joy

Google Santa Tracker

Black Tomato

三、小组成员遇到的问题

1、数据库内联与外联的区别?

答:
内部联接(inner join)一个联接,返回两表的公共列都匹配的行

外部联接(outer join) 一个联接,该联接还包括那些和联接表中记录不相关的记录。您可以创建一个外部联接的三种变形来指定所包括的不匹配行:

左外部联接、右外部联接和完全外部联接。

左外部联接(left outer join) 左边的表是主表,列所有;右表无取null

右外部联接(right outer join) 右边的表是主表,列所有;左边表只列匹配的行,没有值置null

完全外部联接 列所有,没有值置null

2、get 和post的区别是什么?

答:
1.1数据传输大小:get 传输数据大小限制在1KB,post传输数据大小没有严格限制

1.2缓存和安全:get请求某个url,数据追加到url中发送(http的header传送),即浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中的资源路径后面,查看浏览器历史记录就可以看到用户数据,自然就不够安全,一些文件在访问的时候同时也被缓存了。

post请求时浏览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器,而不是作为URL地址的参数进行传递,这样就无法轻易获取,相对安全,文件一般不会被缓存。

四、明日任务安排

完成环境配置,开始写代码,网页设计与制作,确定好网页UI风格。

五、成员合照

推荐阅读