您的位置:首页 > 活动

“扁平化设计”的5大法则,有的界面其实是伪扁平化

时间:2019-07-18
巴黎人最佳网投平台

如何应用展平?接下来要做的是分析五个最典型的扁平化特征,并引入伪扁平化(不是贬义,只是折衷设计)。

1.拒绝特效

7d42e0dfeb6a48459e07844a9ddd8e83

faa13e65fbdf407cb61175c0219eda26

4429f6f105a64914a730cbf1fe19e727

扁平化这个词来自于这个设计中使用的风格和形状。它属于第二维世界。简单的形状加上没有景深的平面不会浪费扁平化。

这个概念的核心是放弃所有的装饰效果,如阴影,透视,纹理,渐变等,可以制作3D效果。所有元素的边界都是干净的,没有任何羽化,分级或阴影。

这种设计趋势试图避免任何物化元素,这使得这种设计风格在其他平台上有时很尴尬。前景图像,按钮,文本和导航栏与背景图像不兼容。

那么,扁平化的效果是什么?

由于这种设计具有生动的视觉效果,因此它使用的元素具有这种清晰的层和布局,使用户能够直观地理解每个元素的作用以及它们如何相互作用。今天,从网页到移动应用程序,使用平面设计风格,尤其是在移动电话上。由于屏幕的局限性,这种风格在用户体验方面具有优势。更少的按钮和选项使界面干净整洁。非常简单。

第二,界面元素

1cbd6d02d9cf454dabc957e89483db1f

697d5f1ed5664ff89736f335a0f1521b

9d94d5fa31a9493fafa3f26e58be4418

5d070bc475224dcda63026192ab15f76

平面设计通常采用许多简单的用户界面元素,例如按钮或图标。设计师通常坚持使用简单的形状(矩形或圆形)并尝试突出它们。这些元素总是直角(很少是圆角)。

这些用户界面元素使用户易于点击,这大大降低了用户学习新的交互方式的成本,因为用户可以通过经验了解每个按钮的功能。

此外,除了简单的形状之外,扁平化还包括大胆的配色方案。然而,应该注意的是,平面设计不仅仅是匹配形状和颜色的问题。它由许多概念和方法组成,就像其他设计风格一样。想要学习特定设计方法的朋友可以观看。看看Designmodo,有很多现成的设计实例供大家分享(免费的矩形UI,免费的平面UI,这两个地方都是一些简单的PSD/HTML UI工具包和一些最基本的组件;专业的矩形UI,专业的平板UI,这两个地方是一些完整的web/app PSD/HTML UI包)。

第三,优化布局(

7317afc10cbd4c119c2e287598436c10

ba9d7b57258f4659bb0482c47b8f989b

a637b836d9b64ccb8e370c675ba906da

由于在平面设计中使用特别简单的元素,排版已经成为布局的重要部分,其直接影响视觉效果并且甚至可能间接地影响用户体验。

字体是排版的重要组成部分。他们需要补充其他元素。想想swashline在平面界面中有多么尖锐。上图是一些平面网站使用无衬线字体的例子。无衬线字体系列很大,其中一些在特殊情况下会产生意想不到的效果。但要小心,不要走得太远,不要使用极其罕见的字体,因为它会把你带入坑中。

如何使用字体也是一个学习问题。有必要学会让不同的字体表达不同的概念,通过字体告诉用户某个设计/功能的含义,并努力使字体成为简化设计的有力武器。

四,如何匹配颜色

ac7365f5e19a4e1695b9187fce21e5e7

b09a86948a8a4c2989a1fd47144edfbb

9e1190041e944efdbd9dd41d4073f841

在平面设计中,色彩搭配似乎是最重要的部分,平面设计通常比其他款式使用更明亮,更耀眼的色彩。同时,平面设计中的配色方案也意味着更多的色调。例如,其他设计最多只能包含两种或三种主色,但平面设计中平均使用六到八种颜色。

平面设计倾向于使用单调,特别是纯色,并且不会褪色或软化(最流行的颜色是实心和次要的)。还有一些颜色也很受欢迎,例如复古色(浅橙色,紫色,绿色,蓝色等)。

V.最简单的解决方案

945340c3111143d0a6c0dda9f8c95f9e

6ba61173288a4142849d97face8ea617

d25beaf3779b4c6ba5a27fb784e6ef55

设计师应尽量简化设计,避免在设计中出现不必要的元素。简单的颜色和字体就足够了。如果要添加内容,请尝试选择简单模式。

平面设计对于某些零售网站特别有用,它可以以简单但合理的方式有效地组织商品。

另:伪平面设计

fe9c8fcfcca94c7c90aa864e5061d8cd

a8461c10b81e4af6852460b2a6905ad2

53532beeee4b4571b9e818e0596e9be3

74eba4b5841f4661a8179a30329d7870

d5492c2e184943279dcf7910d6c3e8e7

最近还有一个值得关注的趋势。一些设计师已将特定效果整合到整体展平中,这是一种独特的效果。例如,在简单按钮上添加一点渐变或阴影会使这种风格成为一种特征,从而产生一种扁平的设计变体。这种设计比简单的扁平化更具适应性和灵活性。

在这里,我相信有很多人想要学习UI设计。这是一个私人定制课程,多年来一直从事UI设计。在今年年初,我花了一个月的时间整理出最适合2019年学习的干货,从最基本的到各种各样的框架已经组织完毕,每个UI设计都可以照顾我并私下相信我在后台:学习,你可以免费获得它。

日期归档
  • 友情链接:
  • 巴黎人网址导航 版权所有© www.pupsoc.com 技术支持:巴黎人网址导航| 网站地图