首页

当客户说'不够高级'时,我用这两招让设计秒变奢侈品视觉

天宇 平面设计

今天我们视觉课上有同学的作业画了一个唱片机,有很多的问题,我们来看一下。
修改前:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
修改后:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
给家分享一下修改的心得和注意事项。
 
 
1.结构比列
 
我们先从结构比例上来观察,唱片的大小不合适,超出了唱片机的范围。唱片也没有厚度,显得很单薄。最后是唱片机的高度很低,这样导致了最后的整体效果有些扁扁的,不够饱满的和立体:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
所以我们需要把这些比列问题先调整出来。收回唱片的范围、增加唱片的厚度、增加唱片机的高度:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
通过结构比列的调整,整体可以看到明显地变得更稳定和饱满了。
 
 
2.结构组合
原来的作业里,在唱片机侧面增加了旋钮来作为装饰:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
但是这样加有几个问题。
第一个是,左右两边都是旋钮,这样在视觉上会很重复。
第二是,占比都很小,整体看起来就会很小气,不饱满。
看下我们修改后的:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
左边的一排旋钮,我们减少成了一个大旋钮和一个显示屏:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
而右边呢,我们可以直接不加东西,如果一定要加也尽量区别于左边。比如可以加一个播放状态:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
这样是不是就更丰富饱满了呢。
所以我们在这些周围加结构装饰的时候呢,一定要注意饱满度,然后是尽量用不同的类型去修饰,减少重复性。
 
 
3.颜色调整
还有一个比较大的问题,那就是颜色了,原来的颜色整体都有些闷闷的,不够高级,左边旋钮的颜色也比较跳脱:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
再分析一下他的颜色选择:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
可以看到基本是同一个颜色单纯变化了明度和饱和度。
那我们修改后的颜色呢:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
可以看到有明显的色相变化,但是饱和度和明度基一直在中间最顶部,没有做变化。这样才能让我们的的颜色始终保持干净通透。
原本比较跳脱的按钮颜色也改成了和身体一致的颜色,这样就不会显得跳脱了:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
 
 
4.细节表现
原来的作业,唱片基本就是黑色,没有光感:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
这种比较中心的元素不应该平平无奇,而是要想办法增加更多的细节,这样才能好看,才能吸睛!
矩形工具拉一个蓝色块:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
用透视工具拉变形成两个倒三角:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
剪贴蒙版到唱片上,然后调整羽化值20左右,就得到了贴合唱片的光感:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
用同样的方法,多做几条光:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
新建图层填充一个中性灰,然后使用滤镜-杂色-添加杂色功能做出这个素材:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
使用叠加模式,透明度45%把这个素材叠加在唱片上以增加颗粒感:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
接下来,我们还要加强光感对比:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
在箭头位置都加入了更亮的颜色去提亮,让整体的光感更通透和明亮,就不会像原来这样整体闷闷的了:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
最后我们再来看一下完成后的效果:
辛辛苦苦做的设计,被客户说没质感,结果两招就搞定了!
 
 
 


作者:菜心轻量文
链接:https://www.zcool.com.cn/article/ZMTYxNzExNg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

快速提升设计气质的7个版式技巧

天宇

掌握一些有效的技巧,有时能事半功倍。

排版的技巧有很多,而且随着设计的发展,每过一段时间都会有一些新的技巧流行起来,葱爷今天要给大家分享的这7个技巧,也是近几年比较流行,且容易上手、容易出效果的排版技巧。

 

比如给英文或者中文标题选择一个笔画很粗的无衬线字体,然后在它上面加一个或几个比较潦草、笔画较细的手写英文单词,就能得到一个很不错的效果。

 

由于识别性不高,手写的英文单词最好是无关紧要的,主要是为了起装饰作用。
在此基础上还可以进行色彩搭配,而且颜色对比最好要鲜明一点,这样就建立起了强烈的粗细对比、大小对比、刚柔对比、色彩对比等。适合在海报设计、画册设计、网页设计中使用。

