移动页面如何设计
竖屏思维：采用竖向阅读布局，适应移动端用户习惯，同时建议最小字体不小于18px以保证可读性。图标设计：优先使用图标传递信息，提高效率和记忆度，保持图标风格统一，避免混用不同类型图标。人物肖像处理：在呈现多个人像时，保持形象大小、方向、色调及眼睛高度一致，营造和谐画面。
了解一屏尺寸：鉴于移动端用户主要来自无线端，设计详情页时应考虑平台尺寸，如某宝平台，iPhoneX设备显示高度，以此为基准。 竖屏思维：详情页应采用竖向阅读布局，避免横屏思维影响展示效果，建议最小字体不小于18px。
扁平风格使页面简约，阴影悬浮增加立体感，颜色填充体现品牌特色，深色风格突出内容，透明风格高级而不遮挡。即时设计资源社区提供丰富导航设计，包括网页与app导航模板，可快速搭建导航条，节省设计时间。通过输入模板名称即可获取设计资源，即拿即用。掌握导航栏设计要点与细节，有助于提升设计思路与创意。
按照移动端普通平宽进行div网站建设；通过HTML5建设专业移动网站；搭建app移动网站，进行页面平面设计。
让你的整个网页都适合在移动端上浏览 相比在移动端上直接操作桌面版网页，经过适配的移动网页会大大方便用户的操作使用。将主操作按钮设计得更友好 手机用户很容易忽视手机界面上的元素，所以主操作按钮要放在显要位置。
移动端页面布局分析2018-04-07
移动端不同于PC端，最大的区别是屏幕尺寸的限制，相同的内容显示效率要低很多。如果直接按照PC端显示所有内容，页面信息自然混乱不堪。作为交互设计师需要对信息进行优先级划分，并且合理布局，提升信息的传递效率。下面来谈谈手机界面设计中常用到的一些页面布局。
行为扩展式布局 - 特点：一屏内显示更多细节，无需页面跳转。- 优点：减少层级跳转，对分类有整体了解。- 缺点：分类位置不固定，展开内容多时跨分类跳转不便。 多面板布局 - 特点：同时呈现多个分类及其内容。- 优点：分类位置固定，整体性了解，减少层级跳转。
减少界面跳转的层级对分类有整体性的了解清楚当前所在的入口位置不足：分类位置不固定，当展开的内容比较多时，跨分类跳转不方便场景：适合分类多及其内容同时展示内容展示的信息多7，抽屉式布局特点：突出核心功能，隐藏其它功能。
如何做好手机网页设计
设计者应注意网页的页面大小不要超过20KB，页面如果太大会消耗用户更多的流量。注意屏幕规格 手机一般都可以用横屏和竖屏两种方式浏览网页，设计者应注意横向和纵向的区别设计两种规格的尺寸。
手机网站制作要兼顾非触摸屏幕的设计：虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。
做好手机网页设计的方法：网站设计应简约而不简单：手机作为移动网站的承载平台跟电脑相比有一定的局限性。比如手机屏幕并不大，手机网页一次只打开一个网页，不能像电脑浏览器一样可以同时打开多个网页。
手机端页面优化 界面风格优化方面，保持网站设计风格统一，采用合适的色彩搭配，保持简洁美观。交互式优化要简化功能，方便用户在各个页面之间切换。适配优化要同步更新PC端和移动端网站，并做好横竖屏适配功能。内容优化则需要简洁，突出核心价值。手机网页设计要点 内容新颖，吸引用户讨论。
制作手机网页的步骤如下：注册与登录 注册账号：首先，在浏览器中搜索H5并进入其官方网站，进行账号的注册。 登录界面：注册完成后，使用新账号登录，进入H5的编辑界面。填写个人信息 进入页面后，按照提示填写个人信息，以便更好地管理和使用账户。
针对手机屏幕小 因为屏幕小，所以要合理优化页面内容，把重点内容优先显示，不浪费用户时间查找他要的内容。竖屏观看 手机基本上都是竖屏观看的，所以内容排版尽量竖着排版，方便用户观看。手指操作 因为手指没有鼠标精确，所以要把按钮放大到合理大小，方便用户手指操作。
