如何设计排版出文字信息较多的图片?

用户头像
上海/设计爱好者/8年前/6000浏览
如何设计排版出文字信息较多的图片?

平面设计/排版

以自己一个简单的经验举例说明吧。


在作图之前,我所获得的所有素材和信息是:logo、二维码、人物图片、文案













381b59911b4ea801215603cdbd21.jpg

---------------------------------------------------------------------------------

以上就是我获得的所有设计素材和资料。

98d359911d32a801215603b28174.jpg

这张是客户之前的设计师做的一版设计图,因为十分不满意,所以让我重新制作。


我的作图过程


1.确定图片的使用目的。

问清楚图片该放在上面地方,移动端还是网站,或是要打印。由于要在微信推广,所以客户之前的设计图尺寸处理得不是很好,整体字都很小。


2.仔细阅读客户给的所有资料。

做好一张图不要“一来就上手”,最好仔细看看文案和资料,想明白客户的需求,定一个大体的基调和风格。


3.把文案信息层级化,具体信息分点呈现。

客户之前的设计图,大体感觉和风格没有什么大问题,但是细看内容,就差强人意了。一般的篇幅都是人物照片,没有层级,没有重点,大段大段的文字让人完全没有阅读的欲望,整个排版和布局都很乱,不专业。


7da25991220ca8012156037f4381.jpg

这张是我做出来的效果图。


1.由于是在微信推广,所以我设计的尺寸相对是手机的一个整屏(iPhone),观看效果会舒适很多。

2.培训机构风格要大方、简洁才显得专业,所以我运用的色彩不多,直接吸取logo的颜色即可。

3.这张图片的重点是介绍“德民老师”,机构介绍,二维码,logo,以及“核心理念”这都属于铺垫,所以我把聚在一起放在第一层和第二层。“核心理念”的内容信息分点展示。(关于二维码:因为客户给的二维码与整体设计不搭,所以和客户协商后换了一个最简单的二维码形式)

4.重点“德民老师”的照片篇幅缩小,把“德民老师”的个人介绍主次分清,分点展示,把学生最关心的教授课程独立出去。


dbe059912cd6a8012156032dc79d.jpg


两张图片的文字是一样的,但是左边更为一目了然与和谐许多。


以上。












46
举报
|
62
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城阙凡花
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
海底世界插画
金色颗粒质地的平面
平面书法字手写
金色颗粒质地的平面
中国传统纹样创新图案设计
平面花卉图案扁平简约无缝拼接插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
平面设计 吊牌设计
金色颗粒质地的平面
古风平面仕女与瓷器
城市园林平面布局航拍
平面插画情侣/矢量
平面人物插画
平面男孩喝咖啡插画设计
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面插画设计女孩喝咖啡
玄关入门地毯印花图案红地毯
你可能喜欢
大家都在看
登录注册