undefined

 

 

 

你是不是常常发现自己设计好的版面太过规矩,或者有点空、缺乏细节?而增加一个用英文排成的圆圈就可以解决很多类似的问题。

 

 

因为这个圆圈文字能与版面中的图片以及其他文字块形成轮廓对比、面和线的对比、曲和直的对比等。为了让其不太孤立和单调,最好最好把它叠加在图片或其他文字上面。
组成圆圈的文字字体可以是衬线体、无衬线体或者手写体,但字号不宜太大,精致、秀气一点比较好看。

 

 

在正常的排版中我们都知道,字间距和行距都不能太大,而且间距要比行距小,而在文字比较少、版面比较空的情况下,我们可以把一些不是很重要且字数比较少的文字,采用大间距、大行距的方式排版。

 

 

这么做等于是把单词或者句子拆成了整齐排列的一组“点”,这样它就能与版面的其它元素形成点、线、面的对比,可以增强版面的设计感,而且能覆盖比较大的空间,起到装饰的作用。

 

 

这是类似于摄影中双重曝光的技巧,只不过把外轮廓图形换成了文字,所以这既是一个排版技巧,也是一种设计形式。
为了效果比较好,用于填充图片的文字通常是字号较大、笔画较粗、字数较少的标题文字,图片也要选择质感好、颜值高的,如果是具象的图片则要尽量保证重要部分的完整性和识别性。

 

 

 

 

 

不是说要把文字做立体字,而是把文字按照一定的结构进行组合,或者把文字变形处理,从而达到三维效果。
由于文字常见的状态是扁平的,所以当打破文字这种常规的状态,将其图形化、赋予三维效果时,就会具有很强烈的视觉冲击。在使用这一技巧时要注意文字的识别性。

undefined

这一技巧同样也适用于标题排版,字体同样要选择笔画较粗的无衬线体,而且字号要大,描边字与无描边字的字号要统一或者比较接近。
这种效果比较好的原因是,描边文字与无描边文字组合在一起,可创造出鲜明的线面对比、虚实对比、轻重对比。为了保证文字的识别性,文字的描边不要太细,也别太粗。

undefined

在图片为人物、动物,或者产品的设计中,可以把最主要、或者质量最好的一张图片去底,并且拉大,然后再搭配1-2张比较小的方形图片,这样就能形成鲜明的大小对比和轮廓对比,效果也是不错的。
这种排版方式在网页设计和画册设计中很常见。

 

 

 

 

总结

 

怎么样?以上的7个版式小技巧还不错吧,赶紧去试一试。你们可能也发现了,其实它们都是巧妙运用了设计中的对比原则,比如大小对比、粗细对比、点线面、平面与立体对比、轮廓对比、虚实对比等等。所以熟练掌握对比非常重要,你也可以在对比的基础上,尝试出很多有趣、好看的排版技巧和设计形式。



作者:葱爷
链接:https://www.zcool.com.cn/article/ZMTE0NTUwMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

7种版面构图 让海报立马不一样!

天宇

在设计的创作重,很多设计师都喜欢追求软件技法带来的炫酷感,而忽略了构图理论知识带来的重要性,这篇文章就是为了解决这个问题

海报设计对于初学者而言,是一个简单入门,又容易出作品集的类目。在刚开始练习时不要天马星空的去想象,最好的练习就是根据一定的构图规范,尝试寻找规律,建立可行的秩序,让版面具有一定的阅读性。

-

只有在版面具有基础的阅读性,才可以根据想法思路进行创意性的表现,而建立持续最简单的方式之一就是运用构图。当下主流的常用构图,我大概总结整理有七种形式,下面我们一起来了解一下,附带案例演示。

 

 

 

第一种:四周压角构图→

