第一：移动网站和pc网站设计有哪些不同？
1、对应的平台不一样
PC网站是在电脑上运行的，对于网页大小没有太大要求，所以可以有绚丽的美工，动态的展示效果。但是手机端就不一样了，因为手机屏幕明显要比电脑小很多，对于有动态效果或图片多的网站，打开速度将很慢，并且会花去用户很多流量，所以必须专门设计一个适合在手机端浏览的页面。
2、网站内容的布局不同
由于移动端用户的浏览时间以及习惯，网站的内容布局一定要合理，能咋首页显示完整的内容就是最好的，如果不行，也要把目录层级控制在三层以上。另外为了缓解用户的浏览疲惫，在内容布局上一定要采取图片和文字结合，让赏心悦目。
3、交互方式不同
PC端采用鼠标点击的方式，移动端采用手指触碰的方式。在设计时，PC端往往更多考虑用户视觉浏览路线，而移动端则会更多考虑手指交互习惯、人体工学等。
4、导航模块的设计不同
移动端网站会更加注重导航按钮的大小，符合用户的手指大小以及触碰习惯。PC端的导航则是要全部都要显示出来，方便用户轻松点击栏目。
5、页面的优化手法不同
有时候我们打开PC网站，发现网站非常大气美观，布局也合理。但是到了移动端上看的话，由于页面不能适应移动端的页面，导致变形，甚至是无法正常显示出来。所以在设计网站页面时，如果是要做自适应网站的，一定要考虑到网页在移动端上的页面显示。
6、网页的大小及加载时间不同
由于移动端用户的网速有限，在网页大小及加载时间上需要控制好。一般单页面的加载时时间要在5秒以内，网页的大小也不要超过50kb.需要减少http请求。减少重定向、减少传输数据的大小，压缩图像等等。
第二：移动网站设计需要注意什么？
1、移动网站页面设计
移动网站设计之前就要考虑移动设备的分辨率问题，这就是移动网站不同于PC端网站，移动网站建站对于页面要求很高。因此，在移动网站页面设计之前就需要合理安排网站内容和结构。做好网站页面布局和视觉体验，移动网站建设对于用户体验度提出更高要求，小小的屏幕包含的东西尽可量全面简介。只有，这样良好的用户体验，才能让网站在移动端获得好的排名。
2、移动网站页面要干净
因为在手机端浏览网站，受限于屏幕大小，往往文字不会很大，此时如果网站上存在着很多杂七杂八的内容，必然会极大的影响到用户的浏览体验。尤其是有的手机网站上也有一些弹窗的设计，而且一弹窗，必然会占据很大的屏幕空间，这样的设计显然不具有科学性。对于手机网站而言，除了少许的装饰性设计之外，就应该是纯粹的内容，这样用户看起来就会十分的干净整洁，从而提升阅读和浏览的欲望。
3、图片、flash慎用
和PC网站一样，有大量的图片的网站不仅会影响到搜索引擎的抓取和收录，还会影响网页的加载速度。对于用户来说，是没有多余的时间等待网页慢慢打开，也不会浪费多余的流量去看你的图片。
4、网站内容布局要直奔主题
移动端由于分辨率的问题，不可能做的跟PC端那么全面。这就需要把重要信息放在显眼的位置。最好别下滑到下一页面。尽可能让用户在首屏就找到用户想要的信息。这样减少用户下拉页面时间，也可以用户良好体验度。
5、移动网站设计必须要做到结构的扁平化
手机网站因为本身屏幕就小，而且用户大多都是通过碎片化时间来浏览，因此用户的浏览效率一定要极高才能够让用户乐意看一些手机网站。这就要求网站的结构一定要做到扁平化。通常而言，从手机网站首页到内容页，通常不能够超过3层，最佳的设计模式就是两层。当用户登陆手机网站的首页之后，就能够迅速点击相关的内容并完成显示和阅读。
6、移动网站加载问题
移动网站打开速度或者速率，都影响用户打开网站。如果网站打开过慢，甚至超过5秒用户打开率就迅速下降。因此，移动网站打开速率尽量保持在3秒之内，用户就很愿意在内容上面花费一定时间。因此，移动网站建设就尽量减少不必需要的图片甚至动画的使用。保证网站打开速度。
7、移动网站导航设计要清晰
移动网站导航设计本人认为是最难的，因为在用户进入到首页之后，就需要很清晰导航结构，如果导航不清晰，用户很难进入到网站内部。因此，如何把PC端导航尽可能简单甚至浓缩到移动网站就变得很重要，本人认为导航尽量包含主要栏目和重要信息页足矣。
最后，青岛做网站要说其实移动网站设计时最重要的是重要细节和用户体验，因为在手机端，极为重视用户的浏览体验，为此甚至可以将搜索引擎的作用进行弱化，增加移动网站体验度，彩色决定移动网站的成败的关键因素。因为只有良好的浏览体验，才能够获得用户更多的碎片化时间，从而为手机网站培养更为忠诚的用户。
鲁公网安备 37021402001407号