2014年前端界面规划流行了许多小元素,其间小图标一定是最受欢迎的元素之一。图标古来有之,但经过规划师的不断尽力和习惯年代需求,图标视觉现已发生了严重改动。
图标也可以理解为是网站中的一种指引,是每个新用户都会涉及到的元素,所以不管空心或实心,一个可以令人一望而知,而且回忆深入的图标才是用户真实喜爱的图标。
看看下边一些空心或实心的图标事例,看看你更倾慕于哪一款呢?
1.含糊布景上覆盖着由简略线条、字体和单一的色彩组成的空心图标,这会让整个界面看起来很高雅。不仅如此,这种简易的规划办法也让规划师轻松不少,在效果和操作上都令咱们很满足。
2.纯色的布景好像调配任何元素都能到达令人意想不到的效果,下面这个事例也不破例。正赤色与白色之间的经典配搭,加以心爱的造型,成果了一个幽默的实心图标规划。界面底部的实心按钮与鬼魂按钮也与图标区域前后照应
3.APP底部的图标跟着用户的恣意切换,在空心和实心之间自在改变。实心的图标相比较空心的而言,给人一种更杰出和显着的视觉效果,让用户更简略的抓到要点。而主内容左面的卡通小图画一起采用了空心的设置,尽显极简主义。
4.Line的界面好像代表了大多数APP的图标规划办法。头部和底部的图标选用两种色彩的实心规划,下拉菜单部分运用空心图标。这样的规划尽管比较大众化,但不可否认的是,这样的做法确实让整个界面看起来分外整齐。
5.鬼魂按钮尽管简练大方,可是过多的运用会另界面很单调无味,但假如运用悉数实心的图标规划又会觉得很突兀。下面这个事例就想出了一个好办法。已然空心实心都不适宜,那不如测验一下让两者结合在一起吧。
6.两种色差显着的色彩调配在一起会体现出一种自然而然的时尚感,黑色布景和亮黄色的图标元素便是很典型的比如。激烈的对比色会让空心图标看起来也像实心图标相同,具有杰出要点的效果。
7.Metro风格的界面规划也能运用在APP的图标模块中,事例中将各种第三方共享渠道的实心图标都用方块元素衔接在一起,让本来单调的图标瞬间活泼了起来,给用户一种面目一新的感觉。
8.传统的导航图标大多会会集在一个区域内,而SevenEleven的APP在此做了很大的打破,将4个部分别离散布在界面的上下左右,简略的界面忽然有了运动场的气氛,让APP充满了生命力。
9.气候类使用的看点中总会有气候图标的一席之地,正如这个事例中所体现的,这又是一个空心与实心相结合的图标规划。
10.这也是一个纯色块与实心图标调配的事例,这个APP的界面规划其实很一般,但正因为图标的规划让网站变得心爱起来。
图标在网页规划中算是一个小单元,但它的重要性咱们都众所周知。空心图标和实心图标在不同的环境中发挥着不同的效果,美化着网页中的小细节。
想持续了解更多的精彩及专业的信息资讯
请拿起你们的手机重视咱们吧!
过程:
重视咱们的微信号:phonebeauty123