《版式设计原理(案例篇)——提升版式设计的55个技巧》笔记

用户头像
深圳/设计爱好者/7年前/3673浏览
《版式设计原理(案例篇)——提升版式设计的55个技巧》笔记

对于初学者相对来说比较有用的知识储备,初学者必看的知识

  • 一、版式结构

    • 人物面部特写、插图、指示箭头、数字、图标都可以抓人眼球

    • 有对比就可以突出部分元素(例如:规则中有不规则图形的出现,暖色比冷色更能吸引读者注意力。)

    • 1、确定主题(画面想要表达什么内容、营造什么氛围)

    • 2、思考色调(想要达到不同的效果有不同的色彩,色彩部分会讲)

    • 3、考量文字(文字风格也要搭配画面,根据画面效果来进行适当调整,文字部分也会讲)

    • 重复可以说是一致性的部分,在宣传册中,保持画面的一致性。避免交错排放杂乱无章,如果想增加画面的趣味性可以在图片、文字、背景、轮廓上进行处理

    • 利用中心线,将画面进行对称设计。可以产生稳定感、传统感、高级感

    • 色彩(亮暗、互补色、对比色)

    • 大小

    • 粗细

    • 分组方法

    • 种类

    • 色彩

    • 形状

    • 地域

    • 重要性

    • 编号等

    • 留白(留白是要素之间的隔阂,起到缓冲、隔离的作用。过挤失去阅读兴趣,相反过于空荡,没有内容)

    • 分组(分组就是按照一定的规则进行分类,组与组之间留白,便于阅读和提取信息,不要将不同属性的内容混杂在一起)

    • 稳定感(突出稳定感,营造稳重、让人安心的氛围)

    • 对比

    • 对称

    • 重复

    • 一致性

    • 视线引导(为设计添加松弛感,引导视线阅读)

    • 黄金比例(依照黄金比例进行元素布置和图片裁剪,可以营造出富有美感的版式效果,黄金比例1:1.618,白银比例1:1.414)

  • 二、文字要素

    • 确定字体设计的优先级,突出重点,便于传达信息

    • 在宣传单设计中,展现视觉冲击力、可视性、亲切感是关键,让顾客第一时间把握画面的重要信息

    • 行距、字号、字距要设置合理,便于阅读,也会使得画面变得美观。

    • 选择字体时,应该考虑字体和版式风格

    • 粗一点字体视觉冲击力较强;纤细的字体给人端庄简约、高雅稳重之感

    • 文字本身的形状、边角和笔画两端都是圆形的字体能够表现出可爱的效果

    • 表现灵跃动感时,可以适当破坏文字的平衡感,文字倾斜,但是要保证画面排版的平衡性

    • 对比的字体可以使特征更加明显

    • 文字被挤压并超出版面,会使得读者感受到动感和冲击力(不能影响文字的可视性)

    • 文字可以根据图片进行变形排版,选择和写真的构图和形状相匹配的文字设置方式,会使画面和文字彼此强化

    • 风格体系要尽量保持一致,使得画面统一协调,否则画面会显得凌乱无章

    • 标题和正文要留有空间,便于区分,不能过于拥挤

    • 标题的背景用纯色或者留白(文字底色用笔刷效果),会使得画面更加易读

    • 标题

    • 字体特点

    • 行距

    • 优先级

  • 三、色彩知识

    • 儿童风格(干净、健康、活泼,没有掺杂杂色)

    • 女性风格(“可爱”“美丽”“温柔”,白色为主,粉色,浅色系都适用)

    • 男性风格(深色、黑色、土黄等等)

    • 老年人风格(色彩朴实,饱和度一般较低、可以适当加强对比度)

    • 美食风格(暖色可以增加食欲、冷色降低食欲。意大利“红绿”;中国“红黄”:异域风情“橙色和茶色”)

    • 日式风格(日本的颜色取自自然,色彩稳重雅致)

    • 季节风格(春天樱花粉色、日光奶油色、发芽的嫩绿色;夏天:烈日的黄色、红色、蓝天的蓝色、海洋的湖蓝色;秋天丰收的小麦色、枫叶的红色;冬天白雪的白色、万物凋零颜色饱和度降低)

    • 配色设计先确定是“体现统一感的配色”or“体现变化感的配色”,然后选取颜色

    • 同色系比较简单,颜色较多时,应该注意明度和饱和度不能差别过大,色彩不统一,版面会出现凌乱,增加颜色数量的同事,可以通过调整明度和饱和度使画面得到统一。

    • 颜色数量不能过于复杂。一般是基本色70%、副色25%、重点色5%、

    • 主色之外最多使用两三个颜色

    • 不同的色彩有不同的感觉需要细细把控。

    • 食品商品设计中红色为主可以促进食欲

    • 暖色系饱和度比较高的颜色,比较醒目,可以演绎出高贵华丽的氛围。

    • 三属性:亮度、饱和度、色相

    • 亮度、饱和度、色相差异越大、色彩对比越明显

    • 色彩

    • 色彩印象

    • 颜色数量

    • 配色

    • 风格

  • 四、关于图片

    • 优先级(多张图片排列时,应按照优先级排序,确定主次。优先选出与文字内容一直的容易给读者留下印象的,根据画面的意向和想要传达的内容进行调整)

    • 分组(将版面是分组归类,中间插入分割符号之类的,便于阅读)

    • 目光(将人物进行排版时,注意目光的走向,以及脸的朝向)

    • 裁剪(图片裁剪的时候,突出重点,统一尺寸)

  • 五、网页设计

    • 将用户最希望看到的信息插入快速视图中。快速视图就是无需滑动滚轮,进入页面的第一版

    • 配色应该兼顾可读性、可视性、和页面的可操作性

    • 文字较多时,应整理信息,突出重点,分组分类排序

    • 排版时注意视线引导,这样才不会使读者迷茫

    • 立体感一般是按钮,文字有下划线虚线的一般是链接

    • 网页的头图比较重要,设计师应重点设计,广告宣传语配合图形可以更加具体的展现需要传递给用户的内容

    • 广告栏最好的效果能够使顾客过目不忘,有吸引眼球的点,“面部特写”就是重要的一点

    • 菜单的设计,应该方便顾客检索,主题最好以文字形式打出,这样在检索功能中才可以搜索的到,图片相对于文字较难检索出来。

    • 时常关注最新的网页版面设计

    • 文档链接:https://mubu.com/doc/iAVOOQghB0 密码:liming


36
Report
|
77
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in