所有表单标签和占位符字体应大于 16px
去年为客户重新设计了整个用户界面后,我收到了他们首席执行官的一封电子邮件,上面写着“马库斯,它看起来很棒,但我什么都看不懂!”。
字体是 14px,这是 约旦手机号码数据 网页中相当标准的字体大小……但我的客户是在移动设备上查看此界面的。在为移动设备或年龄较大的受众设计时,文本大小至少应为 16px。
附注:点击任何低于 16px 的文本时,iOS 设备会放大,但如果文本为 16px 或以上,则不会放大,因为这被认为是不必要的。
58. 使用特定的 HTML 输入类型来显示正确的键盘您是否曾注意到,在使用移动设备时,手机会根据您提出的问题显示不同的键盘?有时会显示“.com”按钮,而其他时候则会出现日期选择器?
移动输入类型这一切都归功于 HTML 输入类型。对于移动表单设计来说,它们非常棒,您应该使用它们。有八种与表单设计相关的输入类型:
input type=”text” 显示普通移动设备键盘input type=”email” 显示普通键盘加上 '@' 和 '.com'input type=”tel” 显示数字 0-9 键盘input type=”number”显示带有数字和符号的键盘输入类型=”password” 这会隐藏在字段中输入的字符输入类型=”date” 显示移动端的日期选择器输入类型=”datetime” 显示手机的日期和时间选择器输入类型=”month” 显示移动端的月份/年份选择器现在轮到你了。
頁:
[1]