四周压角构图指的是将标题或者重要信息放置在版面的四个边角处,可以是图形或者文字,其余信息元素等则放置在画面中间区域,使其整个版面严谨有序,平衡且具有视觉的张力。压住四角一般会结合居中式构图来呈现版面,可以产生视觉聚焦。

 

 

 

 

 

 

将信息压在四个角之内

 

 

 

将信息超出页面四角一部分

 

 

 

将信息沿四周环绕排版

 

 

 

第二种:对称式构图→

对称式构图指的是将版面分成上下或者左右两个部分,上下或左右两部分比重相同,排版相似,对称式构图可以使版面更加有秩序感,适合处理信息较多,层级较为复杂的内容。对称式构图可以很快速的塑造出版面的平衡,视觉上的平衡几乎就等于完成了版面的50%设计目的。是初学者中最为常见的形式之一,对称之间互相呼应,信息处理可以从中快速打破呆板状态,让版面具有灵活性。

 

 

 

 

上下对称式构图

 

 

左右对称式构图

 

 

 

第三种:居中式构图→

居中式构图也叫中心式构图,是指把主体信息放在版心中间,这样容易产生视觉聚焦,其他信息围绕版面中心来进行排版设计,放在版面中心的可以是文字、图片、图形或者文字等。使用居中式构图,需要多注意画面整体的平衡和元素之间的留白关系,让元素组合之间留有足够的对比与阅读性。

 

 

 

 

 

第四种:S型式构图→

S型式构图,将主要元素按照S型排版,版面更加的自由生动,非常具有表现力,是一种很常见的灵活构图手法,主要元素可以是图像、图形、标题文字、slogan等。S型式构图是讲曲线与版面进行结合,可以快速的创造出灵活的版面视觉以及节奏感,可以很好的提高版面的形式感,同时也可以有效的引导观众读者的视线。

 

 

 

 

 

第五种:三分式构图→

三分式构图是指将版面分割成相等或不等的三块区域,每个区域放置相应的信息,三分式构图分垂直三分法和水平三分法,三分之后版面更有秩序感,适合处理文案较多,层级较为复杂的内容。难度较高,同时容易让版面连贯性断层,所以在运用当中需要额外留意元素与空间之间的融合表现。

 

 

 

 

水平三分式构图

 

 

垂直三分式构图

 

 

 

第六种:倾斜式构图→

倾斜式构图,是指将版面整体或者主要元素作倾斜处理,也可做透视处理或对角处理,这种构图使版面更灵活,更加的具有形式感,作倾斜处理的元素可以是主题、图片等元素。倾斜与对角可以提高文字或图片的表现力,能很快速的塑造整体的空间感。

 

 

 

 

 

第七种:散点式构图→

散点式构图,是指将元素按照规律或者不按照规律自由的放置在版面的区域,散点放置的内容通常有文字,图片等,通常散点式构图都会结合S型式构图搭配使用,这种构图形式感强,更具有画面表现力.在运用的时候,需要特别注意文字或标题的阅读性,过于抢镜会让版面丢失主题。

 

 

 

 

 

 

光说不练假把戏,实操案例来一个,这一个案例是围绕四周压角构图来分享海报的制作操作技巧。

涉及到的知识点有:

①四周压角构图的技巧;

②文字编排;

③利用文字的局部轮廓化使版面更具有形式感。

我们先来看看最终的海报效果先。

 

 

 

第一步:→

所选的文案是一个摄影展,所以我们找了一张具有故事性的图片作为底图,新建文档,背景填充为黑色,置入图片,确定图片在版面中的位置,因为我们准备做四周压角构图型的海报,所以我们与居中式构图相结合,这样能使版面的视觉聚焦。

 

 

第二步:→

根据图片的构图,我们来确定整体版面的构图形式,由于图片是居中偏右的,所以我们用居中式构图加上四周压角构图来进行整体版面的风格呈现。

 

 

第三步:→

