美文网首页
如何使单人人物介绍页面更丰富?

如何使单人人物介绍页面更丰富?

作者: 冬天里的橘子瓣 | 来源:发表于2019-02-14 16:31 被阅读0次

    #02如何使单人人物介绍页面更丰富?

    哈喽,大家好!今天是《Hello World !》第二期,作为懒癌的我,全靠上一篇的三个赞坚持写下去呀,真的非常感谢你们的点赞呀!

    今天和大家一起分享的是一页运动人物的介绍。在页面稍显空洞的时候,如何找准人物风格使页面丰富起来。


     我们先来看一下原稿。

    原稿

    【问题分析】页面文字遵循了对齐与对比,重点突出,有主有次。左右排版,没有问题。但是背景页面是白色,过多的留白使得页面比较单调,应该让页面丰富起来,更符合运动员的风格。人物在空白页面中显得比较小,突出不了运动员的精神风貌。

    【思路】运动员的风貌是什么?【速度】【激情】【活力】【沉稳】。上一篇文章我们提及到了用渐变色丰富页面,在此同样可以借用。体现运动员的活力。斜线条,斜色块也常见于表现活力。

    话不多说,先来看一下修改稿。这里做了三页修改。

    修改稿-1

    渐变,斜色块,表现运动感。

    色块渐变方向,轻快色左上角,重色右下角,跟人物的光影方向相一致(人物图片的光源来自左上角,所以左上明亮有高光,右下暗淡与阴影)。

    人物与背景通过阴影突出层次感。人物的裁剪可以表现出人物的运动趋势,或者说姿态。

    修改稿-2

    黄色块聚焦中心,卡片形式,人物背后添加阴影,表现光影。

    背后添加粗斜线,表现运动感。

    修改稿-3

    左边图片处理来自一个双色图片处理网站。

    Duotone by ShapeFactory | Create Beautiful Free Duotones

    能够通过更多的图片来更好地展现人物性格。

    我们回归到最初的问题。人物介绍的页面如何丰富?除了日常多多浏览优秀的设计页面积累。

    最核心的还是要根据人物性格、职业特点等的确定人物的风格吗,进行关键词联想


    One More Thing.

    1.人物的光影。从案例中图片可以看到人物的光是从左上角打过来的。所以人物的右下方一定会有阴影。在摄影中,说的影调,就是不考虑色彩因素所呈现的黑白灰关系。分为高光,中间调,阴影。自觉百度补充相关知识。

    2.人物的裁剪。在摄影中人像按构图可以分为,特写,三分人像,半身像,七分人像,全身像。可以裁切与不可以裁切的部位参考下图(图片来自公众号-摄影笔记)。常看几次就记住了。总结一下的话,就是脆弱的部位不可以切,包括脖子,胳膊肘,手腕,手指,腰,膝盖,脚踝等。

    人物裁剪图

    好了,以上就是本期修改案例的分享,希望能够给你带来一些启发。

    不足之处,还请多多指出。

    相关文章

      网友评论

          本文标题:如何使单人人物介绍页面更丰富?

          本文链接:https://www.haomeiwen.com/subject/pjjeeqtx.html