
问小白AI大模型对话 网页版 界面改善使用体验【DeepSeek满血版可用】
最近DeepSeek 很火,但是奈何官方版服务器繁忙,只能将就使用第三方部署的DeepSeek满血版。在b站看DeepSeek第三方部署的对比测评,发现问小白的表现还不错,遂用之。然而,问小白的网页版让人用得老是有点不大适应,感觉对比DeepSeek官方、豆包、Kimi等语言大模型的网页,问小白的网页版的体验感相对较差。
·
前言
最近DeepSeek 很火,但是奈何官方版服务器繁忙,只能将就使用第三方部署的DeepSeek满血版。在b站看DeepSeek第三方部署的对比测评,发现问小白的表现还不错,遂用之。然而,问小白的网页版让人用得老是有点不大适应,感觉对比DeepSeek官方、豆包、Kimi等语言大模型的网页,问小白的网页版的体验感相对较差。
下面吐槽一些痛点:
- 思考思维字体过大(思维链不是主要内容,表现模型思考问题内容,是次要文本,应该小号些)【目前已更新正常】
- 中间对话区域过窄,上下控件占位过多:为方便阅读,屏幕可展现更多文本为最佳,又因是竖向排布文字,因此中间文字展示区域应该竖向占比更大,以提供更好的阅读体验。然而现在不是,上方标题栏,实际无标题,没有存在意义;下方工具栏、对话框占位过多,抢占了中间文本的可视区域,实属败笔。
- 左侧历史对话列表,无法识别当前对话所属哪个子项。败笔。
- 发送对话框与回复对话框颜色过于相近,视觉上无法快速找到分割位置。小瑕疵。
- 工具栏上侧还有个新建对话的按钮,实属无用而且占位 【目前已更新删除】
改善方式
根据以上痛点改善,基于网页css控制空间样式的原理,可以实现使用页面的改变。
- 安装网页插件:stylish,用于控制css生效。
- 打开到问小白网页后,点击stylish插件,新增自己的样式控制,css代码如下:
.PageHeader_page_header__hNSGv{
background-color:transparent;
}
.page_ellipsis_ctl__xleN5 {
/*Your code should go under this comment*/
background-color: transparent;
}
.page_page_container__60oL4{
padding-top:20px;
}
.ConverCard_bot_card_act__Y4R5H{
background-color:#DDD;
}
.Question_question_content__zwgZM{
background-color: #57619E;
font-family: Arial;
color:white;
}
.YsThink_deep_think_block__RhiAW .YsThink_body__W3KGT .YsThink_think_blockquote__a1NmQ .YsThink_custom_markdown_body__CVSFL{
font-size: 14px;
line-height: 1.5;
}
.NewConversationButton_button-inner__LDc9r{
height: 24px;
}
.NewConversationButton_wrapper__atE_A{
display:none;
}
.ConverMenu_conversation_main_menu__Ot5YO{
padding:6px 0;
}
.ConverMenu_conversation_main_menu__Ot5YO .ConverMenu_menu_wrapper__HdRXK{
height: 30px;
}
.TextArea_container__U0Ely{
padding: 4px 0;
height: 30px;
}
.MsgInput_input_main__NBiQb{
gap:0;
}
点击右下角 Save 即可生效。
改善效果展示
给一些建议
如上图,还有就是,文本编辑框可以设计为非激活态为单行高度,激活态为多行高度,而不是固定高度(阅读过程不需要文本编辑框那么高占位)
只是小用户的一些建议。祝好!
更多推荐
所有评论(0)