将主题文案“无限的山峰”以四周压角构图的方式放置在版面的四个角上,我们使用的是压在版面以内的压角构图,并结合居中构图的方式,这样能使版面更加的规整有序,而且具有视觉张力,注意图片和文字的联系。

 

 

第四步:→

现在我们来进一步进行处理,由于主题文案相离较远,接下来就是增强主题文字之间的联系,我们尝试用线来处理,线的作用就是连接与分割,我们用线将主题文字连接起来,并加上一些汉语拼音元素,使线条不会那么单调,并且更具有形式感。

 

 

第五步:→

先不急着下一步,我们先来观察下版面,现在的版面被我们分割成了四份,我们把剩下的信息分别在指定的区域内进行排版。

 

 

第六步:→

我们将剩下的文案分别进行排版,重要的信息我们需要放大处理,不重要的信息可以偏小一些,重要的信息比如:参展艺术家、日期、地址等,这里要注意层级之间的划分,要使版面显得井然有序。

 

 

第七步:→

其实版面到这里已经处理的差不多了,但是主标题看起来稍显平凡,跟内文的文字一样,没有什么特征特色,所以我们可以做更多的变化,拆分主题文字的一些笔画,并使其轮廓化,我们还可以倾斜或放大一些笔画,或者局部模糊,打散等等众多效果都可以尝试。

 

 

第八步:→

其最后把整体的细节稍微调整下,这样,一张具有形式感的海报就形成了,这张海报用到了四周压角构图,居中式构图,所以可得出结论,七种构图方式之间是可以交叉使用的,只要能使版面更加的好看,更具有形式感就行。

 

 

→ 完成!!



作者:欧阳威John
链接:https://www.zcool.com.cn/article/ZMTQxMjgyMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

如何把控设计的画面整体?这个六个视觉语言一定要了解

天宇

不管是一部电影,还是一张视觉创意,想要消费者或者老板买单,从形、意、色、字、构、质等一系列视觉语言,都需要很好的掌握。

 

 

 

 



作者:Peng蓬的芝士追光
链接:https://www.zcool.com.cn/article/ZMTQ4ODYwMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

学会版式的N个Tips| 这些排版细节,精致显高级

蓝蓝设计的小编

这期内容依然是关于设计中的细节处理。基于我平时的工作经验,下面给大家整理了10个排版小贴士,希望能为你带来帮助。

 

 

 

 

 

 

 



作者:周妙妍
链接:https://www.zcool.com.cn/article/ZMTU0MzkwMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

如何提升排版设计感?你需要知道的文字编排技巧

天宇

关于文字编排的几条小建议。

排版,或者说对文字的编排,不应该只是平面设计师才需要具备的设计能力。在互联网设计大行其道的背景下,我认为不同方向的设计师都应该或多或少的具备一定水平的排版功底。能把排版做好,除了有助提升综合设计能力之外,对自己作品的展示,也能够起到锦上添花的作用。以下介绍几个文字编排的小技巧,有助快速提升版式设计感。

 

一、重复

重复在版式设计中是指统一与增强,即重复使用颜色、字体、图形等讲究条理性与统一性;重复出现的颜色、字体与图形能够有突出与强调的作用。

在这里我们只针对在文字编排中,如何使用重复来编排文字,从而提升版式的设计感。

通过上图的案例,我们将文字进行重复的编排之后,除了让画面更加饱满规整之外,既能展示完整的星球图案,文案也一定程度得到了加强,也使得主题更加明确,氛围感更强。

 

 

二、描边

在文字的编排中,描边的使用,多用在背景点缀与副标题上。在上文对文字重复的编排中,也使用了文字描边的处理,这也说明了设计师在设计的过程中需要根据具体情况,找到适宜需求的设计方式。

 

用描边处理对文字进行编排,我们可以看到,描边大多用在了辅助文字上,且被用来充当画面点缀物。原因在于文字失去填充之后,可读性会大幅度降低,就会失去文字用于承载信息的作用,所以我们在用描边对文字进行编排的时候,要尽量避免将其用在主标题或者重要的文字信息上。

