令平板式设计火辣的5个小贴士

发表于

扁平式设计可能是今年网络以及用户界面设计中最重要的趋势了。而微软的Windows8的大胆飞跃以及Google的设计趋势则是此次潮流的引导者,甚至令网页设计风格进化到极简主义。


不像前几年3D的逼真效果(比如skeuomorphic的仿古主义),扁平式设计更倾向于简单的二维外观,去除了阴影,渐变以及纹理。这对平面设计是一个全新的挑战,因为功能接口需要清晰的展示给用户,同时保持一个纯粹的,本质上简约的外观。


下面让我们一起看看那些元素定义扁平化设计的。

Web 2.0之后的生活


我们正在远离Web 2.0的感性,这意味着平滑按钮,光泽表面,华而不实的梯度以及不必要的纹理的设计元素正变得过时。如今Web 2.0的图形设计以“触碰感”为中心,令可视化界面更加牢固,真实。水滴的真实效果,塑料表面的光泽以及玻璃镜面的反射都变得欢迎,因为这些都向我们提醒着现实世界中物质的审美特征。一切都变得更加有视觉互动效果。


另外一方面,正如其名,“扁平式设计“令一切元素都”扁平化“,而不是斜面,凸起,点击,或者其他拟真元素。每一个元素 - 从盒子到图像框,从按钮到导航工具 -一切都被剪切的清清楚楚,从而利用简单的用户界面元素来强调其可用性。而设计师也乐于保持简单的形状,并维持其相互关系的独立。尽管扁平式并未被冠名为“web 3.0”,不过越来越多的网站都遵循了这一趋势。


Float Design>>

排版是关键


排版是扁平化设计的基本要素。文字用来传达信息,提供导航工具,并指导用户在您的网站上操作。强大的文本甚至可以完全取代图像,其轻巧设计仅用几个词就可能保持一个清晰的流程和感觉。在许多网站,优雅的排版就是设计的核心。当然,由于扁平化设计的主题特征就是简单与简约,故排版一定会与之共鸣。此外,导航项目和关键头条都多采用大写文字。

Coderwall>>


颜色的运用


扁平式设计的颜色倾向于丰富多彩。设计师的调色板从一两种暗色调扩大到多种颜色,其组合也往往是大胆和鲜明的。许多传统的颜色匹配规则开始被打破,设计师的调色更有彩虹效果:鲜艳的颜色与明亮或深色的背景相互辉映,清晰可读的设计元素创造出极强的对比度并吸引用户。


Minimal Monkey>>


大元素,大空间


正如扁平化设计所采取的极简设计策略,网站采用大元素以及大空间,避免杂乱无章,庸庸禄禄。这种策略强调可用性,保证视野的连贯性以及清晰的流程而不扰乱用户的注意力。在扁平化设计,装饰元素被视为不必要的捣乱者。而任何没有功能的部分都被认为是分心之物,难逃删除厄运。简而言之:“少即是多”。


Beard Design>>

平面图标和插图


图标和插图具有二维的直观外表。图标保持了简单,扁平的外观,同时其简单操作以及清晰目的令每个人都能轻易理解。即使去除了细节,阴影和纹理,图标保持着其直观的风格以及形式。鉴于颜色的充实以及直观特色,任何图标的含义都可被迅速感知。插图本身就是极简主义,即使缺乏光线和3D效果,在早期的网络时代就十分流行。



回复所在城市的大写首字母即可查看对应城市的展讯(例:广州回复GZ即可查看)。

目前开通的城市有:广州 上海 北京 成都 深圳


相关阅读(回复数字即可查看对应资讯):

13.《先行动,再研究》

14.《导航设计中的信息结构》

15.《展望2025:决定未来经济的12大颠覆技术》

16.《揭秘:情设营销之提高转换率》

17.《Flash真的适合做网站应用吗?》

18.《首页设计的可用性和PET》



喜欢本文请点击右上角将文章分享到朋友圈或者发送给朋友

未关注用户点右上角查看官方账号,点击关注!


关于我们:

IxDC(微信号:ixdcorg):致力于引领中国交互设计行业行业发展,每天发布设计类资讯,让你快乐收获新资讯。


IXDC,引领设计变革

官方微信

官方微博