版式设计原理

设计有无限种可能。

但是,有目的性的设计,也就是有意识地向目标群体传达出一些内容的设计,就必须有良好的传达能力。

本书中所谓的“好设计”就是在指这样的功能性方面表现良好的设计。

一、布局

如何根据不同的版面风格排版呢?一定要清楚这个情景最想要传递什么信息。通过不同的排版方式,选择出最适合的一个。当然,一个版式的组成不仅仅是版面架构,也是需要文字、颜色、图片等共同营造,这些要点会在接下来的文章中一一介绍,现在着重介绍布局。

情景一:有条理

要求版式有条理,那么一般就意味着信息量和素材是很多的。首先就需要对素材进行整理,在整理多张图片时,请使用方格坐标(栅格系统)。通过方格坐标,不仅可以看清每张图片,也可以理清布局和思路,能够有效地整理素材。整理素材时,可以根据内容分成几个板块,使用合适大小文字、控制颜色的种类,调整颜色大小,把版面整理得很清爽,演绎出高品位的形象。

要求目录有条理,则需要明确信息的优先顺序。目录是一个杂志的脸面,要特别注意基调。若是定期刊物,则需要搭配与季节相符的色彩。

情景二:不同的风格——趣味性/简洁大方/高品质

想要表现趣味性,就要多下功夫,增加装饰来表现。设计者要让自己边玩味,边进行创作,这是非常重要的一点。设计者要从页面的内容出发,拓展思路,不要太整齐有序。

想要表现简洁大法,首先对设计的把控非常重要。在考虑视线的流畅性的情况下,灵活运用留白,不采用多余的颜色和装饰,选用与内容相符的字体,使版面彰显出高级感。

想要表现高品质,首先要利用好色彩效果。在黑色中搭配使用金色和银色,就能轻松体现高级感。在此基础上,搭配选用有格调的字体,整齐地排布图片,就可以展现高品质的效果。

情景三:不同类型的图片

想要让插图成为主题,首页要抓住插图本身所具有的形象,来思考版面大小和布局,要尽量展现图片的美感。要考虑与插图形象相协调的字体和排列方式。若是插图比较简洁,则要格外注意版面大小和布局,尽力制作成具有紧张感的版面。

想让插画作为辅助素材,需要将标题与插图在视觉上统一起来,将插图作为特色点来思考布局。因为辅助插图的作用就是为了主题的成立和引导读者视线的作用。

想展示图表图片,首先要保证图标排列清晰。不要过分使用太深的颜色,通过线框粗细和颜色变化,来明确各个项目的分界线。另外要根据信息量,调整文字的大小。

想展示流程图,首先要能使读者容易理解。要在了解流程图的流程和优先顺序的基础上,搭配颜色和设计形状,同时要将所需展示的内容图形化,在平面设计上下功夫。

情景四:突出不同的氛围

想要传达出电影的氛围,首先要在标题中融入电影的世界观。要将电影中的关键词视觉化,并作为素材使用。

想要传达出开店的氛围,首先要明确店铺的形象。选用适合的图片和设计风格,明确店铺的形象和服务,同时一定要突出开业日期。

情景五:留下印象、招揽顾客

想要给人留下印象,就要能够支招出吸引人眼球的视觉冲击力,在现有素材中寻找魅力,并尝试给予特写镜头。

想要招揽顾客,就要充分理解最想要表达的信息,然后放大并用鲜艳的颜色来进行强调,同时选用相符的图片进行配合。

二、文字

情景一:文字的风格

不管是要怎样的风格,一定要把握好基调,选用与内容相符的字体。

想要装饰情调,就不能过度依赖现有的文字,要尝试去制作与版面形象相符合的字体,也要结合目标群体,尝试着在文字中加入娱乐性元素。

想要高品质感,首先版面就应该有意识地留白,并控制颜色种类,控制文字大小。

想要摇滚风,可以植入粗暴、撕裂、破坏等感觉。可以通过放大标题,大胆的使用版面来实现效果。

情景二:文字的排版

与英文一起搭配时,要注意字体大小看起来相符。统一汉字字符和英文字符的排列方式。