使用文字描边去编排的好处是,当我们在设计的时候发现画面太空旷,且没有其他元素可以编排时,用这个方式丰富画面,除了提升设计形式感之外,也可以让我们一切的设计元素都有合理的来源,而不是随机的添加突兀元素。

 

 

三、字距

字距,即文本中两个字之间的距离。在长文本的文字排版时,我们很少会主动去控制文字间距。因为在一款字体被设计出来时,它的默认字距是经过设计与验证过的,是最适合阅读的字距。

但我们在版式设计中,为追求设计形式感,在文案较少的情况下,会对短文本或单一大标题的字距进行调整。原因在于短文本或大标题一般字数较少,阅读负担也相对较轻,所以可以接受对其字距进行适当的人为控制。

通过以上两个字距编排案例的对比,可以发现错误编排忽略了文字阅读性,在控制字间距的时候需要在形式感与实用性进行平衡。

 

 

四、繁体

中文繁体,从字型上相较简体而言,笔划会相对饱满与均衡,文字排版使用上也会使版面更加规整。但从使用习惯来说,在做面向内地市场的设计时,繁体的使用需要反复斟酌,避免使用过于生僻的繁体,且尽量多用在短文本或标题。

从上图案例可以看出,简体中文的“二零·二一”虽然在阅读习惯上会相对顺畅,但单从文字编排来说,笔划相差巨大,会造成视觉倾斜,看起来有些失衡。改成繁体中文“贰零·贰壹”,字型笔划更加均衡饱满,且文字也没那么生僻,可阅读性依然可以得到满足。

 

 

五、断句

对文案进行断句,在重点部位进行定位打断,然后在文字编排时体现出来。以此来制造视觉停留,故意发生不连续性的阅读,让阅读落在重点部分。

断句编排,可以看得出在版面受限制的情况下,是一个非常好用的编排方式,可以将主标题与副标题拉开差距,而且还能制造视觉重点。

 

 

六、填充

将适合主题的图案(图片)填充进文字,在设计风格与调性适合的条件下,尽可能选择稍粗字体,以便展示图案全貌,如果能看清图案全貌的话,也能起到强化设计风格的效果。

找一张精致且符合设计调性的图片,将它填充进文字,就能起到上面案例的效果。突出了标题,即不影响阅读性,也强化了画面整体效果。

 

 

七、裁剪

对字体进行裁剪和切割,是编排文字的常用手法,让字体形成缺口或错位,以此来创造形式感。但在裁切之后,缺失的笔画会一定程度影响文字的阅读性。所以在裁切时要注意保留文字的笔画特征,尽可能的降低裁剪对文字可读性的影响。

字体裁剪和切割的编排方式,大多用在相对比较大的字号上,原因在于字型被改变之后可读性会减低,而相对较大的字号,可以弥补字型笔划缺失带来的可读性降低。

 

 

八、空间

在平面的文字编排中,制造空间感的方式,主要依靠层级的叠加。营造出前后错落的视觉感受,以此来突出我们要传达的主体信息。

层次的区分,除了前后关系之外,还要对大小与颜色进行区分。尽量明显的对比,以便拉开文字之间的层级关系。

 

 

九、实践应用

接下来,可以试着运用上面的编排方式,来做一张最近很流行的酸性设计风格的海报。具体如何编排文字,当然是先把文字随便排进版式中,然后再对版式的文字进行编排。

下图是作者按照上面文字编排技巧,花了十几分钟做出来的海报,你也可以动手试试~

文字编排也是一门创作艺术,远不止上文所提到的这几种方式。本文只是列举了几种常用的方法,希望能对大家有所帮助



作者:zzyung
链接:https://www.zcool.com.cn/article/ZMTIzNjUwMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

做设计这么久,还是这个技巧实用

天宇

重复原则是经常提到的一个概念,在设计中用到的也是非常广泛

