扁平化设计方法,怎样创建一个扁平设计?

web321
web321 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 54 浏览

  扁平化设计是现在的设计潮流,不乱世pc端还是移动端,大部分设计都选择扁平化设计。扁平化设计成为一种大势。作为一个合格的设计师,如果不擅长扁平化设计,那么对于她的职业发展会有非常大的影响。下面网我告诉您扁平化设计方法,怎样创建一个扁平设计?。


  扁平化设计方法一、按钮

  当使用边框,梯度和下阴影来创建一个按钮,就是使得这些元素在背景与内容中很显眼。这使按钮很好辨认为一个可以点击的元素。

  当创建一个扁平的按钮,你就不能应用这些细节,所以我们的焦点应该放在布局的组织和颜色的差异上。当然,你只要你能保持按钮的扁平外观,你也可以使用斜边和阴影,但是你会想使这些控件变得尽可能的简洁。

  扁平化设计方法二、表格

  在扁平设计里,表格是一个关键的元素。文本区域,输入栏和下拉栏都不能按照它们默认的做法插入阴影。你可以通过CSS来改变这些表格元素的属性:在创建一个简单的登陆框和样式这篇文章里,你就知道怎么做了。如果你想完全地控制这些元素,你可以使用一个支持主题的插件,比如uniformjs并应用你想要的主题样式,甚至可以自己创建一些主题。

  扁平化设计方法三、字体

  字体是扁平化设计里非常重要的元素。由于界面更加简洁,你可以使用字体帮你创建你期望的风格和基调。你可以对扁平化设计的框架只使用定制的并且特定的字体来设置基调。由于背景简单,字体就会突出并且本身就设置了风格。看看”扁平化设计里字体的使用”就可以激励你,并且可以学到其他人是如何使用字体获得别具一格的视图的。

  扁平化设计方法四、色彩

  设计界面的基础之一是定义调色板。扁平化界面设计所采用的色彩的模式与其他调色板相比倾向于更加醒目和更加明亮。扁平化UI色彩在思想上就是用这样的理念开发的,而且是下载今天扁平化设计里所用的某些最佳的色彩的好去处。

  当你选择好调色板后,记住要想想色彩是怎样帮助用户对整个站点进行导航的。确保给站点的主要动作指定色彩:比如“提交”、”发送“、“更多”等按钮都应当是同一个色彩。理想情况下鲜明的色彩与背景形成了鲜明的对比。如果你的徽标或者商标采用主色的话,那么它应当是主要控制所使用的哪个色彩。不要自始至终过分的使用它,否则你将冒着在用户眼里这个色彩不太重要的风险。

  你还应该选择按钮的辅助色彩,通常是浅灰色。这样的话你可以把两个按钮排成一行,例如“提交”和“取消”,“提交”作为主要动作而“取消”是辅助动作。在扁平化设计里色彩的选择尤其重要,因为当你使用扁平化按钮的时候,色彩将是帮助用户识别彼此的主要手段之一。

  扁平化设计方法五、形状

  通常情况下,根据网站的风格你会更倾向于正方形或方形圆角的按钮。你可以更有创意并使用类似圆形,三角形或者甚至是自定义形状,但是请注意,后者的风险有点大。确认整个界面控件保持一致,这样用户才能识别并认出你的标题、内容和控件。

    

发布于 2022-12-18 14:14

免责声明:

本文由 web321 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2025 专注小微企业服务 冀ICP备09002609号-8