设计稿在电脑上看气势十足，切到手机上，留白被压没了，大标题挤成两行，首屏那张主视觉只剩下中间一坨。品牌网站建设的高级感能不能在六寸屏幕上成立，才是真正的试金石，毕竟访客一大半来自手机。
桌面设计直接缩放，为什么不行
响应式布局解决的是排得下的问题，不解决好看的问题。桌面首屏的主标题在手机上要么缩到看不清，要么换行堆成两三行，气势全无；电脑上优雅的三栏排版，压到手机上变成三条细缝；桌面端大片留白的呼吸感，小屏上一挤就窒息。根本原因是两者的物理条件不同：电脑是扫视，手机是拇指滑动；桌面横向空间富裕，手机只有纵向。所以移动端不能是缩放，得是重排，这是很多品牌站手机端差点意思的根源。
移动端叙事怎么重排
重排的第一刀是砍内容。桌面首页的内容，手机上保留六成就够，次级信息折叠或挪进内页，小屏要的是果断。字号重新定级：手机端的标题要比照桌面放大一档，正文不小于十六像素，层级靠大小和粗细拉开，小屏幕上模糊的层级等于没有层级。图片竖过来用，桌面上的横幅大图，移动端裁成竖构图或改用局部特写，主视觉的重点别被裁掉。每屏一个重点的原则在小屏上要执行得更狠，一屏塞两件事，手机用户一件都记不住。
- 内容砍到桌面版的六成
- 标题放大一档，正文不小于十六像素
- 横图改竖裁，主视觉重点居中
拇指时代的手势细节
手机是拿拇指操作的，一切按这个前提来。可点击的区域做大，按钮高度不低于四十四像素，两个按钮之间留够空隙，误触是体验杀手；导航收进汉堡菜单没问题，但电话按钮要露在外面，拇指一伸就能拨号；轮播图支持左右滑动，别只留小箭头让用户去点；页面滚动要顺滑，重动效在手机上该减就减，掉帧的动画比没有动画更掉价。测这些细节别用模拟器，拿真手机滚一遍、点一遍，拇指会告诉你答案。家里有旧手机的，再拿它跑一遍全站，低端机也流畅才算真合格。
两条建议：设计验收时把手机版当成独立作品看，而不是电脑版的附属，达不到桌面版八成气质就退回重排；上线后用热力图看手机端的滚动数据，访客在哪一屏集中离开，那里就是重排的下一个靶子。品牌网站建设的移动端打磨，比格网络交付前都让客户用自己手机完整刷一遍，小屏立得住，品牌才立得住。
