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

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

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

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


 我们先来看一下原稿。


原稿

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

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

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

修改稿-1

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

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

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

修改稿-2

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

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

修改稿-3

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

Duotone by ShapeFactory | Create Beautiful Free Duotones

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

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

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


One More Thing.

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

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

人物裁剪图

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,200评论 4 61
  • 哈~芊语忍不住搓着手,“这个冬天真是冷啊” 芊语站在路牌下等着公交车,不知道为什么,这个冬天不是一般的冷啊。现...
    卐异类卍阅读 613评论 2 2
  • 他释怀的笑了,因为他对生活不抱有任何希望了。 自食恶果怪谁。
    昨夜又见清风阅读 170评论 0 0
  • 【0308我在悦读】萧萧 第21次打卡 (ps:清单主题营来啦,等老铁你来一起报名) 书名:《财富自由之路》 作者...
    萧萧姐阅读 84评论 0 0
  • 基础配置流程 mybatis-generator生成Mapper代码方法 bug1的解决方法 bug2的解决方法
    panrusheng阅读 389评论 0 0