设计手机网页注意事项

手机网页设计成功离不开排版，排版应该获得和图片同样的重视，虽然可供选择的字体很多，设计师要考虑的方面很多，比如说，目标客户和客户公司的性质。下面介绍设计手机网页注意事项，希望可以帮助到各位。

一、选用合适的字体。

手机网页设计成功离不开排版，排版应该获得和图片同样的重视。虽然可供选择的字体很多，设计师要考虑的方面很多，比如说，目标客户和客户公司的性质。为手机网站页眉和内容选用合适的字体是必不可少的，无衬线字体和有衬线字体通常会为设计带来良好的效果。除此之外，你还可以结合其它字体，专为孩子和女性打造网站。

二、选择合适的配色方案。

任何手机网站的设计都离不了合适的配色方案，这对创建一个整洁干净的网站同样适用。坚持使用淡色和非彩色的投影对成功设计一个简洁网站大有裨益。浅色的投影可以帮助用户把焦点转向网站内容。标志使用黑色和较深的投影，手机网页中的页眉和导航元素使用浅色背景，这些都是不错的案例，并没有规定在简洁网页设计中不能使用大胆的颜色，但是这样的颜色要小心，克制地使用。有时候，手机网站有必要使用深色背景色来吸引某些目标用户。比起渐变色，有些手机网站更钟爱纯色。如果你的手机网站非得要使用纹理和渐变色，也不要用得太过火。

三、提高页面加载速度，手机网站以简洁为主。

一般来说，手机网站在用户下载和浏览时要比PC端网站的速度慢得多，页面东西太复杂，会耗掉用户等待网站加载的耐心，尤其是导航栏要简短清晰，能够快速地指引用户浏览网站的深层信息。对于网站内容来说，简洁突出重点就好，所谓的内容越丰富越好已不适用于手机网站了。

四、避免使用弹窗。

无论是出于方便用户联系网站客服还是做些小广告的目的，都要尽可能避免弹出窗口的应用，手机网站本来加载速度就慢，再添加这些窗口，必然会影响用户体验，阻碍用户浏览网站的视线，进而占用用户流量，引起反感而放弃对网站的继续访问。

五、手机网站图片要适配设置。

从手机上浏览网站必然没有那么方便，操作也不如PC端灵活自如，前面也说到了使用网站设计技术可以解决网站适应屏幕的问题，网站图片也不例外，但为了用户能将页面使用图片的地方看得更加清晰，可采用整站缩放的模式，而不是用户点击单张图片的缩放模式，当然，手机网站能少用图片是最好的。 六、网站操作简单化。关于新页面的打开方式，最好采用当前页面显示的方式来设计，以免新窗口造成网站资源占用的负担，同时对于出现网站错误的现象最好设置提醒，让用户快速找到页面出口进行跳转，而不是不断地进行返回操作。

七、交互式的互动行为。

用户在移动客户端都喜欢进行留言，分享功能。特别是看到一篇很棒的帖子都会选择分享到朋友圈或者空间中，让朋友也参与里面。例如现在比较流行的做就是做微信公众号大咖们，往往一篇帖子都会造成几千人的持续浏览、点赞或者分享内容，粉丝喜欢中这种参与行为，因为这种圈子拉动粉丝在持续发酵中，用户慢慢都会舍不得离开。

1、明确自己想在手机网站上展示哪些信息：

在手机网站制作之前应该明确自己想在手机网站上展示什么，分析一下可能的浏览者会有哪些，然后有针对性地策划和设计网站上的相关内容，这样才能做到有的放矢，不至于手机网站制作好了却没人浏览，或者浏览了不感兴趣。如果能做到有针对性的进行手机网站制作，通常手机网站在推广之后都会为企业带来一定量的潜在用户。

2、在手机网站制作时要尽量符合滑动屏幕的方式：

一般的手机屏幕，画面都不如桌上电脑那么大，尤其是阅读文字时更需要加以放大。即使智能手机具有网页放大缩小功能，但是观看起来也较为麻烦，因为网页放大后，很可能还要左右滑动才能浏览网页，浏览后还要缩小回原大小。因此在设计手机网页时，应能够以滑动屏幕的方式来阅读网页，因为滑动网页操作比着放大网页观看来要简单得多。

3、不能参照PC端网站来设计手机网站上的导航功能：

手机网页与跟一般的PC端网页不同，由于受到手机屏幕大小和屏幕操作的限制，在设计导航功能时应该按照手机屏幕来设计，不能完全照搬PC端网站，该简单的地方简单化，该去掉的去掉，同时在当阅读文章到最后时，要方便于用户回到最前头，减少卷动画面的机会，让网页变得更容易于移动设备上阅读。

4、手机网站制作也要考虑多种浏览器的兼容：

现在的移动浏览器能够处理大多数网站，一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种，比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器，如此多的浏览器在浏览网页的时候，如果手机网站的兼容性差，就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。因此，手机网站制作必须考虑到兼容于多种浏览器。

5、在手机网站制作时一定要减少用户文字输入操作：

