网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

网页排版教程实例,学习简单有效的空间共享式网页排版小技巧(3)

时间:2016-12-26 12:03 来源:教程资料 作者:网页排版 阅读:

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

上方 Startup Lab 的网站就将色块和文本以极其时尚的方式搭配起来,文字横跨白色的背景和不同的色块,合理的色彩对比让整个视觉显得微妙又舒服。

添加动效作为提示

网页排版教程实例,学习简单有效的空间共享式网页排版小技巧

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

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

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

保持简约

网页排版教程实例,学习简单有效的空间共享式网页排版小技巧

在绝大多数的情况下,简约的设计还是非常有效的。虽然这是老生常谈,但是它完美的规避了复杂设计所面临的各种问题,高效直接的排版设计也更容易发挥作用。这个时候,一个简单的空间共享式的排版就能够让用户立刻注意到,并且发挥效果。

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

结语

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

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程