扁平化网站设计图标欣赏

2014-04-29    分类: 网站设计

扁平化网站设计图标欣赏

什么是扁平化设计
扁平化设计是一种极简主义的美术设计风格,通过简单的图形、字体和颜色的组合,来达到直观、简洁的设计目的。扁平化设计风格比较常见于传统媒体,比如杂志、公交指示牌等处。随着计算机网络技术的发展,扁平化设计风格越来越多应用于软件、网站等人机交互界面,以迎合使用者对信息快速阅读和吸收的要求。
与扁平化设计风格相对的是偏向写实的拟物化设计风格。要设计出好的扁平化界面,必须抛弃所有拟物风格的技巧。我们可以通过一张图来了解拟物化设计的主要特点,把这些特点统统扔掉,就是扁平化设计的特征:

扁平化网站设计图标欣赏

极简的元素
扁平化设计追求的是一切极其的简洁、简单,反对使用复杂的、不明确的元素。在设计扁平化风格界面时,特别是在图标的设计时,应该遵循极简原则。复杂的、含义模糊的元素将会造成使用者的困扰,这与扁平化设计风格直观、简洁的总原则是相违背的。只有采用足够简约的设计元素,才能达到展示效果。

贴切的图标
在设计图标时,必须使用与所对应功能紧密关联的图标元素,并且这个元素应是通用的、广为人知的,基本不受地域、种族、文化、语言等因素影响。绝对禁止使用一些定义模糊,寓意不清的元素,或者某些行业特有的,某些领域专用的元素。比如在下面这张图中,如果设计师要表达的是“分享”这一功能,那么显然右侧的图标更具有通用性:

界面趋向于扁平化,那么除了界面还有一些图标扁平化的设计应该怎么设计呢?大同小异,界面设计只是在整体上的设计,而图标设计上,风格一致,只是在设计的过程中更为精致,要在一个图标里面表达内容,也是让设计师头痛的一件事,而扁平化设计比较注重是图标的简洁和表达,而一些基本的设计方法除了能够简约之外,很重要的一点是能够表达清晰,在理性和感性之间的表达出极简主义的精髓和魅力。


界面趋向于扁平化,那么除了界面还有一些图标扁平化的设计应该怎么设计呢?大同小异,界面设计只是在整体上的设计,而图标设计上,风格一致,只是在设计的过程中更为精致,要在一个图标里面表达内容,也是让设计师头痛的一件事,而扁平化设计比较注重是图标的简洁和表达,而一些基本的设计方法除了能够简约之外,很重要的一点是能够表达清晰,在理性和感性之间的表达出极简主义的精髓和魅力。有些人说扁平化图标就是实物的剪影,小编不否定也不肯定,毕竟它也不是单纯的剪影,而扁平化很重要的是线和面的应用,此外还有颜色的运用。

扁平化的图标大致分为纯粹的平面设计,折叠设计,轻质感设计等等,这一类的风格其实比较容易跟一些传统的中国剪纸风格混淆毕竟很多情况下确实有一点相似。正经的说大家都是平面的,对于扁平化的图标实现,其实还有些流行使用二维或者三维来表达装饰,组合起来的画风也是别有一番风味,但是更多的是要灵活运用颜色,把效果发挥到极致。例如纯色调的图标设计,这种图片比较考究,毕竟是统一色系的进行搭配,容易吧图标搞砸,但是却更具有简单抽象、易于接受等特性,有些设计会偏向于“线”的刻画,精准到位的设计会给人一种清新脱俗的感觉,另一种会比较倾向于“面”的设计,把握大局,给人大气的感觉。这一类的纯色图标设计清新典雅,不少的界面里都能够看到他们的踪迹,而且具有别具一格的现代气息,更为人们所喜爱。

扁平化网站设计图标欣赏

成都网站制作设计上关键还是细节设计。从前的实物化设计是追求细节上的相像,而扁平化图标主要是轮廓上的绘制让人感觉简约,当然也不是没有细节,细节主要是体现在轮廓线条的设计。绘制过程可以根据自己的洗好和设计进行融合,每一笔越细致更会凸显精细和典雅,虽然去繁的过程看起来很简单,但实际操作却不然,要取实物其中的精华和亮点,同时能够传达出准确的信息,这也是一个比较困难的过程。在一般的绘制基础上,应该懂得抓住事物的关键点,运用几何秒回出相近的图形,当雏形出来之后,就可以根据自己的创造想法调整线条,定型,对比调整,图形内部要讲究调整比例的结构。在制作的过程中应该注意轮廓、拐点、斜线等等的会不会有发虚的现象,出现这种情况都会给人感觉不大好看,技术不过关的感觉,小编这里有一个小技巧:双层叠加,这种效果往往能够避免一些发虚的感觉。新手一般很容易犯的一个错误就是图标最后会变得模糊,如果发生这种情况,首先要检查是不是因为使用了矢量绘制,这是一个不良习惯,注意避免。

当前文章:扁平化网站设计图标欣赏
当前地址:https://www.cdcxhl.com/news/19901.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设