SKILL建站技巧

制作手机网页应注意哪些问题?

日期:2020-12-31 13:50:01

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

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

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

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

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

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

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

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

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

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

前面分析了这么多,如何做好手机网页设计,下一步应该做些什么来提高手机设计能力?垂直屏幕构图不仅指上下结构,更强调“屏幕”的概念,也就是人们常说的:在手机页面设计中,一屏两屏,将每一屏作为一个生产单元,将大大提高工作内容的流畅性和用户获取信息的效率。