写在前面：

前几天偶然被论坛里开发组的G大跟猫老师发现我是做设计的，所以想让我试着做一下网页的一二级界面，我现在的工作也是闲得出水，所以欣然接受了。是抱着“嗨，反正就是玩儿嘛！”的心态大刀阔斧地做的。

我也有帮公司配合外包的网页搭建公司做过官网的经验，但是毕竟不是我的主营范围，所以大家也就抱着图一乐的心态看看就好，可能会有一些表达用词不够专业，还请海涵。

很多内容也仅供参考，如果有能被论坛技术组的各位采纳的意见，或者能够促成某些想法完成，能为论坛方方面面的优化做出一份贡献，我就很高兴了。

那么，咳咳……各位领导同事，请看PPT。

这些形象的用途可以是用户的默认头像，也可以是站内专属的表情包原型，也可以和鱼一样作为站内的IP形象，用于站内活动的海报或其他需要出现IP的地方。

我这里画的比较随便，想要具体落地使用应该还是需要专业的画师去深入。

稍微改了几个站内的ICON，使它们跟“摸鱼”更加贴合。

后续的界面会展示一些图标的具体用法，丰富纯粹的文字介绍，为视觉增加乐趣。

我认为这些图标还有简化的空间，目前只相当于是demo，想法大于实用，和上一P一样，我这里只是粗略画了一下，仅提供思路。

主页

比起现在点开都是文字的主页，感觉还是应该先用图片来作为视觉引导，第一眼要先吸引路人的注意力，无论是论坛里的氛围，还是摸鱼至上的宗旨，都应该用图像的方式突脸去体现。

相信大部分人对这个颜色不会多喜欢，没事，我还有几个多选的配色方案，稍后会展示。

主页中间的位置是一条鱼，鼠标靠近鱼后就会变成手的图标，此时鱼的左下角会弹出窗口显示当前在线人数。用这个图标在鱼身上摩擦，鱼就会稍微晃动，每往复摸一次，鱼旁边就会冒出一个向上的+1，然后淡出，一种电子木鱼的感觉，甚至可以加点音效。

此外，这条鱼还会根据不同节日有对应的主题，类似GOOGLE那样，同前几P的参考造型。

鱼的身后会有鱼油们的聊天室内容的弹幕，弹幕的滑动也会让人联想到游动的鱼。可以设置开关。

最下方的登录/注册窗口在游客状态下是上图，那只猫的图标也可以点击，每次点击就随机会变成“鱼和它的朋友们”的内容。

在登录状态下变为下图，替换为快速领取昨日活跃奖励、交易市场、竞技大厅之类的窗口。

这些窗口的内容可以通过点击右上角的齿轮进行个性化编辑，不同板块的大小会有差异，预计总共可以放6~8个组合为优。

新板块-复读机转录站

右上角新加了一个叫“复读机转录站”的小板块，会有一些类似抓鱼鸭的那种“舔狗日记”的脱线内容，或者鱼油们都很喜欢的“疯狂星期四”的硬核软广，方便喜欢在清风明月板块里面当复读机复制粘贴段子的鱼油们原地TP（当然我觉得放一些每日鱼类科普也是极好的，毕竟鱼排一定要有鱼，实在不行随机放一些鱼类美食的菜谱也行，主打一个生活感）。

该窗口右下角的是一键复制跟“换一个”功能的按钮，左下角可以给这个内容点赞。

内容的获取可以由鱼油自行上传（那就要再加一个icon）或者AI随机生成之类的。

其他配色方案在主页上的效果。

问答页面

问答这个求助帖板块可以参考咸鱼的感觉。大家都是鱼。

把已解决的跟待解决的帖子区分开来，让真正想帮助鱼油的人更快找到待解决的求助帖。

专栏页面

专栏这个栏目其实挺有意思的，但是论坛的版式有点太刻板，我们不如试着让它变得更有个性而有趣。

既然这里的连载都是独立的，那不如就把内容参考书柜，做的更加具象。

这里我尝试做成书店展示畅销书的展柜，或者说网飞选择影片时的界面。

比起全文字来说，能有一些图片穿插，整个页面会更有趣。

所以也需要在作者上传专栏长文时，加入一个选择封面的选项(这里我粗略地阅读了一下文本内容或者凭感觉让豆包画了几个封面，如果OOC了，在这里深表抱歉)，不然此处的封面就会是默认的纯文字排版。

(由于个人工作习惯，我都是用AdobeAI矢量做图，所以整个界面看起来平平的- - 其实可以用位图做底，画的更立体一些，但是我懒)

鼠标悬停在“最近浏览”里的哪一本“书”上，其他的书本就稍微避让，然后弹出书签(甚至后续书签图案也可以推出更多的样式），显示之前阅读到的章节数。

评论区

说实话- - 这是这个论坛比较蛋疼的一个界面

目前最明显的痛点有几个：

1. LZ是回复谁的消息不够明显，只在文本框右上角有一个对方的头像，如果有重复头像，就很晕了。
2. 回帖之间的串，或者说楼中楼也是零散的，两个人都相互聊了好几句了，下面的展开也只有“1回复”
3. 浏览是由新-旧的顺序，跟回复版聊的顺序是相反的，虽然有一键到底部，但是因为第2点的问题，阅读起来还是有点烧脑。而且总是只能先看到最新的讨论，往往看不到被讨论埋在底层的最初的观点。

所以我希望能针对这3点进行改进。

其实也就是变成类似微信小程序+百度贴吧的回帖跟贴模式。

其他配色方案在评论区上的效果。

最后

基本上就这些，有一些界面想了很久也没想出什么好的画面来，比如聊天室跟清风明月板块，我觉得就现在这样也很好。

哦对了，本来还想在主页加一个连续签到的日历，然后仔细想想自己进入这个社区也就一个月，很多玩法自己都没研究过，想想就算了。

还有那个交易中心也是，点开看了一下，发现并看不懂- - 我还以为会是用积分去购买一些勋章称号头像框啥的，结果也没有这样的功能。

说到称号，或者说灯牌，我并没有画在这一版的示意上，感觉照旧也挺好。

总之最后再叠个甲——非专业网页前端人员制作、仅供参考、仅供吐槽。

(溜)