问小白AI大模型对话 网页版 界面改善使用体验【DeepSeek满血版可用】

前言

最近DeepSeek 很火,但是奈何官方版服务器繁忙,只能将就使用第三方部署的DeepSeek满血版。在b站看DeepSeek第三方部署的对比测评,发现问小白的表现还不错,遂用之。然而,问小白的网页版让人用得老是有点不大适应,感觉对比DeepSeek官方、豆包、Kimi等语言大模型的网页,问小白的网页版的体验感相对较差。

下面吐槽一些痛点:

  1. 思考思维字体过大(思维链不是主要内容,表现模型思考问题内容,是次要文本,应该小号些)【目前已更新正常】
  2. 中间对话区域过窄,上下控件占位过多:为方便阅读,屏幕可展现更多文本为最佳,又因是竖向排布文字,因此中间文字展示区域应该竖向占比更大,以提供更好的阅读体验。然而现在不是,上方标题栏,实际无标题,没有存在意义;下方工具栏、对话框占位过多,抢占了中间文本的可视区域,实属败笔。
  3. 左侧历史对话列表,无法识别当前对话所属哪个子项。败笔。
  4. 发送对话框与回复对话框颜色过于相近,视觉上无法快速找到分割位置。小瑕疵。
  5. 工具栏上侧还有个新建对话的按钮,实属无用而且占位 【目前已更新删除】
    在这里插入图片描述

改善方式

根据以上痛点改善,基于网页css控制空间样式的原理,可以实现使用页面的改变。

  1. 安装网页插件:stylish,用于控制css生效。
    在这里插入图片描述
  2. 打开到问小白网页后,点击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 即可生效。

改善效果展示

在这里插入图片描述
在这里插入图片描述

给一些建议

在这里插入图片描述
如上图,还有就是,文本编辑框可以设计为非激活态为单行高度,激活态为多行高度,而不是固定高度(阅读过程不需要文本编辑框那么高占位)

只是小用户的一些建议。祝好!

Logo

欢迎加入DeepSeek 技术社区。在这里,你可以找到志同道合的朋友,共同探索AI技术的奥秘。

更多推荐