设计中无论是版式还是字体等设计中,重复原则基本上用到的是最多的,这得益于重复本身的属性,会使元素具备统一性,这样视觉会更有节奏感,不至于整个画面不融合,其中利用圆方三角或图形做设计实最普遍的,相信大家都见过。

 

开篇前言

希望大家在牛年里都能实现自己的小目标

取得想要的成绩,牛气冲天

 

先简单看看重复图形在海报中的应用

这幅Nike的海报是将文字作为图形进行设计

置入到几何形中,形成统一,细节上进行特异性来表现

 

这幅海报更多的是不规则的几何形进行组合,主要信息用白色矩形承载

形成特异性,能明确表达传达的信息

 

这里则是用简单的横线重复形成图形作为主视觉

还有很多主视觉都是用单元形拼凑成的,多学学Ai技巧用到设计中很重要

 

而字体设计中我们是不是见过这种

用几何形来进行设计

这些都是重复图形在设计中的应用

这种方法能够帮我们发散思维

更好的掌握构成知识

 

Round 1

↓↓↓

 

下面我们用几何形设计一幅海报

主题为重阳节

字体先用三角形和矩形进行设计

 

首先将笔画用图形代替

接下来填充渐变色,使文字更有层次感

 

确定好主视觉位置,对画面进行空间划分

这些空间用什么填充呢,是不是就可以继续考虑用几何形

那么接着用几何图形将空间填补

这里只是一种组合方式,别的方式期待大家解锁

要注意元素之间的节奏性

接着我们对信息进行处理,做好信息之间的对比

 

然后将一部分几何形去除

把我们需要的信息放到相应的位置即可

加上噪点效果增加质感

 

最后我们加一个带场景的样机效果 

 

Round 2

↓↓↓

 

如果用到商业海报中能不能用这个思路呢

我们一起来看看

嚯哈~

 

我们先看看文案信息,简单将文字划个层级

 

 

显然是个家装的海报,全屋定制

尽量要高级一点

 

再来看看客户提供的图片

 

 

 

三张图片,说多不多,说少不少

我们就分成多个矩形块来嵌入图片

 

上面主要是图片,下面是信息

 

 

接着我们对信息进行处理

文字选用宋体,凸显品质感

 

信息之间都做个小对比

 

 

中文配英文,标题配符号,这个是要点,记住了啊

 

 

接着我们将主标题和主图放到相应的位置

接着将剩余信息放进相应的空间

由于整体色调偏低饱和度,这里背景我们选用蓝灰色

 

 

最后看这个画面,是不是左下角还有点空

而且氛围感不够

这时候我们加上一些装饰

再安排一个小沙发,画面就完成了

 

 

 

今天的分享就到这里了,希望对小伙伴有一点点帮助

新的一年,立个小目标

争取把学到的东西转化成自己的,才是真正的进步



作者:趣设记
链接:https://www.zcool.com.cn/article/ZMTIyNDMwMA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

平面设计:创意与视觉的交响

蓝蓝设计的小编

一、平面设计的定义与意义 平面设计,简而言之,是通过文字、图形、色彩等视觉元素,在二维空间内进行创意性的组合与排列,旨在达到特定的信息传递和审美目的。它超越了简单的排版和美化,是一种艺术创造,体现了设计师对世界的独特理解和表达。 二、创意:平面设计的灵魂 在平面设计中,创意是不可或缺的灵魂。一个好的设计作品往往凭借其独特的创意,让人眼前一亮,留下深刻印象。设...

设计优化实例:如何让画面饱满?

资深UI设计者

大家有没有在排版的时候,明明画面排的很满,可是看起来画面还是不够饱满。

奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?

ui设计分享达人

