020-29815005
预约专线时间:09:00-23:59

【UI设计培训】:打造扁平化设计的5大原则有哪些?

新闻来源:本站 日期:2022-01-18
没有一种风格能保证统治世界,一种风格不能被强制应用于不应该使用它的地方。那么,如何实现和应用扁平化呢?下面优漫动游小编分析扁平化的五个最典型的特征有哪些?同时引入伪扁平化。

  没有一种风格能保证统治世界,一种风格不能被强制应用于不应该使用它的地方。那么,如何实现和应用扁平化呢?下面优漫动游小编分析扁平化的五个最典型的特征有哪些?同时引入伪扁平化。


【UI设计培训】:打造扁平化设计的5大原则有哪些?


  一、拒绝特效


  平面这个词来自设计使用的风格和形状,属于第二维世界。一个简单的形状加上一个没有景深的平面是对平面这个词的浪费。这个概念的核心是放弃所有的装饰效果,例如阴影、透视、纹理、渐变和其他可以产生3D效果的元素。所有元素的边界都很清晰,没有任何羽化、渐变或阴影。设计的这种趋势试图避免任何要被具体化的元素,这导致这种设计风格有时在其他平台上显得突兀,前景图片、按钮、文本和导航条与背景图片不协调。那么,扁平化的效果是什么?因为这种设计有着鲜明的视觉效果,而且它所使用的元素之间有着清晰的层次和布局,这使得用户能够直观地理解每个元素的功能和交互方式。如今,从网页到移动电话应用,尤其是移动电话,都使用平面设计风格。由于屏幕的限制,这种风格在用户体验上有更多的优势,更少的按钮和选项使界面干净整洁,使用起来非常简单。

  二、界面元素

  平板设计通常使用许多简单的用户界面元素,如按钮或图标。设计的老师通常坚持使用简单的形状(矩形或圆形)并尽可能突出这些形状。所有这些元素都是直角(一些是圆角)。这些用户界面元素便于用户点击,可以大大降低用户学习新的交互方式的成本,因为用户可以凭经验大致了解每个按钮的功能。除了简单的形状,展平还包括大胆的配色。然而,应该注意的是,平坦的设计并不意味着简单地匹配形状和颜色。像其他设计风格一样,它由许多概念和方法组成。想学习特定设计方法的朋友可以看看Designmodo。有许多现成的设计的例子供大家分享(免费矩形用户界面,免费平面用户界面,这两个地方是一些简单的PSD/HTML用户界面工具包和一些基本组件;专业的矩形用户界面和专业的平面用户界面,这两个地方是一些完整的网页/应用程序开发/HTML用户界面包)。

  三、优化排版

  由于使用了特别简单的元素,平面设计,排版已经成为一个非常重要的部分。排版质量直接影响视觉效果,甚至可能间接影响用户体验。字体是排版的一个非常重要的部分。它需要补充其他要素。想想在平面界面中一个风格化的角色有多突兀。上面是一些平面网站中使用的无衬线字体的例子。无衬线字体家族庞大而众多,其中一些字体在特殊情况下会产生意想不到的效果。然而,要注意这样一个事实,太多总比不够好。不要使用那些非常不寻常的字体,因为它会把你带入深渊。如何使用字体也是一门知识。你应该学会让不同的字体表达不同的概念,通过字体告诉用户某个设计/function的含义,努力让字体成为你简化设计

 四、如何配色

  配色似乎是平板设计平板最重要的部分设计通常采用比其他风格更明亮和更耀眼的颜色。同时,平板设计的配色也意味着更多的颜色。例如,其他设计最多只包含两到三种主要颜色,但是平坦的设计将平均使用六到八种颜色。此外,平板设计倾向于使用单色,尤其是纯色,没有任何褪色或软化(最流行的颜色是纯色和二次色)。还有一些非常受欢迎的颜色,比如复古颜色(浅橙色、紫色、绿色、蓝色等)。)。

  五、最简方案

  设计分部应尽力简化其设计计划,避免设计出现不必要的元素。简单的颜色和字体就足够了。如果你想添加一些东西,试着选择简单的模式。扁平化的设计对一些零售网站特别有帮助。它可以有效地组织商品,并以简单而合理的方式进行排列。(编者注:感兴趣的读者可以自己找到一些例子。原作者建议观看Svpply,但网站与作者的描述稍有不一致,所以省略了。另:伪扁平化设计

  最近,有一个趋势值得关注。一些设计教师将一种特殊效果融入整体展平中,使其成为一种独特的效果。例如,给一个简单的按钮添加一点渐变或阴影,使这种风格成为它的特色,并产生一种扁平设计的变体。这种设计比简单的扁平更适用,更灵活。许多设计教师更喜欢这种设计,因为这意味着他们可以在某些元素上添加一些阴影或视角。用户可能也喜欢这个略显圆滑的设计,它可以引导他们进行一些适当的互动。  

  以上就是优漫教育小编为大家介绍的“UI设计培训】:打造扁平化设计的5大原则有哪些?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !