当前位置:易速网络公司 >> 网站排名 >> 百度排名 >> 浏览文章立即致电:4000-340-360 体验『易速百度排名』为您带来的高效服务!

简单有用的空间共享式网页排版

文章标签:简单,有用,用的,空间,共享,网页,排版 发布时间:2017年01月09日 浏览330

越来越多的网页内容开始采取别具一格的排版设计,其中最典型的一种,就是让笔墨布局横跨不同的元素所处的区域,让排版和其他的模块共享空间。这种设计理念并不复杂,而这种趋势也在网页设计领域越来越热。

这种设计手法特别很是容易识别,笔墨排版部分通常会从页面的一个区域不锈钢球阀,延长到另外一个模块所在的区域,比如某个图片上的笔墨内容延长到另外一个图片或者彩色区块当中,共享了其他组件的空间。这种设计所牵涉到的页面图层的实现体例会很故意思,由于它可以承载许多富有创造力的设计。所以,接下来我们一路来看看一些典型的设计手法:

空间共享式笔墨排版



这种空间共享式排版是一种相称容易识别的设计手法。现实上,在一些海报和明信片设计中,也可以采用如许的设计。它的最典型的特性是,笔墨或者相似的元素横跨多个图层、模块或者区块。

从广泛意义上来讲,这个设计手法的核心概念是某个元素和其他的元素共享空间,横跨不同区域,元素相互叠加。这种设计常常被视作为分屏设计的一种延长。

很多跨区域的排版设计都特别很是显明,但是也有比较玄妙的,比如上面的网页 Hometown Trolley 。右侧文本部分伸出一条线,将用户视觉指导到左侧的图像当中,假如你细心观察百度关键词排名,还会发现左边汽车的后视镜从背景中凸起并延长到右侧的文本区块当中来。

假如设计得合理的话,这种设计手法能够借助元素区域的叠加,有用的帮助用户更好地了解内容和信息。共享的区域成为了不同区块和不同信息的连接。这种设计的另外一个益处在于,文本内容可以更好的被承载,共享的模式就像是两个相互连接的巨型卡片模块。

图片和文本的混排



漂亮的排版和优美的图片总能相辅相成。很多设计师都喜好在使用共享空间式排版的时候,采用垂直定向的图片(不过因为各种屏幕的高宽比不同,这种技术使用的比例并不高。)。

空间共享式的排版设计能够将各种元素的属性淋漓尽致地呈现出来,还能确保团体设计在视觉上的愉悦感。文本字母可以横跨图片和留白,也可以在各个区域单独地使用,合起来看和分开看都含故意义,就像视觉化的"双关"。

而上面的 Square Apartments 就是如许的设计,题目无论是合起来看,照旧分开看,都具故意义。

如许的设计有一个益处营销策划,因为文本必要跨越不同的区域,配色不用保持完全的同一,根据笔墨四周的背景色进行调整,如许的设计简单而容易上手。难的地方在于文本内容的分拆和合并的状况下,表达的含义是否都合适。

勇敢的字体选取



风趣而又独树一帜的字体,在跨越不同模块的空间共享式布局下,能带来独特的视觉体验。如许的字体通常自己就可以很好地发挥强调的作用,即使横跨多个不同的区域,也不会降低其作为焦点的地位。

假如你想沿着这个思路来设计,最好的做法是让题目尽量长一点,选取充足亮眼的字体,和字体色彩有充足对比度的图片和文本背景色,确保文本的优秀可读性。

可读性是这种设计手法中最紧张的点,通常情况下,文本部分会选择黑色或者白色的字体,虽然很多用户看起来可能会觉得简单,但是要平衡图片、背景和文本三个部分的配色系统,现实上照旧挺麻烦的。

色块和文本的搭配



图片和文本的搭配是很多设计师的首选搭配方案,但是假如没有图片也同样可以实现空间共享式的排版设计,使用色块、几何图形和文本,是一样的道理。

上方 Startup Lab 的网站就将色块和文本以极其时尚的体例搭配起来,笔墨横跨白色的背景和不同的色块,合理的色彩对比让整个视觉显得玄妙又恬逸。

添加动效作为提醒



使用空间共享式的排版,并不以为着你不能使用其他的设计手法,比如动效就可以与之很好的结合起来。使用动效、视差等殊效能够便于用户理解你的设计,鼓励用户与页面交互。

在页面元素较多的时候,玄妙的动效能够更好的创建视觉焦点。

在上面的页面当中,那个小的圆形LOGO会缓慢地转动,在这个舛错称布局的页面当中,它是当之无愧的视觉焦点。它很好地弥补了图片和文本之间的空白,让团体设计更加完备和平衡,加上动画结果,你会对这个品牌有印象深刻。

保持简约



在绝大多数的情况下,简约的设计照旧特别很是有用的。虽然这是老生常谈,但是它完善的规避了复杂设计所面临的各种题目,高效直接的排版设计也更容易发挥作用。这个时候,一个简单的空间共享式的排版就能够让用户马上细致到,并且发挥结果。

假如你不知道从何入手,可以尝试使用最简单的极简布局框架,使用黑色的文本和白色的背景,就像上面Melville 这个也能,让彩色的图片成为视觉焦点。

结语

在空间共享式的页面中,排版设计和图片的处理相对而言更加当代化,相比传统的设计手法而言,其实并没有复杂多少。这种设计手法让页面中常常被用户忽略的元素和其他的元素有了更多的交集,让页面内的元素"互动"了起来。

上一篇:如何降低APP卸载率降低APP卸载率的七个方法
下一篇:对网站的SEO优化进行多角度分析