当我们想要学习网页设计的时候,我们通常会问去哪里找好的网页设计作品,尤其是当我们刚刚踏入这个领域的时候,怎么去快速的区分和识别网页设计的不同类型?
这就很考验你快速寻找资料的能力,很多小伙伴就会去买一些关于网页设计的书,但是,因为书籍的特性,它没有办法实时更新,并且资料的数量有限。
这个时候,有没有什么途径,可以让我们”多快好省”的学习到网页设计的知识并且可以快速的入门呢?想必大家也都猜到了,这个答案肯定是有滴,那就是我们可以通过看大量的画册资料,来进行学习。本文分为上下两篇。我们先来着重介绍以网格为基础的网页,是如何通过画册来学习!
在改变画册中的各个元素的位置之后,这就变成了一个关于产品展示的网页。小伙伴们是不是很容易就发现了,网页和画册存在着一定的关联呢?
那么不论是网页设计还是画册的设计,都是离不开网格的辅助的。我们趁热打铁来看看,网页的网格型版式。
而这个关于儿童的网站中,同样也是采用了相同的模式进行设计。
1. 整齐美观的展示大量信息
网格型网页的优点就是,可以整齐美观的展示大量的信息,这一点基本上和我们平日看到的画册属性一致。
这个网页,就能看出来它整齐的展示了大量信息的属性。
现在,我们开始隐隐约约有了一个,画册好像和网页有一定关联的意识。因为在设计的时候,不论是网页设计师还是平面设计师,都离不开网格的加持。就好像你打怪,少不了红蓝 buff 的加持一样。
那么你可能会说,那是网格型的网页才和画册有这么大的关联,其他类型的网页还能有这么大关联么,别急,这一期我们一个一个来,帮你弄清楚他们之间的联系。
其实在网页中也经常会看到这种类型,这种类型的网页就是双专栏型版式。
但要注意,它只是这种类型网页的种类之一。它的左右就像画册一样,被中线一分为二,同时展示着不同的信息。
分析一下这种类型网页的基础结构。通常就是明显的一条中线,将画面一分为二。在这里,设置左面放置展示图片,右面展示文字信息。
在我们滑动的过程中,网页就给我们展示了完全不同信息的内容,而我们可以快速的接收。
这是将导航栏固定在右侧,它们都是不随着画面的滚动而滚动的。
3. 为画面创造留白
由于导航栏是你想用它的时候,它就出现,你不想用它的时候,几乎你就会礼貌性将它无视,是不是像极了爱情呢?所以在画面中呢,它可以适当的创造一些留白出来。
4. 页面右侧补充信息
除了可以用作导航栏,还可以用来补充信息。这个网页就是将联系方式方式添加在了右侧,作为补充信息。
通过画册我们了解双专栏型版式的内容,以后我们再看到类似的画册的时候,就可以快速的补充网页设计的资料库,这也就是我们常说的触类旁通。
更何况,我们都是泛属于版式设计这个大框架内,小伙伴们学习的时候一定不要局限于只看工作需要的那一个范畴的资料。我们接着来通过画册学习下一个网页类型。
今天我们了解到了,如何通过画册学习网页设计。所以在手边的网页设计资料匮乏的时候,可以通过看大量的画册的作品,同样可以学好网页设计,这是因为它们的底层逻辑是互通的,都是在网格的基础上进行设计。
我们讲究的是「知难行易」,可能有小伙伴一开始在画册转换成网页的阶段比较困难,但是你现在已经明白了不同的类型的网页,都关联着哪些类型的画册,知道了这个理论。多试几次就会上手的