103
汉堡菜单图标去年偷走了这个节目,并且成为任何现代网站和移动应用程序设计中不可或缺的元素,虽然它已经和我们一起使用,但它非常简单,实用,直观且令人难忘,就像任何“道路标志”一样。30年。
佛山网站定制由天才和令人惊叹的Norm Cox为第一个图形用户界面Xerox Star创建,它自然地模仿菜单列表的外观,非常适合小屏幕设备,非常适合视觉效果很重要且导航应该站在一边的网站。它被证明是一种非常有效和可行的解决方案,可以满足现代世界的要求。
与UI的任何细节一样,汉堡包图标本身可能受到每个项目的需求的影响,并且可能包括差异。例如,Dan Davies通过使用餐具构建图标来呈现新的解决方案,或者Timothy Deegan提供了一个美味的现实版本。
根据项目和主题,汉堡包图标可以采用不同的形式,以补充设计或成为自己的独特功能。
今天的系列包括汉堡包菜单图标的20种不同创意变化。
Dave Gamez的汉堡菜单图标是一种令人耳目一新的艺术品,可以立即散发出温暖的能量。卡通风格为交流增添了趣味性和积极情绪,使其适用于众多插图用户界面。
马特沃克的波浪菜单图标拥有海洋氛围,非常适合各种海事项目。蓝色作为核心颜色和轮廓样式与大量的白色空间将设计与其他设计分开。
干净,充满活力和巧妙的实现使这个设计可以作为菜单图标或传统的汉堡包图标。在第一种情况下,界面获得了很好的艺术热情,然后在第二种情况下,它获得了一个反映意义和理想混合的合适细节。
设计师提供10种有趣的汉堡包按钮,这些按钮都是用灵魂制作的。该系列包括各种类型的汉堡,其中一个包括奶酪,培根,火鸡等。如果您有一个专门用于三明治餐厅的网站或移动应用程序,那么它们肯定会派上用场。它们在视觉上很有趣,几乎可以在任何主题中找到一个位置。
该项目具有更真实的汉堡按钮矢量插图,其中关闭按钮实现为“X”形状的薯条,有或没有酱汁。与前面的例子非常相似,这是一个艺术和创造性的解决方案,可以为设计增添异国情调。
星球大战的官方网站包含一个有趣的汉堡包图标。每条线分为两部分,以获得光剑的矢量反射,这是特许经营的特征属性。该解决方案增强了整体感觉并增强了品牌。
Peeter Tvauri的汉堡菜单2是汉堡菜单图标的另一个精美插图版本。关键特征在于选择模仿三明治整体部分的颜色,例如切片面包和熟肉。
该系列展示了不同的汉堡包变体,这些都是在线条风格的帮助下实现的。有双层汉堡包,汉堡包配奶酪和沙拉,100份汉堡包,汉堡配奶酪/沙拉,开面汉堡包等等。找到完美匹配的整洁,平面风格的界面,增加辛辣和“味道”。
艺术家展示了三个有趣的汉堡包版本:经典,芝士汉堡和热狗。每一种都基于单色或双色配色方案,使其适用于各种微小接口。这里的颜色为三明治创造了正确的感觉。
艺术家提供了一个小动画,其中只包含一个菜单图标和几个平滑过渡,伴随着转换为常规的“X”形关闭按钮。鼠标悬停和单击事件分配了特殊效果。
由Mahdi Al-Farra设计的Minimalistic汉堡图标(素描和AE文件)立即让您感受到汉堡包按钮。与上面的大多数示例不同,此示例演示了使用重量而不是颜色进行熟练操作。顶部和底部线条比中间部分更大胆,营造出正确的感觉。艺术家已完成任务。
菜单图标动画 - 安德鲁·科瓦尔达科夫的Ninja Burger脱离了基本的汉堡包按钮,提供了一种有趣且不受欢迎的解决方案,带有神秘而迷人的感觉。这里,每一行都是矢量化的忍者。
Peeter Tvauri的汉堡菜单是一款带有奶酪和沙拉的汉堡包的精美插图。它可以为任何无聊的用户界面添加热情,或为餐厅相关网站做出贡献。
这篇文章中你可以找到关于时尚菜单图标的有趣论点。它由图像标记,具有三个汉堡包按钮选项。第一个是顶级平面插图,第二个是彩色三线图标,第三个是第二个样本的单色版本,是设计师的热门选择。
gif显示了这个简约优雅图标的初始状态与其最终状态之间的微小平滑过渡。由于动画以底线开头,因此比其他动画短。
Liam Spradlin的汉堡菜单散发出复古气息,因为它看起来像一套学校的书籍标签。实现是大胆和粗糙的。这样的图标很容易引起人们的注意。但是,要找到合适的环境可能很困难。
到目前为止,我们已经分别考虑了图标,但它们完美地与文字协作,特别是当这个词是“菜单”时。虽然它看起来多余,但它们看起来都很精致和精致。在这种情况下使用的超薄型和1px宽线更像是拼图的各个部分。
该项目证明,当汉堡包图标被封闭在框架中时,它可以看起来更加生动,独特和引人注目。对于小型设备而言,这是一个很好的选择,其中方形区域更适合和舒适的触摸导航。
设计师展示了一个简单,时尚的三线图标,经历了各种变形,转换为“关闭”或“箭头”按钮。动画包括几个可以为项目派上用场的解决方案。
虽然看起来像汉堡包菜单图标那样微小的细节不需要经历变化,但是只要有一点点想象力它就可以变成一个杰出的特殊元素。特别是当设计师开始发挥其意义并尝试使用艺术方法使其更加非常规和引人注目时。
佛山网站定制
热门分享
最新文章
2019.10.21
佛山企业网站制作:每种字体的风格及最佳使用方法研究
2019.10.12
佛山公司网站建设:一个完美的着陆页的关键特性
2019.10.12
佛山网站开发:如何处理业务方面的设计
2019.09.07
佛山建站:指定文档基本URL与HTML <基础>元素
2019.09.07
佛山网站开发公司:开始使用Gulp.js
2019.09.06
佛山公司网站建设:用EasyDropDown.js 创建<选择>下拉框
2019.09.02
佛山网站策划公司:你应该知道5最新的Web开发工具
2019.08.23
佛山高端网站建设:转化率优化设计的一面
2019.08.16
佛山企业网站建设:十大错误,使您的网站看起来不专业
2019.08.16
佛山高端建站:5个Web上最常见的交互设计错误
随机推荐
2019.08.13
佛山高端建站:如何提高网站性能可以帮助拯救地球
2019.08.14
佛山网站定制:如何创建一个促进销售的弹出优惠券
2019.08.16
佛山企业网站建设:十大错误,使您的网站看起来不专业
2019.08.15
佛山网站制作:如何创建自己的字体
2019.09.02
佛山网站策划公司:你应该知道5最新的Web开发工具
2019.08.13
佛山网页设计:HTML5输入类型——它们现在在哪里?
2019.08.14
佛山网站开发:13个哑巴A / B测试浪费时间的错误
2019.08.23
佛山高端网站建设:转化率优化设计的一面
2019.08.15
佛山高端建站:为您的网站带来更多Google流量的5个提示
2019.08.15
佛山网站优化:主页SEO指南之11种优化您的主页的真正方法