平衡的艺术掌握了把不同的元素放在大画面上的技巧。
本文总结了几个优秀网站的全屏幕背景的特点,关键是帮助学生掌握不同元素在大画面上的技巧,了解PPT的性质,对平面设计、海报设计有很大的帮助,非常实用。
大图片在视觉上更具吸引力,但是如果没有适当的排版,它会影响用户的体验。
常言道,一幅画胜过一千个字,人类是视觉动物,图画能引起人们的注意。随着互联网和显示设备的发展,越来越多的网站采用吸引眼球的方式吸引用户的注意力。同时,它也是用户的视觉体验,通常图片不能传输所有信息,所以许多具有类似旋转木马样式的站点显示更多图片。
新西兰航空公司主页是一个大画面的表现形式,以秋叶的形式和弥漫的黄山美景覆盖整个页面,形成引人注目的焦点。
新西兰航空公司的网页,大背景图片和底部的航班搜索是最突出的特点。
心认
这种方法的基本原理是,画面具有独特的能力,刺激和吸引网站的眼睛。Don Norman描述这一现象在书中的情感化设计:这是人的本能,和图片更为明显。通过展示漂亮的图片(如美丽的风景,时尚的产品,和有魅力的人物),网站给观者的内心强烈的反应。
从用户的角度获得用户的认可不仅仅是一个好的用户体验,网页应该向用户传达内容(知识)和功能。
在新西兰航空公司的主页图片是迷人的,但太多的元素添加到网页,这意味着他们可能会忽视其他的小元素,这些元素mdash;mdash,可能是非常重要的。
新西兰航空网页旨在注重形象:顶部导航链接是非常小的,没有背景的颜色,用放大镜图标代表的搜索功能,而不是一个输入框,或现在预订按钮也使用一个简单的轮廓表示,没有背景,它可以区分大图片和背景。最重要的是,航班搜索功能已经降低了几英寸以防止大图片被截断。因此,许多用户甚至不能看到的搜索飞行按钮,除非他们滚到下一页。
比较新的新西兰航空公司的主页与旧版本,这种方法的优点和缺点,可以在设计解释清楚。像其他航空公司,新西兰航空公司的主页上的促销活动和项目都很凌乱,在新的网站,几乎没有明显的背景图片,因为有网站太多的话,和链接和部件掩盖网页背景。然而,航班搜索工具放置在网站的左上角,并且用户看到这个地方的第一个。(至少在文本阅读)
在旧网页上,新西兰航空公司的主页非常凌乱,但航班搜索工具的位置很方便用户找到它。
相比之下,新西兰的空气可以更容易地找到手机版网页文本信息和重要的主要功能,四个主要的功能捆绑在一个突出的地方,虽然位置和外观类似广告,但更警惕,更能吸引用户的注意。本设计还使用大量的图片背景图案,和操作按钮强调视觉效果不包括大图片的背景。
新西兰航空公司主页的移动版比桌面版更容易检测和查找文本信息。
什么时候使用大图片设计合适
你决定什么样的网站最好的设计方法是首要问题,在大多数情况下,你有一个目标和目标用户,吸引了人们的注意,大图片的设计是有价值的,但也有优点和缺点,相对于文本信息更容易被忽视。
苹果主页还重点介绍了大图片的设计模式。这张图片实际上展示了他们最新的产品,并为用户提供了购买产品的强大渠道。当然,大图片本身提供了很多有用的信息,这清楚地显示了用户两种型号的大小。
苹果主页显示了他们的最新产品,并与强大的全球导航栏匹配用户的强大的视觉体验,这与轻量级主页背景形成鲜明对比。
微软的搜索引擎Bing的主页是伴随着不断变化的背景下,另一个极端的例子形象设计,网站是完全致力于,不同于大多数的网站设计约束。本网站的主要功能是显示搜索框给用户,并没有太多的设计强调不必要的元素。该网站的巨大的白色搜索框显然比别的元素。这也达到了微软的预期效果。
微软Bing主页是以大图片为背景设计的。
一种平衡图片与其他元素的方法
大多数网站使用相对平衡的设计方法:选定的图片可以支持品牌,并不能掩盖其他重要的元素。例如,国营农场的主页使用大图片,象征着驾驶,这也是他们业务中的一个关键部分。但这张照片不影响其他元素的显示。强大的导航栏等基本元素,包括登陆、报价、处理、保险理赔等功能模块,仍能清晰地显示在用户面前。
的国营农场主页用一个戏剧性的大图片,也关注其他元素的显示。
如何正确使用大图片设计
按照以下步骤确保正确使用平衡元素:
1。首先确定并确定网站的目标、用户目标和业务目标(包括品牌目标)。或者,大多数访问者是否已经熟悉你的组织(或它所在的行业),你知道现在需要一些特殊的信息和功能吗
2。确定你设计的每一个元素是否符合网站的建设,图片通常起到装饰和支持品牌效果的作用,导航栏和结构化搜索通常与特定的用户项目有关。
三.根据目标的重要性分配视觉,如果设计的元素被设计成支持高优先级的目标,那么视觉设计中的元素应该更强烈一些,相反,设计两级目标相关元素尽可能平滑,并减少强调功能。这条规则听起来容易,但在设计中常常被忽略。
4。选择的图片应该和品牌效果结合起来。记住,你的网站不只是图片的展示,除非是Flickr。
5。选择一张有吸引力的图片来扮演一个吸引人的角色。如果一个网站的图片和其他元素一样重要,你必须决定哪种类型的图片更合适。只有这样你才能找到更吸引人的照片。
6。选择设计模式认真当你更新你的网站,很多的设计项目,它是要建立一个更现代网站重要。然而,有许多方法来实现这一任务,排版,布局和品牌的颜色。这只是一个例子,它可以有效地创建一个网站,有在视觉和感觉上的现代化的特点,同时,我们也应强调的关键部分。
以上是掌握不同元素在大画面上的技巧介绍,希望大家喜欢!