从YouTube改版看“移动优先”附移动优先网站设计案例赏析

如何遵循移动优先设计原则？

打造一个符合移动优先设计原则的移动端网站，首先需要借助原型工具，例如Mockplus,

第一步：登陆已有的Mockplus账号或申请一个免费的Mockplus账号；

第二步：新建一个手机项目；

第三步：思考布局。

“移动优先”设计方法与“桌面优先”有所不同。移动设备中，我们需要考虑在小屏幕布局中呈现足够有效的信息，并不是随着页面布局的改变而减少信息。

在这个例子中，我们知道主页应该具备的某些元素，比如网站的名字和应用logo。但并不是所有的桌面端网页设计元素都适合运用到移动端设备上，所以我们首先根据旅游网站的目标来确定优先事项：

启动页面、登录注册页面、欢迎页面、城市列表页面、主页、详情页面、搜索页面、活动页面、个人信息页面等。

第四步：效果呈现。

Gogobot在线预览地址：https://www.mockplus.cn/sample/post/656

卡片式设计和滚动式内容展示符合移动端用户的信息获取和操作方式。既不会因为图片过大抢占了有限的屏幕资源，上下滚动的内容获取方式也乐于被用户所接受。因为比起汉堡菜单，用户会更乐意去滚动页面。

结语

通过今年Youtube的改版，相信今后会有更多的商家重视起移动优先的设计理念。也希望以上列举的 8 个移动优先设计的案例能为你的新产品或新网站的建设提供一些参考思路。移动版受限于流量必须简单粗糙，而桌面版则极尽华丽之能事。但现在“移动优先”几乎成为一句“正确的废话”，因为它变成了几乎所有硅谷主流企业的常识。 

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!