近年,网页早已不满足于宽屏了,已经向着更宽屏,超大屏的方向前进了。而大多数网页设计师都还记着页面的内容要在1000宽度左右,不可超越。的的确确这是以前的审美标准,在当今的时代,大众审美观更新换代,有的东西随之而变。比如说,当三星推出5.3寸大屏手机的时候,多少人为之而振,而现在满大街都是6寸大屏手机了。所以,多响应式全屏设计会成为未来的主流,这是必然的趋势。大屏设计,随之带来的是兼容问题。在突破局限思维之前,我们要先树立好较好的态度,宁可多花时间,也要适应潮流。接下来我就来给大家分析一下如何做好一个大屏网页了。
一.大图要震撼,要清晰
大概在二零零八前的设计,背景都是花纹或者是纯底色,用现在的话来说叫简约。不过如果换上了大图,大图的清晰度直接地影响到了整个视觉效果,如果大图不清晰,带来的震撼视觉也会随之消失,反之,则会让人感觉秀色可餐。其次,应该是图片与内容的协调,尽量不会互相干扰,但也不要过大的独立性。在有文字的图片中,将重叠部分色彩弱化,并将文字加底色等方式突出,整个效果就会非常带劲。大家来看一下这个例子,这个例子采用的是图片平铺与文字想结合,至于大屏和小屏效果对比一下便知道了。这个是一个比较简单的设计,但是很好地启示了我们大图要平铺自适应。
二.以中心定位,两侧自适应
别误会,中心定位并不是要对称美。将一些主要的内容放在大屏中间,如果把握不好的话建议可以在1000的尺寸左右即可,两侧追求简单而实用,但不可太空洞,可以加一些菜单的按钮或者是很流行的分享按钮之类的。当然,万万不可将核心内容放两边,那会被忽视的。相信不少朋友遇到过一个很常用的东西因放在某个角落找半天没找到的悲惨经历吧。没错,这就是我所说的中心定位,也就是假全屏。第一眼看上去也真是高大上,但细细一看整个网页的内容并不是非常多。主要的核心内容都在中间,而两旁也只是点缀,和上文所说的中心定位两侧适应的一样的道理。这样设计的好处在于会让人感觉视野宽阔,自适应舒展性非常的自然。当然,如果是图片展览式的设计,可以在两侧添加切换按钮,效果也非常棒。
三.全屏响应式,瀑布流走起
说到瀑布流,很多朋友就比较熟悉了。不过大多数朋友只知道是把网页切割成非常多个方块,不知这些方块的大小比例的分配。至于具体的大小分配,并没有什么严格的规定,可以在某一侧比例为1,而相邻的为2,以大小不同突出核心内容。瀑布流让大屏变得很充实,也是比较容易上手的大屏设计。