今天做的事情：

做完任务三并提交，

做任务二深度思考

明天做的事情：

捋一遍任务三，做任务四

疑问：

1.为什么做竞品调研的时候不允许写流水账，一定要先总结出所有的主流场景，再举相关案例，再找当前的要做的产品适合哪些场景？这里的流水账是什么意思。

2.场景怎么和Story结合在一起? 

今天的收获：

1:App中通常用哪些常见的列表布局，分别适用什么样的场景？

列表式、陈列表式、九宫格式、选项卡、旋转木马式、行为扩展式、多面板式、图表式

2.pp里的导航栏为什么都会是在底部？为什么不是全部放在顶部？有哪些App是在顶部放置导航栏的？

在底部刚方便看见，操作

3:网页分别有哪几种常见的布局？分别适用于什么场景？首页通常会怎么设计？

1、“国”字型

也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。

2、拐角型

这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

3、标题正文型

这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。

4、封面型

这种类型基本上是出一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分是企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

5、“T”结构布局

所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。

如左右两栏式布局，一半是正文，另一半是形象的图片、导航。或正文不等两栏式布置，通过背景色区分，分别放置图片和文字等。

这样的布局有其固有的优点，因为人的注意力主要在右下角，所以企业想要发布给用户的信，大都能被用户以最大可能性获取，而且很方便，其次是页面结构清晰，主次分明、易于使用。缺点是规矩呆板，如果细节色彩上不注意，很容易让人“看之无味”。

6、“口”型布局

这是一个形象的说法，指页面上下各有一个广告条，左边是主菜单，右边是友情链接等，中间是主要内容。

这种布局的优点是页面充实、内容丰富、信息量大，是综合性网站常用的版式，特别之处是顶部中央的一排小图标起到了活跃气氛的作用。

缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站使用多帧形式，只有页面中央部分可以滚动，界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。

7、“三”型布局

这种布局多用于国外网站，国内用得不多。其特点是页面上横向两条色块，将页面整体分割为4个部分，色块中大多放广告条。

8、 对称对比布局

顾名思义，它指采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型网站。其优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。

9、POP布局

POP源自广告术语，指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类网站，优点显而易见：漂亮吸引人，缺点是速度慢。

网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

4:如果需要把二级菜单放侧边栏，应该在左边还是在右边，都有哪些知名网站用到了侧边栏，各自放到左或者是右的原因是什么？

个人觉得应该放在右边，因为右边更符合常规F式布局上下左右的操作习惯，微博使用该操作方式

5.拆分Story的依据是什么，一个Story应该是在多少天研发完成才合理？

1、站在使用者的角度，从功能层面说明Story的特性和能力，比如用户做一些操作，产品会有什么样的反馈；

2、站在开发者的角度，从实现层面说明为了实现前述能力，产品内部需要做哪些调整，针对不同的操作要实现怎样的处理流程；

3、作为记事本，记录Story分析过程中的疑问和问题，用于和用户、团队的其他成员交流，同时方便后续团队成员查看和学习；

把自己想象成为那个角色，然后以这个角色的身份进行去各种使用体验。

各种错误问题都要考虑到，这么做才合理，这么做才让用户最舒服。用户场景就是一个用户在什么情况下去使用这个产品

6.什么是Story，Story的三要素是什么，为什么要用Story的方式去描述需求？ 

用户story即用户故事，一个用户通过系统完成他一个有价值的目标的过程。 换言之就是站在用户需求的角度渴望得到的一些功能。

story格式为：作为????（角色），我想要???（功能），以便???（解决什么样 的问题）

用story的方式去描述需求定义用户需求就是人为的把问题进行一个约束，把问题限定在一定的范围内进行讨论和解决，目的是为了清晰目标，建立共识，减少分歧。
6：web、APP有哪些设计规范?

一、web中有哪些设计规范

标志的使用：首页徽标和二级标志：颜色，大小，字体，样式.

栅格系统：以规则的网格阵列来指导和规范版面布局以及信息分布，包括横幅图分布，视频播放器位置，广告位排布，列表排布，主要内容等

颜色配色：网络中，要有一个主色调，作为网络中主要部件配色贯穿于网站结构中，其他辅色可按照部件的功能和位置划分

文字：文字的大小，样式和配色，按照内容和页面层级不同，应有统一规格。可以很清楚的看到，页面中标题，时间，内容等，采用不同的文字大小划分层级。

图片，图标：图片高宽比，大小按不同层级有固定模式，功能相同的图标规格统一。

各部件和交互样式：包括 板块样式，选项卡，导航，步骤条，搜索，按钮，提示，弹窗，浮层，表单，下拉菜单，输入框等，应尽量做到统一和复用

页头页脚：首页，子页面，内容页相同层级的页面，页头页脚一般保持统一

二、app中有哪些设计规范

间距：以统一的间距管理，区分页面控件和信息层级。

颜色：应用程序中有主色保持软件风格和用户辨识度，作为主要部件配色贯穿于软件结构中，其他辅色可按照部件的功能和位置划分.ofo是给我印象比较深的，各个页面都是黄色为主色，有很高的用户辨识度。

文字：应用程序中字体一般不超过两种，其他特殊的字体少量，可以特别说明字号以使用量多的为基准，定义为中字号，再根据信息，页面层级划分出大字号，小字号。

各部件和交互：导航栏，标签栏，工具栏，输入框，列表，图标，下拉刷新，下拉加载，反馈提示等，应尽量做到统一和复用。对比下今日头条的两个标签页，采用相同的刷新操作，同时刷新的提示也相同，新闻列表也使用相同部件。