《海拔设计方法论》这个系列已经有一年多没有更新了,这次诈尸更新一下。海报设计方法论·番外篇,谈一谈校园海报的一些小建议。
笔者本人目前是一名在职UI设计师,从事了近4年的校园海报设计,在做校园海报中发现了一些小问题想与大家分享一下。
两个版本
在校园海报的设计中,制作一个版本后,用于印刷和网络发布。这种情况是非常常见的,但是这种方式的体验是非常不好的。我建议可以做成两个版本,一个版本用于打印,一个版本用于网络发布。
打印版:90 cm × 120 cm 72 dpi CMYK
网络版:1080 pixel × 1920 pixel 72/300 dpi sRGB
首先,手机屏幕的比例是16:9,那么1080 × 1920 可以铺满整个屏幕,会给读者一种沉浸式的体验,会给读者更具有视觉冲击力。
其次,大家都知道,屏幕显示设备和印刷设备显色模式是不同的,屏幕的显色模式是加色混合,而印刷品的显色模式是减色混合。这样印刷版和网络版的色域不同会导致偏色。将最完美的设计作品呈现给观众是设计师的责任之一。那么,由于不同色域以及不同显示设备对海报带来的影响降低到最小,这就是下一个问题「如何在网络上完美的显示海报」
如何在网络上完美的显示海报
颜色模型与色彩空间
常见的颜色模型有HSV、RGB、HSI、CHL、LAB、CMY等,下面主要说一下最常见的RGB与CMY。
颜色模型是抽象的数学模型,在抽象的数学模型上确定了色彩的范围,即色域,这样就创造出了色彩空间。
计算机显示屏、电视、投影仪、数码相机、扫描仪等这些设备都使用 RGB 色彩模型。而桌面打印机、印刷机、喷绘机等设备都使用 CMYK 色彩模型。
常见的 RGB 色彩空间(使用 RGB 色彩模型的色彩空间)有:sRGB、Adobe RGB、Prophoto RGB 等等。CMYK 色彩空间往往在幕后默默工作,没那么知名,有Japan Color 2001 Coated 、U.S. Web Coated(SWOP) V2 等。
(图片来源:STANDARD COLOR WORKING SPACES)
由上图可以看到,各个RGB色彩空间范围不尽相同,如何避免因为图片色彩空间不同的问题导致在各个显示屏上产生的色差?
各种显示设备的显色能力不同,同一种颜色代码在不同的设备上显示的色彩可能会有差异,所有我们需要将不同的色彩空间进行转换,转换到统一的色彩空间,以保证在不同的设备中色彩显示一致。
- 在进行色彩空间转换时到底转换成什么色彩空间呢?
- sRGB
sRGB是微软联合HP、三菱、爱普生等厂商开发的通用色彩标准,是Windows操作系统默认的色彩空间。由于微软公司和Windows操作系统的强大影响力,大部分厂商均已支持sRGB色彩空间。
华为 Matebook
魅族 PRO 6s
魅族 PRO 6 Plus
一加 5
(注:100%的sRGB=72%NTSC)
那么,我们只需要将用于网络发布的版本色彩空间转换为SRGB就可以了。
在Adobe Photoshop中,文件-导出-导出为(快捷键 Alt+Shift+Ctrl+W)
在「导出为」对话框中勾选「转换为sRGB」和「嵌入颜色配置文件」即可。这样就可以避免在不同显示设备出现严重色差的问题。
字体
字体在平面设计中有着举足轻重的作用,但是在校园海报中滥用字体和用一些不正确的字体大量存在。
下面,分享一些我认为比较好的一些字体,以供大家使用。
思源字体系列思源黑体
思源宋体
思源字体族是Google和Adobe联合日本lwata、中国常州华文、韩国Sandoll开发的开源的泛东亚字体族。思源字体是拥有七个字重,包括无衬线体的思源黑体和衬线体的思源宋体。
思源字体族支持简体中文、繁体中文、日文、韩文四种语言。思源字体族遵循 GB 18030和通用规范汉字表,包含 8105个规范字。
思源字体族使用 OFL 自由授权,并在 GitHub 上开源。
(本文末尾阅读原文处有思源宋体与思源黑体的GitHub下载链接。)
方正字体系列方正博雅宋
博雅宋的设计理念是“以人为本,关注读者视力健康”。由于字型扁方,重心平稳,结构宽博,字面大,横竖粗细比例合理,不仅带给人更加悦目的视觉效果,也使得阅读时字与字之间气息不断,行气贯通流畅,使阅读更为轻松和愉快。 “博雅宋”虽然是纤细的正文字,但由于结构宽博,线条简约而坚固,用它排标题也会有意想不到的效果。
方正大雅宋
人们读书看报首先要看标题,因此,标题字是书刊报纸的点睛之笔,能提纲挈领的点明文章的中心思想。由于标题字要比正文字大很多,它比正文字有更多地表现空间,它可以传达美感,表现风尚,渲染情感,营造氛围,这些特点要求标题字一要醒目,二要时尚,具有鲜明的时代感。 雅宋弥补和纠正了传统标题宋体的缺陷,从标题字内涵出发,力图给读者呈现一款清新醒目、简洁现代的新字体。雅宋线条挺拔流畅,笔锋简洁鲜明富有朝气,结构方正饱满,笔画粗细合理更加具有视觉冲击力。2009年12月,方正雅宋系列字库获得“亚洲最具影响力设计大奖优秀设计奖”的殊荣。 雅宋系列包括9个粗细档次和2个特种字体,除了可用作主标题、副标题,还可以作为正文字使用。
方正风雅宋
风雅宋字体正方,结构宽博,重心平稳,舒展有度,视觉美观。笔锋锐化,增强了力度,简洁流畅,笔势有张力,笔画粗细反差极大,产生强烈对比,有良好的阅读效果,并具有强烈的视觉张力和表现力,富有高雅的现代气息。适用于报刊、书籍的标题,以及广告、标志、包装等用字。
方正清刻本悦宋
清刻本悦宋源于清朝武英殿活字刻本,武英殿多以长方宋体字刻印书籍,排印的书籍以书品华贵、版印精良而享誉天下。清刻本悦宋截取《四书章句》作为创作蓝本。其原帖字型修长,笔画微斜,于刻板中平添几分灵动秀雅之美。 清刻本悦宋笔画既富含笔墨之意,又张显刀刻之功,笔刀结合刚柔并济。字里行间隐含着历史古韵,渗透着文化气息,似若点点瑕疵,恰恰给人以质朴自然之美。
方正兰亭黑
方正“兰亭黑”是国内第一套为屏幕设计、并由此衍生出的家族系列字体,与“微软雅黑”系出同源。 兰亭黑的设计弥补了现有黑体的不足,它追求字体的整体形式美,强调文字设计的审美性和文化性。风格鲜明,简洁有力,字面见大,字型朴素清秀,突破黑体字的旧模式(拙和重);结构严谨、讲究,禁得住仔细推敲琢磨,更注重字的“形象”;黑白调节均匀,重心一致,排列整齐;笔划制作精良,线条刚柔相济,富有弹性。阅读舒适流畅,有鲜明的时代感。 兰亭黑系列包括10个粗细档次和4个特种字体,从正文到标题可任由用户选用,大大满足了报刊、屏显等实用需求。
方正品尚黑
方正“品尚黑”系列字体继承了黑体粗细均匀、字形端庄、庄重醒目的优点,同时,它弥补了现有黑体的不足,更加注重文字设计的艺术感和现代感。笔划方面,采取横竖略作粗细变化、横略细于竖的手法,撇捺挺拔锐利,与转折处优美圆润的弧度形成反差,避免了整字过“肉”;此外,去掉了传统黑体的喇叭口,避免了因喇叭口而导致的笔划交代不清等问题,也增强了时尚感。 “品尚黑”系列包括不同粗细档次共6款字体。
方正综艺
综艺体,是黑体的一种变体,也是艺术字的一种。特点是笔划更粗,尽量将空间充满,同时,为了美观,对拐弯处的处理较为圆润。方正综艺体字型见方,结构饱满,笔法新颖雅致,具有独特的艺术效果。
方正宋刻本秀楷
中国古代的雕版印刷术发展到宋代时已经非常成熟和发达,字体以楷书为主,有着非常鲜明的书卷气息与工具特征。宋刻本秀楷就是以宋代古籍刻本为原型而设计开发的,其字体形态略为狭长、娟秀清丽,风格瘦劲挺拔、富于变化,笔势遒劲,笔锋鲜明灵动,笔画刚健有力,结体参差错落、穿插避让、顾盼呼应都好像是信手拈来,存在于不经意之中,同时具有雕刻与书写和谐共存的时代感与古典美。 宋刻本秀楷尽可能忠实的表现出雕版字体的手工痕迹,看上去虽然不尽规整,却平添几分灵气;虽然有些稚拙,却颇显质朴和纯真,由此我们不难感觉到字体与人的距离被拉近了,这正是人们在当代字体中所要寻找的内涵。
冬青黑体
冬青黑体简体中文 (Hiragino Sans GB) 是一款供大陆简体中文用户使用的多语言字体,支持的语言包括简体中文、繁体中文(大陆字形标准)、日文等。
而 Hiragino 是字游工房设计的系列字体名称,从1993年开始由大日本网屏制造株式会社(网屏公司,ja:大日本スクリーン製造, Dainippon Screen Mfg)面向专业用户发售。Mac OS X 和 iOS系统中内置字体之一。这一系列除日文的明朝体(宋体)、KakuGothic(黑体)、MaruGothic(圆体)、行书、假名专用字体等以外,还有简体中文的黑体。Hiragino 的名称源于日本京都市北区的地名柊野(ひらぎの)。
苹方
苹方字体是2015年苹果公司联合常州华文推出的全新操作系统界面字体,现已全面适配OS X与iOS。
造字工房悦黑
造字工房悦黑系列字体笔画设计自然美观,字形简约,曲线优美,具有较大范围的应用空间。适用于高端时尚品牌产品的形象设计与推广。
本系列字体共九款,为简体字库,采用OpenType/CID 格式, Adobe-GB1-5编码。基于中华人民共和国GB2312-80字符集标准, 另按需添加了 103 个汉字。共收容字数 6866 CJK 汉字,ASCII常用字符100个。
造字工房朗宋
造字工房朗宋字体源于上世纪五、六十年代宣传标语街头海报等书写字形,结合现代设计语言和市场需求而精心设计的一款中文字体。整体字形笔画简洁有力,笔画粗细关系明确,使得字形空间结构自然平衡,整套字体庄重严谨,沉稳厚重,具有良好时代气息的同时,完全符合现代的审美识别需求。此款字体适用于文字标题、广告设计等等视觉环境,有着极强的应用空间。
本字体为简体字库,采用OpenType/CID 格式, Adobe-GB1-5编码。基于中华人民共和国GB2312-80字符集标准, 另按需添加了 103 个汉字。共收容字数 6866 CJK 汉字,ASCII常用字符100个。
造字工房官网 http://www.makefont.com/
浙江民间书刻体
手写字体eonway(浙江民間書刻體作者)
從小就喜歡古籍書上的那些刻書字體,還有那漂亮的傳統字型(舊字型),鑒於目前國內這類字體很少,所以我就自己動手做了這個字體,給匱乏的國內字體樣式增加一款新字體。
浙江民間書刻體是復刻古籍書刻體的電腦活字字體,選用浙江地方的刻本,所以漢字命名為“浙江民間書刻體”,西文拼音採用韋氏拼音“Chekiang”,這個字體我是從2007年開始做,利用業餘時間做,斷斷續續做了3年才做了3,000多字,來來回回改了很多次,這過程中一直想放棄,因為漢字字體是個龐大的工程,個人做很艱苦,現在把這一點點的字先發給大家作為試用版字體,因本人是業餘字體水平,能力有限,不能十全十美,所以有建議可以給我留言。謝謝!
這套字體的特點:字型粗細不一,模擬原來的刻字,盡量保留每個字都不太一樣,但總體風格是一致的,排版的時候最好不要標點,行距要密才好看。
應永會 2010年6月10日星期四 於滬上
站酷-浙江民間書刻體
(http://www.zcool.com.cn/work/ZMjg2MDgw.html)
方正字迹-吕建德字体
方正字迹-吕建德行楷体在继承“二王”之基础上,将楷、行两种字体相结合,飘逸洒脱、刚劲舒展、书法韵味浓,亦具有秀美流畅、书写快捷、便于识别、易于欣赏和应用等特点。
方正字迹-张颢硬笔楷体
方正字迹-张颢硬笔楷书字体特点是端庄中含潇洒,字体简捷明快、流畅大方、雅俗共赏,接近于人们的生活,实用性极强。
方正启体
方正启体点画活泼,体势清朗,眉目清秀,体态大方,体现了启体典雅遒丽、超迈潇洒的书法风格。
字酷堂清楷体
德彪钢笔行书字体库
中山行书
苏新诗鼠标行书
康熙字典体
在部分地方可做画龙点睛之用,切勿滥用。
立体古月鑫楠行楷
在部分地方可做画龙点睛之用,切勿滥用。
良怀行书
日文字体小塚明朝
小塚ゴシック
Kozuka Gothic (小塚ゴシック)是基于 Kozuka Mincho(小塚明朝)设计制作的,可以算是 KM 的衍生字体。二者都是 Adobe 字体团队的作品,也都是 Adobe 在 Creative Suite 中提供的默认日文字体。
在 Creative Suite 中,KM 和 KG 这两个家族各自都提供 Pro 和 Pr6N 两个字符集版本的6个字重(EL、L、R、M、B、H),共计24个变体。
品牌名「小塚」来自设计指导小塚昌彦(Kozuka Masahiko)先生的姓氏。
Kozuka Mincho(小塚ゴシック) 和 Kozuka Gothic(小塚明朝) 都是著名的日文字体。
除非有特殊考量,否则不要把它们用在中文上。
花園明朝
花园明朝 (Hanazono) 是一款免费字体,为 GlyphWiki 所开发,字形数量共 45090 + 47186 个,几乎收录了所有汉字字形。
西文字体无衬线体
衬线体
哥特变体,慎用
以上是我认为比较优秀的中西文字体,希望大家在设计海报时避免滥用字体,多实用一些优秀的字体。
为本次推送专门做的一张海报
(不要问我上面的日文什么意思)
零零散散说了这么多,这是我对校园海报设计的一些想法,本人水平不足,行文中可能有些许错误,请大家勘误。
[未经许可,严禁转载]
摘录一些优秀的知乎回答
色彩管理: 如何让自己的照片在网上正确地显示?
(http://zhihu.com/question/28763140/answer/42007810 )
PHOTOSHOP 的颜色配置该怎么设置?
(http://zhihu.com/question/19643524/answer/13945156 )
平面设计师需要掌握哪些印刷知识?
(https://www.zhihu.com/question/29878968)
如何设计一张高品位高水准海报?
(https://www.zhihu.com/question/22332149)
你是如何完成一份优秀的校园海报的?
(https://www.zhihu.com/question/31215130)
如何设计一张高品位高水准海报? - 回答作者: 敖特
(https://zhihu.com/question/22332149/answer/42726012)
有哪些值得推荐的英文字体?
(https://www.zhihu.com/question/23210530)
有哪些值得推荐的中文字体?
(https://www.zhihu.com/question/20727176)
有哪些「高级感」的中文/英文/日文字体 ,包括如何运用?
(https://www.zhihu.com/question/56297876)
写给大家看的中文排版指南
(https://zhuanlan.zhihu.com/p/20506092)
网友评论