跳到主要内容

平面设计的初学者指南

在过去,网页设计师特别注重炫耀他们的技能和设计组合通过打包带有华丽插图和动画的网站,据说让访客惊叹不已。然后转向了仿形设计,试图将真实的生活带到屏幕上,具有逼真的纹理,阴影和真实的物体特征。

这让位于平面设计,这反对所有这些“人工”设计技术,有利于更简化,经典的数字美学。虽然这种以用户为中心的网页设计风格已经存在多年,但仍然像以往一样具有相关性和流行性。所以如果你仍然不确定这个指南的全部内容可能就是你所需要的......

什么是平面设计?

What is flat design?

Windows 8处于平板设计趋势的最前沿

平面设计是一种简约的设计方法,强调可用性。它拥有干净,开放的空间,清晰的边缘,明亮的色彩和二维插图。

微软是最早将这种设计风格应用于其界面的人之一,被一些人视为对Apple推出的iOS界面流行的仿形设计的反对。平面设计的拥护者不是将现实生活中的对象(如日历)转换为微小的逼真插图,而是使用简单的图标式图像识别应用程序。

这不是将现实生活中的各个方面带入界面,而是说明了技术与触觉对象之间的明确分离。

极简主义并不意味着无聊

在平面设计中,装饰元素被视为不必要的混乱。如果某个方面不起作用,那就会分散注意力用户体验。这就是平面设计简约性的原因。

然而,仅仅因为它没有任何华丽的设计并不意味着这种风格很无聊。明亮,对比鲜明的色彩使插图和按钮从背景中流行,轻松吸引注意力,引导用户的眼球。简约图像的目的也有助于平面设计的功能特征。

快速掌握

简单图像比详细插图更快地传达消息。像图标这样的图像可以指示通用动作或目的,以便每个人都可以轻松理解它们

很容易看出形象拟合和平面设计之间的直接差异。请注意较大的纯色块是如何吸引更多注意力的,并且可以快速感知图标的含义。

Xero的云计算指南使用平面设计使其信息易于理解

来自在线会计服务Xero的云计算指南(上文)使用平面插图和图标的组合来展示使用云的不同好处。图像的简单性使得理解消息变得容易,从而消除了对过多复制的需求。

你可以从中学到什么

平面设计作为一种功能工具回归到设计的基础。一个网站的设计和判断是根据它的工作情况而不是它的外观。

这种原始功能迫使网站专注于用户体验,因此成功采用此设计风格的网站可能会因为用户友好而获得积极反馈。

如何创建平面设计

要设计一个有效的平面场地,所有设计元素必须以这种简洁的理念为中心。坚实,鲜艳的色彩赋予了将它们分开以取代说明性细节所需的重点; Sans-serif排版为插图提供了干净,清晰的补充;文字简明扼要;按钮和链接等UI元素清晰明了。

一切都应该以相同的目标设计,以创建一个有凝聚力的视觉和功能网页设计。以下是平面设计的一些很好的例子......

平面设计实例:Tripfinder

Examples of flat design: Tripfinder

颜色和图标有助于使用最小的副本清晰地显示含义

这个旅行计划应用程序设计由印尼用户界面设计师巴迪根据套餐和预算预订航班非常容易。一切都清晰易懂,设计主要依靠颜色和图标来赋予意义。副本简洁,搜索理想航班的UI方面是显而易见的。

平面设计示例:天气应用

Examples of flat design: Weather app

平面设计不依赖于鲜艳的色彩

这个天气应用UI设计表明平面设计即使不使用明亮的颜色也能成功。清晰的图像和大型排版吸引了人们对天气最重要的方面的关注,这是用户正在寻找的。

在您的工作中探索平面设计时,请确保以简约和以用户为中心的视角设计每个方面,以确保统一的界面。成功完成此操作后,您的用户将会欣赏您网站的功能特性。

相关文章:



翻译字数超限