现在智能手机一般都没有实体的键盘，或仅只有12键的电话输入功能，因此在输入文字上会比起使用电脑键盘麻烦得多。因此，减少使用者输入文字的机会，例如用户名、密码等，都是手机网站制作时要尽力避免的。

6、在手机网站制作时就应该考虑到日后的推广和宣传：

在手机网站制作时，不要忽略了用户体验，否则在日后的网站推广时将会遇到麻烦。任何一个手机网站，都必须经过广策划、设计和推广的过程，在手机网站制作时需要考虑日后的推广，手机网站应该在丰富站内内容的同时，提供详尽的产品信息以及联系方式，并收集有关产品的用户满意度和顾客需求方面的反馈信息。这样的手机网站上线后，其推广工作也会非常有效果。

7、手机网站制作要兼顾非触摸屏幕的设计：

虽然大多数手机都是智能手机，但也有为数不少的传统手机，不具备触摸的功能，使用的是传统的控制方向键做为滑动的工具，这时候，手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。

8、在手机网站制作时要记得要简化网页内容：

一般的手机、平板电脑等移动设备，由于屏幕大小的限制，不易容纳下个人电脑的大容量的网页资讯，因此手机网站制作的首要一点就是减少网页内容，最好不用图片或是影音视频等，文字也应该精简，但要保持网页内容的可读性。只需要将最重要的资讯放入移动版网页，不太重要的内容内容，可以略去，或者通过超链接链接到新网页上。

9、手机网站制作要注重网页产品和服务的展示：

企业在手机网站上，需要表现的重点仍然是产品和服务的展示。移动用户访问企业手机网站往往是有备而来，想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示，可选择企业的主要产品，对其各类参数或价格加以详细说明，对于企业的新产品，也可以适当的加以介绍，必要时可以采用图文并茂的方式，但图片的体积应尽量小。

Internet作为新的媒介，为设计提供了广阔的舞台。互联网信息资源无限、图文互动、方便快捷，而且价格低廉，对于精明的商家来说，没有理由拒绝在Internet上展示自己或者销售自己的产品，从而使网络中网页的设计从一开始就蒙上了商业的色彩。

网站是由诸多的网页构成，网站存在的价值是被客户访问，客户的浏览率是网站广告收费的重要依据，也是评估网站价值的重要依据之一。网页是构成互联网的基本元素，是引导客户进入网络的大门。网页作为信息传达的载体，具有提高消费者对企业或商家新产品的了解，增强企业或商家的知名度，树立企业或商家形象，提高企业或商家信誉，促进销售等方面的功能。那么，如何使客户浏览后记住这个网站?企业或商家如何使自己的网站与众不同?这是设计师要认真思考的问题。

一、利用图像美化网页，提高点击率

网页设计中内容应当是第一位的，但是从商业的角度考虑，页面设计也是非常重要的。设计师除了利用互联网的特性和企业目标市场的准确定位外，还要把页面设计的趣味盎然，引人入胜，从众多的页面中脱颖而出，以吸引读者的眼球，从而增加页面的点击率。

网页是由文字、图像等元素构成的，各种设计手段与编排手法的运用，就是要让读者产生一种心理暗示，引导读者对目标网站产生兴趣和阅读欲望。

文字是网页中必不可少的设计元素，也是网页中主要信息描述的要素，所以网页中文字占据了很大的面积。但是页面上文字太多，就会显得沉闷，缺乏生气。图像是构成网页设计要素之一，它具有强烈的视觉效果，能使页面显得活泼生动，美观大方，图像的好坏直接影响阅读者的观赏兴趣。图像还能补充文字说明，给读者直观的表现。能给网页锦上添花，并能潜移默化地给读者思想情感上的启迪与感染，也能表达设计师个人的设计风格。

一个优秀的页面设计必定是形式与内容的完美结合。一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲究形式美感，过于强调独特的设计风格而脱离内容，或者只求内容而缺乏艺术的表现，页面设计都会变得空洞而乏味。另一方面要确保网页上的每一幅图像都有存在的必要性，不要为了炫耀而刻意装饰，了解企业或商家的经营策略，具有针对性地设计。因为图像是为页面而服务的。图像的大小、位置、数量、形式等因素，直接关系到网页的视觉传达。图像要与内容特性相吻合，不能相脱离，更不能相互冲突。

二、吸引读者注意力，提高网站知名度

互联网凭借其信息量大、覆盖面广、方便快捷、互动性强等特点，逐渐成为人们学习、生活、工作中获取信息的重要媒体。从中国互联网信息中心的调查数据看，我们50%的上网用户目的是获取信息，居各种上网目的的第一位，正是由于人们对信息量的需求，导致了人们对这一新兴媒体的依赖。

在Internet上信息的传播是靠客户的浏览，如果没有访问者，信息将无用武之地。网站需要丰富自己的网上传播内容及传播表达手段，以吸引更多的读者访问自己的网站，激活自己的主页和信息页。激活率越高，就意味着它对网民的吸引力越大，从而吸引更多的小企业、个体经营者租用自己的网站设置网页，获得更多的收入。目前网络媒介一般者是免费向读者提供信息的，它从内容传播本身并不能取得收入。但它还是坚持不懈地更新网上新闻、娱乐方面的内容，其用意无非是持之以恒、锲而不舍地在网上建立自己网站的声望，加强知名度、印象度，为开展广告经营，取得广告收入的回报创造条件，打下基础。因而对于一个网站来说，如何让读者更多更好地接受信息是提高网站知名度的关键。新晨范文网

