【产品之美系列二】B站账号登录界面小细节

已于 2024-05-05 09:10:57 修改
阅读量594 收藏 7
点赞数 8
分类专栏： 产品之美 产品细节 文章标签： 人机交互
于 2024-03-07 21:12:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43911199/article/details/136545978
版权

B站账号登录界面小细节

发现B站账号登录界面的小细节特别有意思。1. 打开B站网页登录界面，仔细看旁边的两个小人，是睁着大大的眼睛，如图：
在这里插入图片描述
2. 当鼠标指针到密码栏时，看旁边的两个小人就是闭上了眼睛，如图：
在这里插入图片描述

启发

以上只是B站网页账号登录的一个小细节，给我们有什么启发呢？产品界面设计的小细节可以用用户的操作相对应起来，从而看起来生动形象。

写在最后的话

这是产品之美系列，如果喜欢的话，guan注哦，持续更新ing~~~

Debezium系列之：Debezium Server在生产环境大规模应用详细的技术方案
zhengzaifeidelushang的博客
08-30 1439
Debezium系列之：Debezium Server在生产环境大规模应用详细的技术方案
【2025跑通的AI变现玩法之六】【小红书家居AI创作全攻略：从账号矩阵到私域变现的完整方法论】
04-18 502
家居AI创作是一个技术驱动与内容创新相结合的领域，需要创作者兼具设计审美和运营能力。通过构建科学的账号矩阵、掌握Stable Diffusion模型训练技巧、运用数据化内容策略、设计合规的私域变现路径，我们能够在小红书平台上打造具有影响力的家居IP，实现从流量到商业价值的高效转化。未来，随着AI技术的不断进步，家居创作的边界将进一步拓展，为创作者带来更多机遇与挑战。坚持深耕垂直领域，持续输出高质量内容，是在这个赛道上保持竞争力的核心法则。
哔哩网站登录界面html代码,仿哔哩哔哩网页模板设计
weixin_33575588的博客
06-09 3722
【实例简介】【实例截图】【核心代码】bilibili├── Home.html├── Login.html├── Register.html├── css│ ├── bootstrap.min.css│ └── css.css├── forget the password.html├── img│ ├── 001.png│ ├── 002.png│ ├── 003.png│ ...
B站首页界面设计：附详细教程
07-12
为了防止代码资源因为系统原创检测被删除，使用zip压缩包，安装相应的解压缩软件才能解压，在意者勿下
前端可爱的熊猫遮眼登录页面
我们好像在哪见过
07-10 944
【代码】前端可爱的熊猫遮眼登录页面。
密码的显示与隐藏
cpsxn的博客
02-18 1038
密码的显示和隐藏
利用css做出的B站登录界面
xishubawang的博客
09-15 3167
这个星期学习了前段有关的内容，利用css仿制了B站的登录界面 代码如下 css代码如下： .choice { margin: auto; margin-top: 20px; margin-left: -280px; width: 415px; height: 35px; } .lo...
安卓 简单登录注册界面
07-02
文件名“b7716e4714fc43b49ff3981f926daef1”可能是一个代码文件或数据库文件，其中包含了具体的实现细节。在这个文件中，可能会看到如何创建和操作HashMap，如何设置和处理用户界面元素的点击事件，以及如何进行...
iOS登录界面和注册界面
WDJzf的博客
03-10 1万+
iOS登录界面和注册界面 一、登录和注册界面实现效果图： 二、实现原理 1、输入框的实现原理：把两个无边框的UITextField添加到一个作为背景的UIView上，然后重写UIView的 ： -(void)drawRect:(CGRect)rect 方法，用Quartz2D画出中间的那条分隔线。然后再设置背景UIView为带边框的圆角就可以实现上面的效果了。 注意：为了方便
产品经理基本功之B端产品（3）
weixin_38602865的博客
07-03 274
对于试用用户来说，既不会安排专门的培训，也没有完整的操作手册，决定用户是否会选择购买产品的关键起点，则是他能否顺利搞清楚产品怎么用，好不好用，能否解决他的核心问题。B端产品面对的大多为企业组织，并不需要大量赚取外部的流量，而C端产品面对的大多为个人，大部分为免费产品，需要通过活动及手段获取流量。C端产品的用户是具有某些特质的人群，B端的用户画像偏向理性，更注重功能，C端偏向感性，注重用户体验。2、面向客户的产品（toB）：这类产品需要注重与客户的沟通，了解客户的需求和反馈，不断改进产品，提高客户的满意度。
B站首页界面设计：附详细教程.zip
06-06
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： | 文件 | 必须 | 作用 | | ----- | ----- | ----- | | app.js | 是 | 小程序逻辑 | | app.json | 是 | 小程序公共配置 | | app.wxss | 否 | 小程序公共样式表 | 一个小程序页面由四个文件组成，分别是： | 文件 | 必须 | 作用 | | ----- | ----- | ----- | | 页面名.js | 是 | 页面逻辑 | | 页面名.wxml | 是 | 界面布局文件 | | 页面名.wxss | 否 | 页面样式表 | | 页面名.json | 否 | 页面配置 | 注意：这四个文件的**页面名**必须具有相同的路径与文件名。
越过验证码 selenium模拟登录B站项目实战（附源码）
与君初相识，犹如故人归
03-25 5205
实战：selenium模拟登录B站 登录验证码处理 selenium 中的难点验证码破解因为确实没有很好的方式，一般都需要通过第三方平台实现破解，本案例中使用的是超级鹰平台(收费，大概1元30次，测试用冲个1元就足够)。下面实战开始！ 分析登录界面结构 B站登录界面如下。 首先明确我们的目标，打开登陆界面，定位用户名和密码对应的标签，输入相关数据后，点击登录，此时页面会弹出文字验证码。 下文会用两种方法进行验证码图片的获取，并提交给超级鹰进行识别，接收到汉字的坐标后，处理坐标数据
如何破解大型网站的登录
XiyouMC
03-31 2万+
阅读本文需要4.66分钟 你被标题吸引了吧。。。别急着关。。重头戏在后面 最近当我玩B站的时候，一不小心用代码登录了它，并几乎无限制的上传视频。 那么接下来，我来讲解如何通过Hack技术来模拟 哔哩哔哩 的登录，并完成我们的视频上传等操作。因此内容中略有“暴力”，若您感到不适，那还是也请看完它。 按照以往的老套路，我们首先需要弄清楚它的登录逻辑，并通过我们的代码来实现登录操作，其次拿到所谓的 Co
WeX5制作的app，界面模仿b站（哔哩哔哩弹幕视频网）客户端
胖胖的二狗子的博客
06-05 2638
本案例是使用WeX5制作的app，界面模仿b站（哔哩哔哩弹幕视频网）客户端。 功能介绍： ①模仿b站app的首页展现、话题/游戏中心等页面展现、多栏目侧滑查看、左侧边栏、搜索栏等。 ②视频详细信息展现，示意性分享与收藏功能。 ③自带播放插件，可播放在线的示例视频。 ④示意性登录功能，输入不为空即可登录成功。app及源代码下载（内附使用说明）：http://pan.baidu.com/s/1jH8Eh
超详细！模仿哔哩哔哩搭建静态网页
mohuanxiaoyuzhou的博客
05-04 5083
Web静态页面开发实战学习总结 一、构思与前期准备 灵感来源于csdn博客上看到的其他人开发的模仿官方网站的开发文档，同时鉴于自己喜欢二次元的风格。决定自主设计出一个模仿哔哩哔哩·的低配版哔哩哔哩网页。 素材准备：哔哩哔哩官网上或网页界面下载主站png,jpg,gif图片，参考哔哩哔哩某up教程获取主站svg界面图标，选取图标并进行重命名保存。 资源准备：哔哩哔哩网页源代码，csdn博客《哔哩哔哩网页仿写总结》 bootstrap框架下载并学习使用 基于H5 video开发的视频播放插件：supervide
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标
热门推荐
sunny327的专栏
07-22 2万+
IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 从IE 10开始，type=”text” 的 input 在用户输入内容后，会自动产生一个小叉叉（X），方便用户点击清除已经输入的文本。 对于type=”password”的 input 则会在右方显示一个小眼睛的图标，占击这个图标可以显示已经输入的内容。 好是好，但有时候会画蛇添足，比如已经用js控制了这个功能的时候。
CCF推荐学术会议-C（人机交互与普适计算）：CollaborateCom 2025
iaast的博客
04-24 323
时间地点：2025年11月15日-上海（中国）所属领域：人机交互与普适计算。截稿时间：2025年5月1日。
嵌入式八股文面试题库资料知识宝典-华为的面试试题.zip
最新发布
04-27
嵌入式八股文面试题库资料知识宝典-华为的面试试题.zip
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序猫 猫小白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值