在案例中探索：以人物肖像作为网页背景

2021-01-06 14:51:50 阅读（196） 评论（0）

作者曾在《图文搭配，网页不累》的案例中提到，视觉引导对于第一次访问网站的用户来说非常重要。当用户来到一个完全陌生的页面时，网站必须给予合理的指导，以便用户能够继续浏览和点击。人物背景网页设计的好处不仅如此。以下是作者收集的各种相关案例。让我们继续探索这个案例。1、第一个案例是作者为OYAMA定制的官方网站。从首屏设计不难看出，网站需要表现出积极向上、充满活力的氛围。因此，设计师巧妙地将角色元素融入到METRO的设计风格中，不仅可以避免由多种颜色引起的视觉疲劳，还可以利用丰富明亮的颜色，使网站看起来更加生动和充满活力。2、与普通人物背景网页设计不同，Ballet在人物处理中没有使用高清大图片，而是故意做了一个模糊的处理，充满了朦胧的感觉，与经典的黑色，使网页更加神秘。为了掩盖大量留白可能带来的单调，设计师用人物的大动作让页面看起来更充实。3、Hotdot的网站背景风格似乎符合现代设计师的口味。背景中人物使用的亮点不仅在于独特抢眼的妆容，更在于人物的视线方向。从整个网站的布局来看，用户体验并不理想，导航在第一个屏幕的底部，字体和颜色也不利于阅读。因此，设计师利用人物的视线，将用户的视线带到底部导航部分，在很大程度上弥补了这一不足。4、这个网站显然是一个产品推广网站，所以设计师以最简单、最直接的方式吸引用户对产品的关注。虽然产品在第一个屏幕上的比例很小，但它仍然可以关注产品的部分。除产品外，部分设计尽可能简化，甚至按钮也采用了幽灵按钮的设计。5、以高清图片为背景是2014年网页设计的趋势之一，也体现在这种情况下。使用高清图片的特点是使图片更加真实，但同时可能会失去一些美感。如下案例所示，奶奶皱纹的脸确实让网页更有生活感和亲密感，但如果不修改，会显得有点苍白单调。因此，设计师巧妙地提供了纹理背景，使画面看起来既不扭曲又美丽。6、在这种情况下，使用了大量的圆形元素，而看似独立的图形会使用户特别注意内容和组织关系。仔细看每个圆的布局，设计师用布局来弥补几何元素带来的“凌乱”，让用户感受到网页的个性。7、有人物的任何场景都能表现出不同的情感。即使没有眼神和动作的交流，一个简单的背影也能唤起浏览者无限的遐想。8、Metro的设计加上五颜六色的色彩，对第一眼的视觉冲击还是很有效的，但这只能针对用户，多看会让人有点困惑。在这种情况下，人物的使用使整个画面连贯起来，图片中每个人物的肢体流向成为用户浏览网站的线索。9、LOCALSAPAREL网站的前三个屏幕都使用了人物背景。这三张图片中人物的形式不同，但效果非常相似。这个网页背景是一个典型的案例，用图片中的角色来引导用户。设计师利用同一个角色的不同方向，使整体统一清晰。10、他？她？还有它！幽默的拟人化动物形象可以为网页增添更多幽默的色彩。如下所示，大猩猩已经成为整个页面的主角。为了将用户的视线引向内容或导航，设计师在这些内容中添加了纯色块，使网页主次清晰。以人物为背景的网页风格大多以简约为主，因为只有这样才能更好地展现其功能。表情确实是一种非常奇妙的内在表达形式，非常微妙的变化会反馈给对方不同的信息。

内容来源:网络，以上内容来源于网络，不代表本站观点，如有侵权，请联系删除。

上一条：六种较为实用的方法，提升博客用户的阅读体验下一条：网页游戏的运营方案实例

商标/知识产权

网站服务

CRM/销售管理

ERP/智慧办公

财税人力

安全/技术支持

其他应用

商标版权

小程序

在案例中探索：以人物肖像作为网页背景

推荐阅读

猜你喜欢

分类

最新文章