三、传递商品信息，诱发购买欲

从信息接受者的角度考虑，视觉是人们获取信息的主要渠道。一个人在接受外界信息时，经由视觉接受的信息占全部信息的83%，11%的信息来自于听觉，3.5%的信息来自于嗅觉，1.5%的信息来自于触觉，1%的信息来自于味觉。对于网络广告信息来说，视觉形象的表现力比语言的表现力更强，能达到更好的效果。因而，在某种程度上来看，与其用语言向读者灌输信息，不如让读者去看，让形象去说服读者。

图像是文字的具象化，图像能极大地提升文字的魅力、张力和感性，一幅好的图像，能将设计师抽象的思考予以“具体化”的表达，把某些无法用文字表现出来的视觉特征，通过图像形象地表现出来，它应该是一种文字意念的“再创造”。

网页中广告的图像通常是通过画面的视觉形象对浏览者的视觉产生刺激，增强人们对广告信息——商品或者劳务等的印象，在人们毫无反感的心理状态下，不知不觉地接受了广告所传播的信息。网络广告从图像入手，让图像说话，用形象传递信息，以强烈的视觉冲击力打动观众的心，激发观众的联想和刺激观众的想象，让观众在审美的过程中接纳商品信息。网络广告中图像是商品信息的载体，它的最主要的功能就是将产品或者企业的商业活动所承载的信息、概念转化为视觉语言，进行形象、艺术的描绘，以此来感染大众的情绪，影响他们的心理，完成商业运作及广告宣传，让大众最终实施消费行为。

网页设计推动了网络经济的发展，促进了商品的流通。我们的设计师应该在追求商业性的同时还应该注意它的艺术性，艺术性越强，感染力会更高，艺术性是影响商业性的一个不可忽视的方面。

十几年前很难想象当前的网络速度会如此之快，百兆网都已经开始逐渐退出历史舞台，千兆互联网甚至是千兆移动互联网都已经开始向我们招手。在这种网络高速公路的背景下，似乎越来越多的站长们开始忽略网页的瘦身问题，相反越来越多的网页开始变得越加臃肿，事实上在过去的十几年里随着技术的进步，想要瘦身网页也变得越来越容易，可事实上当前互联网上的网页臃肿度却相当高。

根据HTTP archive提供的调查报告显示，在统计的80万的网页里平均的网页容量大小已经接近2M，这个数据相对于去年不仅没有降低，相反还上升了16%，而且上面调查的网页复杂度还相对较低。而在十年前网页的平均容量大小却仅仅只有800k，由此可见我国网页容量是呈现不断上涨的趋势。

从调查中还可以看出，其中html内容在过去的一年里也上升了几k，这说明从脚本语言的角度也没有得到简化，而是采用累积的方式在增加，另外CSS内容同样如此。而人们广泛担忧的flash动画的应用却呈现下降趋势，大部分将这个技术应用在广告内容上。不过从调查中可以得知，图片是造成网页容量快速增大的重要推动手。这一方面和当前像素分辨率不断上升有关，但是我们知道可以通过压缩方式来降低图片分辨率，同时也不会影响到图片使用，可是有不少网站并没有进行图片压缩。

可能很多人会认为，现在互联网速度这么快，网页容量大一点也不会影响到用户的浏览体验，对于站长们来说还可以降低工作强度，所以懒一点何尝不可。但是他们却没有意识到一旦网页变得臃肿，可能存在的风险就会越来越多。这些风险主要体现在下面几点：

第一，用户体验会变差。随着网页体量的不断增大，加载的速度毕竟会降低，虽然网速增加，但是用户可等待的时间也会缩短，所以相对于瘦身的网页来说，臃肿性网页显然不具有速度优势。

第二，搜索引擎认可度较差。网页体量臃肿的一个重要元素就是代码臃肿，而代码臃肿就会造成百度蜘蛛访问困难，浪费百度蜘蛛的时间，这样就会降低网站在百度蜘蛛的重要性，从而不利于网站的优化。

第三，网页臃肿那么网页崩溃的可能性就会越高，也会存在着更多的网页漏洞，给黑客入侵带来更多的可能性，降低网页的安全属性。

由此可见网页臃肿并不是一个简单的事情，可能会给网站带来很多不必要的麻烦，而造成这个现象的根本因素就在于站长的懒惰思想在作怪，事实上对网页瘦身并不是非常困难的事情，哪怕是从代码的角度也可以通过相应的软件进行优化，对于图片的应用来说，则能够通过压缩来实现。

所以当你发现你的网页变得臃肿后，那么你就应该要自我反省了，需要立刻改变懒惰思想，加强网页的瘦身工作，只有这样才能够让网站在竞争环境中轻身上阵，从而获得更强的竞争力。