版式设计中的图版率
如果页面的整体全部都是图片的时候,图版率就是100%。反之如果页面全是文字,图版率就是0%。有时在没有图像素材的情况下,但因为页面性质的需要,页面又需要呈现出图版率高的效果。那么,该如何进行设计呢?下面跟小编了解一下吧!
一. 通过对页面底色的调整,取得与提高图版率相似的效果,从而改变页面所呈现出来的视觉效果。
二.如果素材图像尺寸小,却不想让图版率变低。可以通过色块(相近色或是互补色)的延伸或是图像的重复来组织页面结构,避免这种素材资源不足的情况。
采用和图片相同大小的色块可以保持界面的统一性与简洁性,而且这样的排版会造成一种错觉,使用户觉得有底色的方框整体视乎是一张图片。而原本小尺寸的素材图在背景色的映衬下也似乎变成了一张很大的图。这种重复排列、添加变化的方法有效地避免了页面的单调和无趣。
三.版式的强节奏设计也能间接优化页面的图版率
合理的利用排版的节奏感以及跳跃率(文字和图片的跳跃率,是指版面中最大标题和最大的图与最小正文字体和图片大小之间的比率)。在版面设计中,图片或是文字的`跳跃率可以获得较高的注意力,让无趣的版面充满活力。另外,排版层次丰富,也可以区分文章主次信息,让浏览更加轻松,并且提高版面的视觉度。
四.增加页面中的图形也可以改善图版率低的问题
无论是数字、序号、角标、图标,甚至是视觉处理后的标题文字,都能提高页面的视觉度,并给用户留下活跃生动的印象。同时,图形作为一种更直观的传达信息的方式,也使人一眼就能快速获取信息,从效率上优于用 文字表达时的逐行扫描。
图标
图标的设计让浏览和交互操作更加方便。图与文的搭配可以降低阅读的疲劳感,也增强了排版的设计节奏感。
数字
对数字的视觉处理也能起到类似插图的装饰效果,成为页面上的视觉要素,同时增强页面的设计感。
序号
页面中的序号既有引导阅读顺序的功能,也可以作为图片起到页面的装饰作用。另外,通过对序号的突出设计,可以让布局更清晰灵活。即便是毫无规律的排版,也可以通过清晰的序号找准阅读的轨迹。
标题文字的处理
如果页面中没有图片和插图,那么通过对文字及其颜色的处理,也可以使之起到与视觉要素相近的作用。下面的例子中,对于标题文字都进行了视觉加工,起到了整体页面的装饰效果。借助对这种文字大小、颜色、形状的灵活运用,来突出页面的重点,避免视觉上的单调感。
-
案例解析详情页设计的技巧
电商视觉比拼的不仅仅是视觉技巧了,而是怎么让客户愉悦,最重要的是如何让客户在愉悦的同时可以快速地下单。我们自己在设计详情页页面的时候,一定要注意页面设计的基础三原则:基本原则一:信息图像化文字是循序渐进的处理,同时能被记住的只有20%,而图片同步被大脑处理...
-
店铺美工主图设计的六大技巧
随着淘宝市场的不断扩大,卖家与卖家之间的竞争力也在不断扩大,如果你没有自己的特色和优势,是很难在竞争中取得优势的。宝贝主图的设计也是可以留住消费者的重要因素,所以接下来小编就给大家分享关于店铺美工主图设计的六大技巧,希望可以帮助到各位卖家,提升店铺的竞...
-
游戏美工需要学什么
游戏美工专指从事游戏开发的专业美术人员,也只有分工不同的游戏美工一起合作才能完成一部完整的游戏。下面是YJBYS小编整理的游戏美工需要掌握知识的相关内容,希望对你有帮助!游戏原画美工要根据游戏策划给的策划案,设定整部游戏的美术风格,设定主要角色、场景,概念...
-
fireworks关闭隐藏边缘选项的方法大纲
fireworks是我们学习网页时候,必须要学习的软件,下面是YJBYS小编整理的fireworks关闭隐藏边缘选项的方法,希望对你有帮助!步骤:1、首先我们找到fireworks的.根目录,然后我们双击打开我们的程序;2、然后我们执行文件--新建的命令--快捷键是CTRL+n;3、在工具栏找到编...