进入互联网时代后，移动端对我们的影响，可谓是越来越深了。这也促使当前的众多设计，不断向移动端方向优化。所以，今天的分享，大家可不要错过哦。因为，今天主要是分享当前的网页设计领域里，我们应该如何优化移动端网页设计，让我们(men)的(de)用户更舒(shu)服的(de)浏览网页。

1、了解用户

想(xiang)(xiang)要(yao)让用户(hu)(hu)“爽”，你得先了解用户(hu)(hu)。所(suo)以，我们(men)首先要(yao)做，就是(shi)确定自己的(de)(de)用户(hu)(hu)群体，确定哪些(xie)用户(hu)(hu)才是(shi)对我们(men)有(you)用的(de)(de)用户(hu)(hu)。在这(zhei)里需要(yao)对大家提个醒，千(qian)万不要(yao)想(xiang)(xiang)着让自己的(de)(de)页(ye)面适应(ying)所(suo)有(you)的(de)(de)用户(hu)(hu)。第(di)一(yi)，这(zhei)个是(shi)不现实的(de)(de)；第(di)二，一(yi)个没(mei)有(you)门槛的(de)(de)东西，基本是(shi)没(mei)什么用的(de)(de)。

当我(wo)(wo)们(men)确定好目标用户群(qun)之后，我(wo)(wo)们(men)接下(xia)来要做(zuo)的(de)，就是去(qu)了(le)解他们(men)，了(le)解他们(men)的(de)需(xu)求、浏(liu)览习惯等等。然后将自己了(le)解到的(de)信息，整理(li)好，再融(rong)入(ru)移动端的(de)网页设计中。

2、让内容更具价值和针对性

跟pc端不同，移动端的屏幕是比较小的。所以，有些网页设计师会(hui)选择(ze)在(zai)移(yi)动端(duan)时，隐藏一(yi)些(xie)内(nei)容。虽然，这是一(yi)个比较常见的(de)(de)处理(li)方(fang)式(shi)。但是，假如在(zai)网站(zhan)的(de)(de)布局不理(li)想的(de)(de)情况下，减少网页内(nei)容势必会(hui)使得用(yong)户(hu)的(de)(de)选择(ze)变(bian)得更加局限。因此，在(zai)小莫看来，这种(zhong)处理(li)方(fang)式(shi)并不是特别准确。这样做，很(hen)可能(neng)会(hui)让网站(zhan)失去一(yi)些(xie)用(yong)户(hu)。所以，我们应该让移(yi)动端(duan)页面(mian)上(shang)的(de)(de)内(nei)容更具价值(zhi)和(he)针对性，不要(yao)让一(yi)些(xie)没什么用(yong)的(de)(de)内(nei)容显示在(zai)上(shang)面(mian)。

3、提高网站打开速度

这一(yi)点，相信(xin)就不用(yong)小莫多说啦。关于打开速度(du)这一(yi)块的(de)问题(ti)，估计有很(hen)多文章都涉(she)及到的(de)。其(qi)实(shi)，一(yi)个(ge)好的(de)服务器(qi)还是很(hen)重要的(de)。快(kuai)(kuai)速的(de)加载(zai)，可以让(rang)用(yong)户可以更快(kuai)(kuai)的(de)浏览到你的(de)网页。

4、触摸的设计

在移动端上，一般都是用手指触摸来代替鼠标点击的。所以，网页设计师在做设计的(de)时候，应该考虑到载不同屏(ping)幕(mu)下，手指触(chu)摸的(de)适应。要(yao)尽量(liang)简化用户的(de)触(chu)摸/点击，可以(yi)设计放大/缩(suo)小功能，不要(yao)让用户填写表(biao)格，对于用手指操作的(de)小屏(ping)幕(mu)移动(dong)设备，这将(jiang)是(shi)非(fei)常(chang)大的(de)挑战。

5、流体布局

为(wei)了让网页更好的(de)适应不同(tong)屏(ping)幕，在做的(de)设计的(de)时候，应该多采用(yong)流体布局。让设计可以无缝的(de)适应各(ge)种尺寸(cun)，避免阻塞某(mou)些用(yong)户(hu)。当然，这个(ge)其实也是不用(yong)多说的(de)。因为(wei)，这个(ge)早已成为(wei)了Web开(kai)发人员的(de)标准了。

6、对使用压缩工具

通(tong)过使用一些工具，可以让我们的工作更简便、更有效(xiao)率。如HTMLCompressor和(he)Gzip，可以去除任何不必(bi)要的注(zhu)释、代码甚(shen)至是(shi)空白部分。还有就是(shi)CSSCompressor和(he)CSSminifier，可以帮助我们连接CSS代码，以此来提升网页的质量。

7、功能最大化

对于(yu)网站用户(hu)来说，功(gong)(gong)能(neng)应该(gai)是最(zui)直观感受(shou)到的东西。为了增(zeng)加(jia)网站的功(gong)(gong)能(neng)，我们应该(gai)确保(bao)提供用户(hu)所(suo)需的所(suo)有工具来执行预(yu)期的功(gong)(gong)能(neng)。将此(ci)作为战略(lve)，帮(bang)助(zhu)用户(hu)更快的达成目标(biao)。搜(sou)索(suo)(suo)框在网站上也(ye)非常(chang)(chang)重要，它能(neng)帮(bang)助(zhu)用户(hu)搜(sou)索(suo)(suo)到任何他们想(xiang)得到的信息(xi)。同时(shi)页面导航的设计也(ye)是非常(chang)(chang)关(guan)键的。

8、优化本地搜索

如果(guo)企业是(shi)具(ju)有(you)本(ben)地(di)业务的话，这个(ge)操作(zuo)就非常有(you)用了。本(ben)地(di)搜索(suo)优化(hua)可(ke)以让本(ben)地(di)的用户(hu)更方便的使用。想做(zuo)到这一(yi)点(dian)的话，需要通过(guo)名字、地(di)址以及电(dian)话号(hao)码还(hai)设(she)置。当然，我(wo)们还(hai)可(ke)以在站点(dian)的元数据中包(bao)含我(wo)们所在的城市和国家。

其实，关于移动端网页设计优化，还是有很多方面值得我们去注意的。上面所讲到的，只是小莫在做网页设计师时，常遇到的一些问题。虽然不(bu)能说对(dui)每(mei)个人都有用。但是，还是希望对(dui)某些朋友有所帮助吧。