电脑论坛优化四期

[jinzhentao]

*以下设计优化可参考小米论坛、花粉论坛

---

一、整体优化

1.论坛背景色：橙色导航条下方背景色改为浅灰色，具体见框架图，可参考小米论坛，最终以设计稿为准；

2.列表页、帖子页右侧模块：底色从灰色改为白色，变成白色卡片式结构；

3.列表页、帖子页右侧悬浮按钮：新增“反馈、找论坛”按钮，具体以设计稿为准；
反馈：去到“网友建议交流区” http://itbbs.pconline.com.cn/bbs/f61.html
找论坛：与顶部“找论坛”功能一致；

二、列表页

1.直播贴：若有直播贴，则直播贴样式建议是卡片式结构（白色灰底），具体以设计稿为准；

2.新增帖子类型图标：图标设计，放在帖子标题后方，以作标示，包括“PK贴、投票贴、悬赏帖、投票悬赏帖、活动贴”；

3.建议将“主题分类”加到帖子标题前面，以作区分展示；

三、帖子页

1.帖子标题：标题加粗，勋章和等级蒙层效果加强弱化，变淡一点，参见下图；

2.添加分割线，参见下图，具体以设计稿为准；

3.帖子页右侧随动框，在滚动时，随动框边框加阴影效果，参见下图；
左图为默认效果，右图为滚动交互效果

4.签名档
样式：“签名档”文字与虚线同行显示，“签名档”颜色改为橙色，参见下图；
规定：限制字号（10号）、字体（雅黑）、颜色（浅黑色）以及字数（110字，显示两行，旧数据暂不做处理），具体效果以设计为准；

5.回帖楼层间距拉大，回帖分割线加粗，参见下图，具体以设计稿为准；

6.回帖字体默认为16号（非高级模式下）；

7.回帖作者的勋章和等级蒙层效果加强弱化，变淡一点，参见下图；

8.活动贴：
样式修改：将两个表格合并为一个表格，表格宽度与帖子正文宽度保持一致，参见下图效果，具体以设计稿为准；
新增功能：起始时间、报名截止时间均扩展至时分，例如：2014-11-22 12:00；
功能修改：“我要参加”交互效果改为弹窗，弹窗内容与线上向下展开内容一致；

普通状态（未报名）

普通状态（已报名）

管理状态（未报名）

管理状态（已报名）

9.取消接收回复：在“修改”右侧位置新增“取消接收回复”按钮，主贴用户点击“取消接收回复”之后将不再收到该主题下的消息回复，同时该按钮变成“接收回复”；
备注：若在发表帖子是未勾选“回复时给我消息”，则前台显示“接收回复”按钮；

10.一键删除：权限仅开放给站长，编辑自行设置；

11.回复置顶：线上已做截字处理，现加上ALT显示；

12.“发表新帖”随动框：滚动时加上阴影悬浮效果，具体以设计稿为准；
待定：滚动时建议带上“TA的帖子、推荐阅读”（或其中之一）一起滚动；

13.弹窗内容含有“操作原因”下拉选项的建议直接将选项露出，减少二次交互，参加下图，具体以设计稿为准；
目前含有此类弹窗下拉形式的功能有：系统管理各功能、举报、评分（整理中...）

三、发帖页

1.帖子分类下方的黄色线取消；

四、其他优化

1.新增PK贴“mew”图标：放在帖子类型“PK贴”前面，参见下图：

2.气泡提醒：在用户第一次使用美图、回复置顶功能时，给出气泡文案提示，气泡上方含有关闭按钮，气泡提示功能建议持续一周再撤下；

美图气泡逻辑：
当用户第一次上传第一张图片（每天的第一次上传的第一张图片）成功后，紧接着在图片右上方弹出气泡，之后的图片上传不再给出气泡提示；

回复置顶气泡逻辑：
当主贴用户（以及权限用户）鼠标移到回帖楼层，此时“回复置顶、回复、修改、删除”等按钮变亮变橙色，紧接着在“回复置顶”上方弹出气泡，之后的鼠标交互将不再给出气泡提示；

备注：
气泡样式以设计稿为准，气泡文案待定；

开发需求：
1、接口缓存做预加载处理；
2、帖子页异步获取评分的方式可参照举报、设为危险的方式，避免每个页面总要调后台；
3、帖子页异步请求顺序需调整，如图