如何做好手机网页设计
手机网站制作要兼顾非触摸屏幕的设计：虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。
做好手机网页设计的方法：网站设计应简约而不简单：手机作为移动网站的承载平台跟电脑相比有一定的局限性。比如手机屏幕并不大，手机网页一次只打开一个网页，不能像电脑浏览器一样可以同时打开多个网页。
设计者应注意网页的页面大小不要超过20KB，页面如果太大会消耗用户更多的流量。注意屏幕规格 手机一般都可以用横屏和竖屏两种方式浏览网页，设计者应注意横向和纵向的区别设计两种规格的尺寸。
wap网页制作教程WAP网站开发的基本流程有哪些
1、明确网站的需求 没有目标就没有方向，无论是进行哪种网站开发，最重要的就是要明确明确需求以及定位。网站建设如果要达到公司的预期目标，那就需要分析网站的潜在需求，这并不是随意的建个网站就可以了事的，否则就是浪费了金钱与时间。
2、WAP网页制作教程主要包括以下步骤：明确网站需求：确定目标：无论是产品营销、门面展示还是门户网站，首先需要明确网站的建设目标和预期效果。分析潜在需求：对网站潜在用户群体进行深入分析，确保网站内容和服务能够满足用户需求。
3、创建完整手机WAP站步骤如下： 确定目标设备与用户群，以定制内容与功能。 选择简短易记的域名与经济空间提供商。 准备丰富内容，包括文字、图片、音频与视频。 使用WAP开发工具制作WAP页面，包括编辑器、浏览器与服务器。需掌握以上要点，合理运用工具，便可成功开发手机wap网站前端。
4、WAP功能通俗表达：我们公司技术部，开发制作了一个WAP的电子公告版，那么我们公司的其他员工在全国各地都可以在手机有信号的情况下通过手机（具有WAP功能并且开通了WAP上网）来访问这个页面，了解公司的最新通知和公告，也可以通过这个WAP页面进行反馈，报告进度或者其他事情。
移动页面如何设计
竖屏思维：采用竖向阅读布局，适应移动端用户习惯，同时建议最小字体不小于18px以保证可读性。图标设计：优先使用图标传递信息，提高效率和记忆度，保持图标风格统一，避免混用不同类型图标。人物肖像处理：在呈现多个人像时，保持形象大小、方向、色调及眼睛高度一致，营造和谐画面。
了解一屏尺寸：鉴于移动端用户主要来自无线端，设计详情页时应考虑平台尺寸，如某宝平台，iPhoneX设备显示高度，以此为基准。 竖屏思维：详情页应采用竖向阅读布局，避免横屏思维影响展示效果，建议最小字体不小于18px。
手机端网页可以用个PS进行设计和切图，最后用DIV CSS html5 JS完成。
扁平风格使页面简约，阴影悬浮增加立体感，颜色填充体现品牌特色，深色风格突出内容，透明风格高级而不遮挡。即时设计资源社区提供丰富导航设计，包括网页与app导航模板，可快速搭建导航条，节省设计时间。通过输入模板名称即可获取设计资源，即拿即用。掌握导航栏设计要点与细节，有助于提升设计思路与创意。
在iPhone界面上元素的定位、尺寸是通过一个单位point，而非px，屏幕上固定有320x480pt，retina屏两倍的分辨率改变的只是pt和px之间的比例而已，这样就能实现不改变程序，只上传两套图片就兼容两个分辨率。