文字排列时,要站在读者的角度,考虑容易阅读的文字排版。为了吸引读者,要特别注意标题周围的设计。

文字排列为段落时,要注意一行的文字数量基本在18-20个字符。同时注意段间距和行高,不要太狭窄。

想要通篇使用文字,要使文字有张有弛,演绎出该有的风格。

情景三:文字作为logo

想要以文字作为logo,首先要选择与形象相符的字体,同时为了表现原创性,可以尝试着对原有的字体进行改造。

情景四:引人注意

想要引人注意,可以尝试着在英文字符中植入装饰,并且要在风格上下功夫。

三、颜色搭配

情景一:颜色的风格

想要亲切明亮,就要擅长使用浅色,使用具有柔软印象的素材和元素。

想要高雅,就要尝试着使用暗淡的基调。同时在主色视觉中有多种颜色的情况下,要抑制的种类。

想要男人味十足,就要使用暗色基调,加粗文字,演绎出强而有力的风格。

想要洗练,就要控制页面上所使用的颜色种类。可以通过同色系和邻近色系营造稳定的印象,并要擅长使用暗色。

想要华丽,就要善于使用金色。

想要时尚愉悦,可以尝试多种颜色,也可以通过添加与内容相符的图标,来营造愉悦感。

想要时髦洒脱,使用暗淡基调,搭配明亮的颜色,但要控制颜色的种类。

想要以白色为主,就要有留白意识。要思考排布在什么位置,选用什么尺寸,才能最大限度地凸显图片和文字的效果。

想要年长者喜欢的平稳,就要将文字放大,同时使用鲜明但不艳丽的颜色。

想要写实感,就要注意搭配一些土木等自然色,而不是用鲜艳的颜色。

想要季节感,就要使用与季节有关的颜色,同时运用材质来烘托季节的氛围。

情景二:品牌特性

想要体现品牌特性,就要有效使用商品的形象颜色。同时通过控制颜色种类,体现高品质感。

四、图片

情景一:图片本身的使用

想要活用图片,就要在裁剪时,盘活图片的魅力,同时在插入文字时,不破坏图片的美感。

想要使用黑白图片,如果该图片是有彩色直接转换的,那么需要调整颜色,同时在字体颜色上使用鲜艳的颜色。

情景二:不同场景

想要突出产品,就要有意识地留白。同时整齐的排列图片,营造出安静的氛围,并使用能烘托氛围的字体。

想要突出美食,可以对图片颜色进行补正,使食物看上去更可口。为了增强味美的感觉,在字体和文字颜色上要下功夫。底色和各要素都要使用能烘托氛围的颜色。

想要传达内容,在选图时就要选取能理解意图的图片。同时用颜色补充说明图片想要表达的意思。

想要表达图片的价值观,首先要理解图片的价值观。不要使用多余的装饰。

想要留下印象,就要在图片的使用方法上下功夫,如合成图片。也可以通过底色和纹理等,烘托图片的世界观。




设计有无限种可能。

希望你我都可以作出好的设计。

THE END

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,366评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,521评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,689评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,925评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,942评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,727评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,447评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,349评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,820评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,990评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,127评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,812评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,471评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,017评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,142评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,388评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,066评论 2 355

推荐阅读更多精彩内容

  • “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强啊”...
    打豆豆阅读 2,483评论 0 32
  • ​ “我总觉得页面不太好看但是我又说不出来”,“我不懂设计,但是我就是觉得不协调”,“你觉得这好看?你的审美要加强...
    UI设计学习阁阅读 1,210评论 0 4
  • 一、平面设计基础知识 (一) 设计无需规则(抛弃规则,仅凭直觉) 1.利用图形中本身所具有的尺寸和颜色规则,这是天...
    叶小爬Love阅读 1,502评论 0 0
  • 页面构成理论 1.图版率 2.二三四等分+斜辅助线+√2 or 黄金划分率 3.空间分配:混合空白 + 不规则冲出...
    倪小昇阅读 684评论 0 1
  • 深情的你, 让人心痛不已。 深情的你, 让人难已忘记。 深情的你, 让人忘掉哭泣。 深情的你, 时刻记在心里。 深...
    木子mly阅读 326评论 1 7