网页光影技巧 2

wangyang发表于 2014/08/19

网络上关于投影的例子实在太多了。

LinkedIn在边栏底部添加了极为细微的投影,创造出深度感。

Google — 可能是互联网上最难设计的页面了 — 仍然在搜索页上使用了细微的投影。

5. 高级阴影

要赋予物体立体感,除了简单的投影,你还有很多选择。长阴影能极大地改变页面中物体的空间关系。

下面的例子中,同样的可乐罐,被赋予不同的阴影和暗部之后,整个空间位置就显得完全不一样了。

网络上的例子

Emotions by Mike 聪明地运用了阴影(以及光照),硬是把平面页面转换成了一个地板。



Superkix 使用投影,让运动鞋漂浮于页面之上。当你缩放页面时,投影还能移动,就像光源也在转移一样。

Sofa 在纯白背景上,通过极佳的光影运用,生生造出了一个地板。

©2010-2014 秦皇岛易博网络科技有限公司 我们专注于微信开发 | 网站建设 冀ICP备12004938号-3