文本输入框是最基本的界面控件之一。它需要显著、良好的可访问性，高效、舒适的互动性。我们需要明白输入框是什么、有哪些、在什么场景中使用，这样可以更好的为我们设计服务。 全文一共11200字，分为上下两篇，上篇是拆分结构&#…

‍ ‍ 系统设计当中除了按钮之外，文本输入框（Text Fields）应该是最常见的交互元素了。当你在淘宝买个东西，当你注册个新账号，当你买单输入个金额时，各种使用场景简直无处不在。可以说把握好输入框设计&…

交互设计是人机交互的一种设计，主要目的是提高人机交互的效率和用户体验。它与人工智能、人机界面等领域紧密相关，是互联网产品设计中不可或缺的一部分，是指以人类为中心，通过软件或硬件的设计，使人与计算机进行有效通…

介绍 交互设计（英文Interaction Design，缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的…

写在前面 相信大家已经看过某些手机号的输入框在输入的时候，手机号是3 4 4格式，即 输入一个手机号时，会隔成 159 8888 3333 这样的输入框。笔者也实现了一个这样的组件，这个组件的特点是： 组件表现上在输入时会自动隔断…

不用把pc端都设计成百分比，只要不引入px和rem转换的js，pc端转手机端就会等比例缩放

如果没有对应比例屏幕的真机，可使用其他非全面屏手机或者全面屏手机进行模 拟验证，通过adb连接手机，执行以下命令， 将屏幕显示比例设置为19.5:9比例，adb shell wm size 360dpx780dp 恢复显示执行以下命令&#xff1a…

适配手机端的时候觉得有意思的东西 设置或检索对象的缩放比例 *zoom: 1 使用方式&#xff1a; body {min-width: 1200px;overflow-anchor: none;background-color: #eee;*zoom: 1}一般常用的也是rem布局 首先要给页面设置缩放比&#xff0c;加在head里面 <meta name"…