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

  在日常生活中,大多数人使用手机远远多于使用电脑。随着5G时代的到来,对手机的依赖程度仍在上升,早在几年前,PC流量就开始呈现悬崖式的下降。今天,90%-95%的流量来自手机,所以手机页面成为设计中的重中之重。

  一、在手机上设计网页需要注意什么?

  1、内容可识别性。

  问题来了:设计的目的是什么?做一个复杂,酷炫,NB的图片是一个好的设计吗?当然不是,但是结合设计手法,需要表达的信息通过图文的方式准确的传达给用户,把信息传递给用户才是核心。这也是很多设计师在做手机页面的通病。他们仍然遵循PC的设计思路,忽略了对手机的实际效果。这样的作品会大大减少设计工作量,事半功倍。因此,我们要有立绘的思维:

  2、内容流畅。

  很多人在做页面设计的时候,往往会关注局部而忽略整体,导致内容不够流畅,无法引起用户继续阅读的兴趣。这也直接或间接影响了用户在页面上的停留时间,也阻碍了内容的传播,降低了商业价值。为什么手机页面的内容流畅度相对难以控制?因为手机的屏幕比电脑小,所以手机捕捉信息的能力远不如电脑。如果控制能力不强,多一点页面元素就容易搞砸。

  二、手机如何设计?

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

  1、竖屏构图。

  竖屏构图不仅指上下结构,还强调“屏”的概念,常说:一屏两屏…在手机页面的设计中,将每个屏幕作为一个制作单元,会大大提高工作内容的流畅性和用户捕捉信息的效率:

  因为在手机设计中,横向构图空间窄,扩展性弱,而纵向构图更灵活,可塑性更强,更符合我们的浏览习惯。这种一屏一制作单元的形式更适合制作详情页。

  在手机上一些特殊页面的设计中,我们很难做到每一个内容都显示在一个屏幕上,因为我们在强调视觉的同时要注意运营和销售的特点,很多运营商会要求一个屏幕显示更多的内容。尽管如此,我们还是可以按照竖屏构图的思维模式来设计:

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

  2、卡片设计。

  在手机上,以卡片的形式显示每个信息模块,会使手机上显示的页面的内容信息更有条理,减少了用于捕捉信息的障碍。在这方面,AppStore做得很好:

  卡片设计更适合手机页面,提高了用户捕捉信息的效率,视觉上舒适和谐。这种形式在电脑端效果不好。

  3、少即是多。

  设计中的理解是留白。手机屏幕比电脑屏幕小很多。此外,用户在页面上停留的时间很短。如何在短时间内向用户传递有效的文本信息和视觉信息是手机设计中必须考虑的问题。减少不必要的装饰元素对信息传递的阻碍,从而减少元素,传递更多信息。

  4、放大图文。

  由于手机用户的浏览节奏快,停留时间短,所以需要尽可能放大图片和文本,以提高它们对用户的视觉影响和用户捕捉信息的速度。同时,结合上面提到的竖屏构成:

  图文的放大对于提高信息识别和视觉审美有很大的帮助,同时也会让用户对作品的视觉印象更加深刻。

  那么,竖页总是做不好是不是设计水平不够?不是!只是我们按照PC设计的思维模式来做手机已经不合适了。相反,我们需要改变我们的方法,根据不同的使用场景来区分我们的思维。最重要的是在短时间内尽可能多的传递有效信息,减少用户的浏览压力。