1、从最小的手机开始工程
要开始创建“移动优先”响应设计的版本,首先要做的就是放弃有关解决方案在桌面的外观的所有想法。
2、以简单直观的导航为目标
目前,移动开发中最方便的导航格式是垂直放置菜单项的下拉列表。确保用户不必费力阅读指示特定菜单项的文本。
3、在接口元素之间保留尽可能多的自由空间
随着web设计领域的发展,包含最大自由空间的布局越来越受欢迎。最新的趋势包括信息丰富的极简主义图标,当点击(或点击)时显示它们的功能。
4、确保快速页面加载
当你开发一个适合移动设备的设计时,确保你的网站页面快速加载是非常重要的。
5、使用正确的媒体内容扩展
移动优先设计的一个主要问题是忘记了视频和图片的高宽比的精确设置。如果这些特性不是预先设定的(4:3、16:9、16:10等),或者没有提供重新计算它们的机制,特定设备的系统可以独立地改变它们。这可能会导致某些设备的布局被破坏。
6、仔细计划适应更大的设备
当你的设计基础已经准备好了,你就可以开始考虑你的移动第一个网站在大屏幕上看到的标记。
7、进行广泛的测试
追天官网:www.zhuitiankeji.com
游戏官网: www.zhuitian.cc