佛山网站定制:趋势分解之使用汉堡包图标的新方法

2019.08.16 mf_web

103

汉堡菜单图标去年偷走了这个节目,并且成为任何现代网站和移动应用程序设计中不可或缺的元素,虽然它已经和我们一起使用,但它非常简单,实用,直观且令人难忘,就像任何“道路标志”一样。30年。

佛山网站定制由天才和令人惊叹的Norm Cox为第一个图形用户界面Xerox Star创建,它自然地模仿菜单列表的外观,非常适合小屏幕设备,非常适合视觉效果很重要且导航应该站在一边的网站。它被证明是一种非常有效和可行的解决方案,可以满足现代世界的要求。

与UI的任何细节一样,汉堡包图标本身可能受到每个项目的需求的影响,并且可能包括差异。例如,Dan Davies通过使用餐具构建图标来呈现新的解决方案,或者Timothy Deegan提供了一个美味的现实版本。

根据项目和主题,汉堡包图标可以采用不同的形式,以补充设计或成为自己的独特功能。

今天的系列包括汉堡包菜单图标的20种不同创意变化。

汉堡菜单图标

汉堡菜单图标

汉堡菜单图标

Dave Gamez的汉堡菜单图标是一种令人耳目一新的艺术品,可以立即散发出温暖的能量。卡通风格为交流增添了趣味性和积极情绪,使其适用于众多插图用户界面。

波形菜单图标

波形菜单图标

马特沃克的波浪菜单图标拥有海洋氛围,非常适合各种海事项目。蓝色作为核心颜色和轮廓样式与大量的白色空间将设计与其他设计分开。

Vanessa Grass的汉堡图标

汉堡图标

干净,充满活力和巧妙的实现使这个设计可以作为菜单图标或传统的汉堡包图标。在第一种情况下,界面获得了很好的艺术热情,然后在第二种情况下,它获得了一个反映意义和理想混合的合适细节。

Nick Meloy的汉堡按钮

汉堡包按钮

设计师提供10种有趣的汉堡包按钮,这些按钮都是用灵魂制作的。该系列包括各种类型的汉堡,其中一个包括奶酪,培根,火鸡等。如果您有一个专门用于三明治餐厅的网站或移动应用程序,那么它们肯定会派上用场。它们在视觉上很有趣,几乎可以在任何主题中找到一个位置。

瑞恩多根多夫汉堡炸薯条

瑞恩多根多夫汉堡炸薯条

该项目具有更真实的汉堡按钮矢量插图,其中关闭按钮实现为“X”形状的薯条,有或没有酱汁。与前面的例子非常相似,这是一个艺术和创造性的解决方案,可以为设计增添异国情调。

星球大战

星球大战

星球大战的官方网站包含一个有趣的汉堡包图标。每条线分为两部分,以获得光剑的矢量反射,这是特许经营的特征属性。该解决方案增强了整体感觉并增强了品牌。

汉堡菜单

汉堡菜单

Peeter Tvauri的汉堡菜单2是汉堡菜单图标的另一个精美插图版本。关键特征在于选择模仿三明治整体部分的颜色,例如切片面包和熟肉。

MOARRRR汉堡包!作者:Kylie Timpani

MOARRRR汉堡包!

该系列展示了不同的汉堡包变体,这些都是在线条风格的帮助下实现的。有双层汉堡包,汉堡包配奶酪和沙拉,100份汉堡包,汉堡配奶酪/沙拉,开面汉堡包等等。找到完美匹配的整洁,平面风格的界面,增加辛辣和“味道”。

汉堡菜单图标

汉堡菜单图标

艺术家展示了三个有趣的汉堡包版本:经典,芝士汉堡和热狗。每一种都基于单色或双色配色方案,使其适用于各种微小接口。这里的颜色为三明治创造了正确的感觉。

Ragnar Vorel的汉堡包

Ragnar Vorel的汉堡包

艺术家提供了一个小动画,其中只包含一个菜单图标和几个平滑过渡,伴随着转换为常规的“X”形关闭按钮。鼠标悬停和单击事件分配了特殊效果。

简约的汉堡包图标

简约的汉堡包图标

由Mahdi Al-Farra设计的Minimalistic汉堡图标(素描和AE文件)立即让您感受到汉堡包按钮。与上面的大多数示例不同,此示例演示了使用重量而不是颜色进行熟练操作。顶部和底部线条比中间部分更大胆,营造出正确的感觉。艺术家已完成任务。

菜单图标动画

菜单图标动画

菜单图标动画 - 安德鲁·科瓦尔达科夫的Ninja Burger脱离了基本的汉堡包按钮,提供了一种有趣且不受欢迎的解决方案,带有神秘而迷人的感觉。这里,每一行都是矢量化的忍者。

汉堡菜单

汉堡菜单

Peeter Tvauri的汉堡菜单是一款带有奶酪和沙拉的汉堡包的精美插图。它可以为任何无聊的用户界面添加热情,或为餐厅相关网站做出贡献。

什么是汉堡图标?

什么是HAMBURGER图标!?

这篇文章中你可以找到关于时尚菜单图标的有趣论点。它由图像标记,具有三个汉堡包按钮选项。第一个是顶级平面插图,第二个是彩色三线图标,第三个是第二个样本的单色版本,是设计师的热门选择。

Romain Passelande打开和关闭菜单

Romain Passelande打开和关闭菜单

gif显示了这个简约优雅图标的初始状态与其最终状态之间的微小平滑过渡。由于动画以底线开头,因此比其他动画短。

Liam Spradlin的汉堡菜单

Liam Spradlin的汉堡菜单

Liam Spradlin的汉堡菜单散发出复古气息,因为它看起来像一套学校的书籍标签。实现是大胆和粗糙的。这样的图标很容易引起人们的注意。但是,要找到合适的环境可能很困难。

汉堡图标与安德烈·德罗比科的单词“菜单”

汉堡图标与安德烈的单词“菜单”

到目前为止,我们已经分别考虑了图标,但它们完美地与文字协作,特别是当这个词是“菜单”时。虽然它看起来多余,但它们看起来都很精致和精致。在这种情况下使用的超薄型和1px宽线更像是拼图的各个部分。

由Armantas Zvirgzdas打开/关闭

由Armantas Zvirgzdas打开/关闭

该项目证明,当汉堡包图标被封闭在框架中时,它可以看起来更加生动,独特和引人注目。对于小型设备而言,这是一个很好的选择,其中方形区域更适合和舒适的触摸导航。

动画菜单图标 - Sebastiano Guerriero的流程

动画菜单图标 -  Sebastiano Guerriero的流程

设计师展示了一个简单,时尚的三线图标,经历了各种变形,转换为“关闭”或“箭头”按钮。动画包括几个可以为项目派上用场的解决方案。

结论

虽然看起来像汉堡包菜单图标那样微小的细节不需要经历变化,但是只要有一点点想象力它就可以变成一个杰出的特殊元素。特别是当设计师开始发挥其意义并尝试使用艺术方法使其更加非常规和引人注目时。

佛山网站定制

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP