以前看的书还是有用的,尽管那些是空洞的理论,可每次看到或者想到的时候总能对 入座,顿时也就找到问题的根源了。
还是一样,只缺你的行动。
01 小而美的细节
没什么好说的,就为了左下角那种标注姓名的排版方式,所以模仿动手做了这个页面。
大致版式见过在曹将晚上推送文章页面的封面图,居中矩形线框左下角就是横线在上,名字在下的排版形式。
这里面有个我想重点强调的经验点。做PPT,尤其是设计感强烈或者像邵老师那种视觉舒服,简约的PPT。
-
你最不能忽视的就是找正确的图片,这里的正确不再是什么与文字内容主题相关,图片质量高清。
-
正确的图片——为了你排版的存在,构图合理、色调合理的图片(大部分色调都应该很低调,不会出现太多饱和色或多种色调混合,给人脏的感觉)
分析这个页面的图片:
-
图片色调低调,少而有重点(主色红色)。
-
构图合理,主体物朝向排版文字,这是正确的,因为我们首先第一眼看这个页面一定是先看到图片主体物,所以能够引导人们的视觉到我们需要强调的文字内容。
-
为了数字标题的排版方式而动手制作,以前只是在微博里发了自己对这个排版方式的分析总结,这次动手做出来,希望能加深印象。
-
也熟悉了样机素材的使用(左边平板,里面的图片可以替换,如果你们需要手机和平板的样机素材,欢迎后台回复)。
-
为了「他是谁」三个字下面的红色线条修饰方式而动手制作。
-
这个修饰方式前面已经见过,在延安主题里就有用到。
-
喜欢一个东西就是这样,多次遇见,还是心跳加速,恨不得占为己有。
原素材
值得一提的是这个图片素材用了美图秀秀处理,本来原素材不是纯黑背景,最近也在纠结要不要把PS捡起来,纠结在于我思考这个阶段应该针对性捡PS软件的哪些方面,不会再像以前那样大而全的学习下去了。
-
显而易见,想得到副标题矩形框的那种修饰方式,陌生。
-
以前对矩形框的修饰停留在,要么大到把标题包括在里面强调视觉焦点,要么小到修饰短小的词语人名。其实现在总结来看,矩形框非常适合修饰字数不多、一句话左右的句子。
-
希望以后能下意识去运用这一修饰方法。
-
为了左上角的修饰三个小竖条色块组成的引导符而动手制作。
-
文字排版左对齐,但是「第五章节」处并不这样,自己也就不要再强迫症了。
02找正确的图片
不多说了,我觉得很好的图。图片主体在中心,顺其,文字也居中排版。
构图来看:
-
左侧部分信息复杂度高,所以如果文字想在图片上排版,那么选择右边的相对纯白的位置是个很不错的选择,这个页面就是如此。
-
为了文字能看得清不受底图亮度影响,所以图片上方盖了一层从右下角到做左上角的黑色透明渐变。
如果你为了突出文字的意思,那么极力放大标题文字。
-
如果你觉得图片主体物挺好看,那么这时候你的文字更重要的任务是修饰图片,再辅助表达意思。
-
所以你缩小文字,页面突出图片的主体物。
典型的图片找的好,符合表达文字意思的意境。
英文「charpter 1」缩小,给人小清新的感觉。
与上图同理,构图为居中,文字排版也居中。
左图右文,所以左图主体物应该构图合理。(与右边形状的倾斜相搭配,甚好。)
色调单一,很好。
03线条
线条的分割作用,区分并列关系的文字段落模块,在阅读型多文字的页面中常会用到。
这和上图怎么对比,最左边的一条竖线给去掉了。
这个细节我看不出来,不知孰是孰非。
都挺好吧。
无线框
利兄的解释,页面虽然很清爽,但是文字力场不足,层次感不强。
线条修饰
-
确实美了,线条起到了修饰文字,增加了文字的层次感。
-
这里的解释都是借鉴他人,我也不是平面设计专业,只是觉得言之有理而已。
无线框
有线框
-
其实我只能感受到有线框的情况下确实比较有视觉表现力,但是怎么去解释,我组织不好系统的语言,这里给出的解释还是利兄的。
-
无线框情况下,受背景图信息影响比较大,而有线框后加强了文字层的层次。
-
自己多对比,就能看出两者的不同,确实是有线框,视觉表现力就越强。
无线框
文字距离色块边缘显得很空。
有线框
-
线框给文字一个约束空间,产生了特殊的美感。
-
我们要习惯性的这样运用。
04新知识点
A
B
-
更喜欢A的左右结构排版,与B相比,至少不显得挤。
-
线框的使用让这个页面焕然一新,不然就是普普通通的信息递进模式结构排版(小图片+小标题+解释性文字)。
邵老师讲的创意两个方法之一的案例。
-
第一个是借助物象,比如说你页面中的一个饼图是反映橙子的销售情况,你为了重点突出第四季度的销售情况,所以你会放大饼图第四季度的那个四分之一块。为了有创意感,其实你可以在第四季度四分之一块填充为橙子的图片,而不是普通的颜色填充。
-
第二个是放入具体的场景中,这个页面就是,「割草机」在实际使用场景中,然后特别简单,一个指导符加普通的文字排版就是一个很好的产品介绍页面。邵老师在讲解这个知识点时候给出的案例是扎克伯格的 交帝国facebook的使用场景,一条街道上,所有人的口边都是一句「hello?」打招呼的用语,这样来反映facebook的强大。
-
很陌生,一直不愿意碰的组织结构图形状。
-
这里是用smartart做的,没做之前觉得很麻烦、很难,实际下意识去坐的时候,还好。这真是从未见过的结构图版式,尤其是左边的横线。
突出的中间红色图标可以与其他圆形图中心对齐。
同理,可以底部对齐。
为了突出中间的红色图标,全局蒙版整个页面其他部分。
为了突出中间的红色图标,局部蒙版所需要的局部部分。
我也想不到我会模仿制作这么普通的页面用来告诉自己注意呼吸感,页面这里表现在文字排版部分,中间横线距离标题距离小,距离下面解释性文字大,但是都挺适中的,小的不是太小显得呼吸拥挤,大的不是太大显得空洞。
与时间相处,没有虚假的感觉最好。
2017年4月26日
中午 寝室
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!