不清楚你是否曾遭遇或正承受这样的困境:某个设计看似普通,几乎找不到参考价值;某个作品令人赞叹,极想移植到个人演示文稿中,最终却呈现得不理想...
接下来便在各处社群询问怎样获取创意视觉素材,听闻他人见解时,总觉若明若暗,面对图像实在难以停歇,颇为恼火。
因此,我打算创作一系列文章,通过多样的视角和层面,引导你剖析研究并实践创意构思图。
01. 画框框
圈出轮廓,这个动作非常容易,不过对精确度方面标准要严格些,下面我们通过一个实例来展示。
图源网络
是不是有一种非常熟悉的感觉,圆角矩形的框,浅灰色的底。
这种排版方式很适合文字内容较多的网页,同样也适合商品说明的演示文稿。
要是觉得这样的图不好拿捏,可以换个思路和方向。
例如,可以审视文字与图形的上下左右距离,一般上下距离一致,左右距离也相同,这个要点或许许多人在阅读时已经了解,然而在实际操作中却容易忘记。
比如这张图片,同样也是借助线条来划分区域,和前一个页面相比,布局起来则显得更为便捷些:
图源网络
此处不仅内容需用线条进行划分,同时也要留意,图示的标题和主体文字之间的距离过宽,这种布局方式在中文排版时并不恰当,对照时必须自行进行评估和修正。
由此,具体的应用可以分两个方向:
大框框:
也就是框框不多,只使用少量的,适合文字内容多的页面。
比如这一页,只用三个大框将三块内容归纳到一起:
小框框:
这种通常用在组织、架构图上,需要将很多个小点分开:
由于层级繁复,因此绘制的框架数量有所增加,其中大型框架包含四个,分别对应四个不同的内容板块,每个板块内部还设有小型框架,用以衔接逻辑脉络。
02. 内容编排
内容层级丰富且复杂时,结构图难以完全适用,必须兼顾内容内在联系与呈现方式,在版面设计上需有所侧重,进行合理调整。
比如这一页:
数据量很大,并且还涉及时间顺序,为了确保表述清晰准确,一般会避免花哨设计,注重布局规整。
同一级别的信息全部集中在一排,并且利用色彩进行区分,以便识别。
这种优势在于:可以迅速掌握每一年实际发生的情况,明确具体产生了哪些成果,有助于深入掌握每年的数据波动。
如果觉得还是太难,再来看这样一页:
图源网络
这一页制作起来比较容易些,只需把某个方框里的东西排好版,其他三个横向复制后,调整颜色和文字就行。
参考他人做法时,可以用工具获取卡片的色调和文字的色度,对比一下数值,再次设计类似色彩丰富的界面时,也就掌握了门道和技巧。
确实,这幅图画存在一些瑕疵,比如底部的三个小段落,它们的排列并没有保持一致。
这个方法很简单:只要重新编排上面的文字,让它在三到四行之间变动,通过改变词语数量和字符间隔,使其变成固定三行,这样每个卡片的排版就能完全一样了。
03. 图标装饰
页面右下角存在空白区域,可以尝试增加一些图形元素;页面整体显得不够充实,或许可以继续添加一些图形元素。
在大部分情况下,加图标可以解决很多问题,以这张图为例:
图源网络
乍一看是不是感觉有点乱,图标实在加得太多了。
不妨只观察部分内容,比较下面两组标志的运用方式,你更偏向于选择哪一种形式:
那个半隐半现的图形标记,更适宜用来装点界面,扩展方框的体积,或者提升版面图像的比重。
比如来看这张图片,页面正中的那个圆形,文字的上方和下方,空间其实是相当大的。
此刻嵌入一个半隐半现的渐变标记,能够增添画面与文字的层次感,同时让图文显得更为紧密,仿佛浑然一体。
右边的那个细小的标志,样子更加巧妙,更适宜用来阐释文辞,跟整体氛围很搭。
例如下面这个页面:
页面中的图标数量相当可观,倘若全部放大则绝对不妥,这些图标主要是为了点明主题、增加美观,防止页面仅有文字显得单调。
如果实在找不到合适的图片,也可以考虑使用图标来替代,这可以算是一种备选方案。
文末总结
画框框:
方便分割内容,大方向不容易出错。
内容编排:
层级区分,突出重点,优化细节。
图标装饰:
增加图版率,或作为装饰元素与内容呼应。
最后,感谢有你~