导读
: 欧洲杯余温尚在,巴黎奥运会开幕在即,体育赛事总是跨越着时间与地域,将观众们的情绪紧紧相连。
除了精彩纷呈的竞赛本身,各大体育赛事的视觉表达也总能引起热议。徽标设计、赛场新貌、信息文字……它们不仅沉淀着历史基因,还传达着关乎当下的特色表达,而其中字体的选择也是关键要素。
本文聚焦 8 项全球顶尖体育赛事的徽标及官网设计,感受字体如何在其中构建起富有表现力的场域。
 
1|奥林匹克运动会
奥运会的徽标设计总是引人注目,往往融合了前瞻的设计理念及丰富的地域特色,其中图形设计与文字信息的和谐搭配亦至关重要。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
即将到来的 2024 巴黎奥运会会徽融合了金牌、奥运圣火与象征国家的玛丽安娜元素,以此致敬女性运动员。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
而下方文字则是设计团队特别定制的 Paris2024 Font 可变字体,风格简约,线条动感,蕴含装饰艺术风格。这款字体不仅运用到了印刷物料中,也在巴黎奥运会官网中用以呈现信息。
历届奥运会徽标设计常常采用手写字体或是定制字体以更好地匹配概念核心,但也有不少徽标采用了现成的字库字体。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
 
例如 2004 雅典奥运会徽标采用了 Gill Sans,组委会表示这款字体的字母形状与大量的希腊古代石刻铭文有异曲同工之妙。2020 东京奥运会使用了 DIN,其严谨细致的字体基因与祖市松纹图案搭配和谐。
 
2|澳大利亚网球公开赛
Font:Sharp Sans
网球四大满贯赛事之一的澳大利亚网球公开赛(简称澳网),创办至今已有 100 多年的历史,是每年四大满贯中最先举行的一个赛事,亦是最年轻的大满贯。
左:旧徽标         右:新徽标
左:旧徽标 右:新徽标
 
澳网于 2016 年推出了新徽标,使用了 Sharp Type 字体公司旗下的 Sharp Sans(现已加入蒙纳家族)。相比于旧徽标,这款几何风格无衬线体为徽标增添了更多时尚简约的现代气息。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
澳网官网也使用了 Sharp Sans,既保证了视觉风格的统一,也通过这款适应度极高的字体实现了良好的信息传达。
 
3|温布尔登网球锦标赛
Font:Gotham
同为网球四大满贯赛事之一的温布尔登网球锦标赛(简称温网),创办于 1877 年,历史悠久、声望丰厚。独特的草地场地也是温网的特色之一,为比赛增添了独特的观赏性和挑战性。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
目前的温网徽标自 2011 年起启用,代表草地颜色的绿色部分有两个交叉的球拍和一个网球,外侧紫色环形部分则用 Gotham 字体标注了温网名称。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
这款经典的美系无衬线体也应用到了温网的数字呈现中,既权威直率,又蕴含轻盈优雅。
 
4|NBA 美国职业篮球联赛
Font:Knockout
左:旧徽标         右:新徽标
左:旧徽标 右:新徽标
 
NBA 的徽标也经历了多重的焕新,2017 年,维持了长达 48 年的徽标有了小幅度更新,核心部分维持不变,色彩略微调深,字母变得更窄,强化徽标在品牌数字资产中的醒目度。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
NBA 官网则是选择了 Hoefler & Co. 旗下的 Knockout 字体。这款字体是对与 19 世纪末美国活版印刷商各种无衬线字体的一种总结诠释,打破了现代主义的传统,传递出更为经典的美式风格基因,与网站整体视觉风格相得益彰。
 
5|英格兰足球超级联赛
Font:蒙纳定制字体 Premier Sans
作为欧洲足球五大联赛之一,也因节奏快、竞争激烈、强队众多而商业表现极为突出的足球联赛,英超联赛在 2016 年启动了品牌升级,适配更多元化的媒介。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
 
