|
Post by melindealphins16 on Apr 3, 2024 0:20:30 GMT -5
这使得响应式网站变得更具挑战性。当您意识到浏览器有不同的版本并且客户端不一定使用最新的版本时,事情会变得更加混乱。 该怎么办?尝试在尽可能多的设备上测试移动和桌面布局。使用特殊软件,例如,Am I Responsive ?到目前为止,还没有发明出更好的方法来测试该网站的自适应版本。 218-2.png 这就是“我的响应式”的工作原理吗? 从移动布局开始 “移动优先”这个词已经引起了人们的注意,但并没有失去其相关性。 大多数问题出现在文本和徽标上。很明显,如果文本 荷兰数据 在手机上可读,那么在平板电脑上、然后在台式机上遇到的问题就会更少。 图像必须适合所有设备 如果图像有很多细节,移动版本可能看起来不太好。如果您为每个设备使用单独的 HTML,则可以为较小的屏幕上传单独的图像。如果布局像 Bootstrap 一样有弹性,您将必须简化图像并消除视觉碎片。 移动菜单布局是一个单独的问题 大多数情况下,移动设备上的菜单项隐藏在“汉堡”图标中: 218-3.png 汉堡菜单是一个可识别的元素,用户通常知道如何使用它。 但许多用户体验专家批评这种方法,因为你必须单击两次或更多次才能到达某个元素。相反,他们建议显示尽可能多的菜单项。 如果选项卡栏未使用,则可以将其隐藏 - 例如,当用户向下滚动功能区时。向上滚动时,菜单出现在屏幕顶部。 在移动设备上的导航方面,专家最常赞扬 YouTube 解决方案: 218-4.jpg 考虑手势 在平板电脑和移动设备上,人们喜欢使用手势控制内容: 点击(Tap)是一次点击 滑动 - 左右滚动屏幕 滚动 - 上下滚动屏幕 长按 - 就像右键单击 捏 传播 双击 用力按压 设计师的任务是在自适应网站模板中使此类手势变得方便。
|
|