建站动态

当前位置: 首页 > 建站动态

如何设计移动网页?

来源:建站公司发布时间:2021-04-30 11:00:00

你有没有想过手机页面总是不好,是设计水平不够还是方法不对?

在日常生活中,大多数人使用手机的次数远远超过电脑。随着5g时代的到来,人们对手机的依赖程度仍在上升。早在几年前,个人电脑的流量就开始出现断崖式的下降。如今,90%-95%的流量来自移动终端,因此移动页面成为设计的重中之重。

1、 移动网页设计与个人电脑设计的区别

区别一:视觉浏览比例不同

在设计过程中,PS中PC页面实时浏览的视觉效果基本上与上线后的实时效果相对应。在电脑上的视觉浏览比例和在线比例接近1:1。然而,PS中移动页面的实时浏览效果与app中的实时显示有很大差距。PC页面在PC上的可视浏览率和在线率为1:1,如图所示

区别二:信息的传递更难控制

当一个正常人在玩手机时,眼睛与手机实例之间的距离约为20厘米。另外,产品的视觉体验与在线的视觉比例会有一定的差距,因此手机终端更难控制如何将屏幕上的信息准确、清晰地传达给用户。

2、 移动网页设计应注意什么?

这里我们要问:设计的目的是什么?做一个复杂的,酷的和Nb的画是一个好的设计吗?当然不是,而是结合设计技巧,通过图文结合的方式,将需要表达的信息准确传达给用户,核心是将信息传递给用户。这也是许多设计师在制作手机页面时的一个常见错误。他们仍然沿用PC终端的设计思路,忽视了对手机的实际效果。这些工作将大大减少设计工作量,达到事半功倍的效果。因此,我们应该有垂直画的思维

很多人在页面设计中,往往只注重局部而忽视整体,导致内容缺乏流畅性,无法激发用户继续阅读的兴趣。这也直接或间接地影响了用户在页面上的停留时间,阻碍了内容的传播,降低了商业价值。为什么手机页面的内容流畅性比较难控制?因为手机的屏幕比电脑小,捕捉信息的能力远不如电脑。如果控制能力不强,页面元素多一点就容易混乱。

3、 如何做好移动终端的设计?

前面分析了这么多,如何做好手机网页设计,下一步应该做些什么来提高手机设计能力?

垂直屏幕构图不仅指上下结构,更强调“屏幕”的概念,也就是人们常说的:在手机页面设计中,一屏两屏,将每一屏作为一个生产单元,将大大提高工作内容的流畅性和用户获取信息的效率

因为在手机设计中,横向构图空间狭窄,扩展性很弱,而垂直构图则更加灵活,更具可塑性,更符合我们的浏览习惯。这种一屏一制单位更适合制作细节页。

在一些手机专题页面的设计中,很难把每一个内容变成一个画面的显示形式,因为在强调视觉的同时,也要考虑到经营和销售的特点。许多运营商需要在一个屏幕上显示更多内容。不过,我们还是可以按照垂直画面构图的思维方式来设计:

所谓垂直屏幕思维可以理解为:以手机的一个屏幕为单位,无论是视觉还是信息传递,每一个屏幕都能给人一种清晰舒适的视觉感受。

在手机上,将各个信息模块以卡片的形式显示,可以使手机上显示的页面内容信息更加有序,减少信息获取的障碍。在这方面,Appstore做得很好

卡片设计更适合移动页面,提高了用户获取信息的效率,视觉上也非常舒适和谐。这种形式不容易在电脑端播放。

“Lessismore”是由建筑师路德维希·米斯·范德罗提出的,但它并不像一张纸那么简单,让人感到空虚,根本没有设计。设计中的理解是留白。手机屏幕比电脑屏幕小得多。此外,用户在页面上的停留时间很短。如何在短时间内将有效的文本信息和视觉信息传递给用户是手机设计中必须考虑的问题。减少一些不必要的装饰元素对信息传递的障碍,达到少元素、多信息传递的目的。

由于手机用户浏览节奏快、停留时间短,有必要尽量放大图片和文字,以提高对用户的视觉冲击力和用户获取信息的速度。同时,结合上述垂直画面构成:

图像和文本的缩放有助于提高信息识别率和视觉美感,也能使作品的视觉效果给用户留下更深刻的印象。

4、 摘要

那么,垂直页面的设计水平总是不好吗?事实上,它不是!只是我们还是按照PC终端设计的思维方式来做,移动终端已经不适合了。相反,我们需要改变方法,我们应该根据不同的场景区分不同的思维。手机重要的是在短时间内尽可能多地传递有效信息,从而减轻用户的浏览压力。

扫码咨询