左:旧徽标         右:新徽标
左:旧徽标 右:新徽标
 
 
蒙纳应 DesignStudio 委托,为英超联赛定制了品牌字体 Premier Sans。品牌升级前,英超联赛一直使用一款全大写的字体;时过境迁,英超需要一款更清新、亲切的字体,适配各种媒介。此外,欧洲职业足球联赛的品牌营销竞争激烈,字体也需要在营销上发挥作用。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
最终,Premier Sans 这款字体不仅在大字号下确保了良好的展示,还适应表格这样布局密集的版面,并配备了窄体来显示较长的球员名字,从而适用于多种媒介,从屏幕、球衣号码、再到电视节目、排名表等等。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
6|世界摩托车大奖赛
Font:蒙纳定制字体 MotoGP Font
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
国际摩联(FIM)公路赛车的各项赛事中,世界摩托车大奖赛(MotoGP)最受关注。MotoGP 始创于 1949 年,是历史最久的摩托车大奖赛,每个赛季覆盖四大洲的 16 个国家。
作为顶级的摩托车赛事,MotoGP 集结了全世界最优秀的车手与最先进的摩托车型。2020 年,MotoGP 商业权利持有方 Dorna Sports 决定与 Fontsmith(现已归入蒙纳)合作,设计一款活力、高端、迷人的品牌字体。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
该款字体不仅框架清晰,并且融入了赛事元素,如开放的车道形状,因而兼备摩托车工业感的曲线和优美的视觉意味,个性鲜明且富有动感,从而使 MotoGP 的品牌形象和力度都得到提升。
 
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
目前,这款字体不仅应用于 MotoGP 的各类实体物料,也呈现在各类数字媒介和转播画面中,鲜明一致地传达出赛事风格。
 
7|伦敦马拉松
Font:ITC Avant Garde Gothic + Proxima Nova
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
伦敦马拉松诞生于 1981 年,于每年 4 月下旬举办。伦马也是世界六大马拉松赛事之一,但不同于其他赛事,伦敦马拉松是一个慈善马拉松,大约三分之二的跑者都是通过慈善捐款的方式获得参赛资格。
伦马的徽标左侧字体颇具优雅的曲线感,而右侧则使用了一款现成的字体:ITC Avant Garde Gothic。
这款字体以 Avant Garde 杂志的 logo 字体为基础而设计,并逐渐由设计师团队经手优化为完整的字体家族;具有强大而现代的外观,是平面设计师用于标题及短文本的理想选择。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
伦马的官网标题字体也沿用了 ITC Avant Garde Gothic,正文则选择了易读性更强的的 Proxima Nova,兼具力量感与现代性。
 
8|全英羽毛球公开赛
Font:Neue Haas Grotesk Display + DIN
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
全英羽毛球公开锦标赛是世界上历史最悠久、最负盛名的羽毛球锦标赛,由 1898 年在英国吉尔福德成功举办的世界上第一场羽毛球公开比赛发展而来。
伦敦创意机构 Monopo London 于 2023 年为全英赛打造了忠于基因却也更为活力的视觉升级。更为平面的图案设计、全新的配色方案等都带来了更温暖、舒适、愉悦的感官体验。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
 
在字体应用方面,此次视觉升级也颇有考量。
官网标题字体选用了 Neue Haas Grotesk Display(这款字体正是 Helvetica 的前身),正文字体则是蕴含着德系干净严谨基因的 DIN。两款字体相辅相成,既展现年轻、现代的外观,又清晰鲜明地呈现大篇幅文字信息。
结语
体育赛事往往历史悠久,蕴含着深厚的品牌基因,也随着时代的发展进行视觉升级。字体在其中亦占据重要的视觉核心,不仅奠定了表达基础,也在赛场、网页、宣传广告等多种媒介上完善信息的呈现。
活力、坚韧、愉悦、希望……无论是使用字库字体抑或定制字体,更灵活、更大胆的字体策略,能将品牌声音传达更远,触达更多,设计表达与创意的可能性也正在于此。
 


作者:Monotype蒙纳
链接:https://www.zcool.com.cn/article/ZMTYyODM4NA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档