超实用!如何设计出层次分明精致易读的菜单优设网

纽约市的ElevenMadisonPark是一家世界级的餐厅,是公认的五强之一,事实上,你在这里吃一餐饭最起码也要花费好几百刀,而且是在不喝酒的前提下。

当然,省钱和点菜的事情可以再议,当你进入这家餐厅之后,会看到这样的菜单:

ElevenMadisonParkbyJulietteCezzar(viaArtoftheMenu)

这套菜单的设计师是JulietteCezzar,整体有序而整齐,最核心最重要的信息清晰地展现在客人面前,没有一点冗余的信息:每道菜的主要成分,用4x4的栅格精确划分开来,用留白来凸显重要的内容。

不幸的是,用留白来衬托重要信息的手法对于绝大多数的菜单设计并不适用。ElevenMadisonPark的菜单设计有其独特的设计背景和需求。这样的餐厅名声在外,去那里的用户要么是钱包余额富裕,要么是信仰充值完备,不用看菜做的怎么样,由着性子点就好了。

相比之下,绝大多数的菜单就没法这么任性地设计了。通常情况下,饭店会需要包含详细的分类,仔细的描述和明确的价格。下面是经典的菜单设计:

CrespellabyTagCollective(viaArtoftheMenu)

TagCollective的这个设计稳重有余,创意不多。设计师力图借助明确而清晰的品牌分类来营造品牌氛围,信息的整合做的不错,但是相应的,信息的层次感太弱了。这样设计的结果就是,乍一看内容丰富势不可挡,但是没有呼吸感,没法立刻获取到关键信息。

如果要让特定的信息和内容在整个视觉设计中层级更高,更加引人注意,有几个简单直接的原则:设计得更大,放置于靠右靠上的位置,使用彩色而非灰色,字体使用粗体而非细字体,等等。

1、间距2、对齐3、边框4、字体5、颜色

上面给出的两个例子在间距设计上都“很有特色”,前者太多,后者太少。下方展示的案例则更好地把握了间距设计的平衡,让重要内容周围有留白,充满呼吸感从而突出其重要性。

Russ&DaughtersbyKelliAnderson

对齐其实是最简单的原则:对齐的文字段落通常可以视之为一组。相互关联的内容靠近,对齐,不仅可以在信息层级上一致,而且会更有气势。在总体对齐的情况下,如果有轻微的偏移,通常问题不大。而下方的第二个案例中,Ellie的表格设计中,合理的运用偏移的效果,赋予菜单更多个性。

VarvarybyShierlyDC(viaBehance)

Ellie’sTablebyBrianRau(viadribbble)

当菜当中内容开始变的拥挤的时候,有个百试百灵的方法:用线或者边框将不同层级的内容区分开来。这不仅仅便于区分不同的内容,而且边框会引来额外的注意力,从产生信息层级的区分。

Dishoomby&SmithDesign(viaArtoftheMenu)

CellarMakerbyGamut

字体设计其实是一个蛮庞大的门类的,往细了讲,牵涉到的因素也非常多:字形、大小、字重、倾斜,等等等等。但是在这里,简单说来,更大的尺寸和更粗的字体会明显提升文字内容的信息层级。考虑到许多字体在设计之初就带有明显的风格特征,如何再根据需求因地制宜地进行调整,可以达成不错的设计效果。通常,我们称之为“质感”。

BaconbySanctuaryPrintShop(Designspiration)

RifflebyHovercraftStudio

Malo’CocktailCafèbyGiuseppeFierro(viaBehance)

NapizzabyMiller

色彩是设计中永远绕不过去的话题。近似的色彩能让整体看起来更一致,而经典的黑白做衬托,能让其中的彩色部分脱颖而出。

将不同类型的不同信息用不同的色彩来呈现,能起到不错的区分作用。在表格中,用不同背景色来区分也能达到类似的效果。永远不要忽视好配色的作用。

THE END
1.菜单设计在线菜单制作菜单图片模板在线设计平台Canva可画提供了海量的菜单设计模板,覆盖绝大多数菜单设计场景,只需选择喜欢的模板进行制作,即可轻松在线设计出精美的菜单。https://www.canva.cn/create/create-menu/
2.c语言怎么设计菜单c语言怎么设计菜单 在C语言中设计菜单,通常我们会使用switchcase语句来实现,下面是一个简单的步骤: (图片来源网络,侵删) 1、我们需要创建一个函数来显示菜单选项,这个函数可以包含一些打印语句,用于向用户展示可用的选项。 2、我们需要从用户那里获取输入,这可以通过scanf函数实现。https://www.kdun.com/ask/398298.html
3.Vue里,多级菜单要如何设计才显得专业?今天我也不想和大家聊过多的技术细节,就聊聊这个路由是如何设计的,一旦大家明白了路由是如何设计的,剩下的问题都是细枝末节的问题了。 老生常谈了! 虽然我们是 Java 猿,但是写起来前端代码也不含糊!今天我想来和大家聊聊这个前端的动态菜单,要如何设计才显得专业!还是以我们的 TienChin 项目为例,大家一起来看看https://www.51cto.com/article/712597.html
4.APP中的折叠菜单应该如何设计?先看这份设计解析侧边导航:和移动端类似,桌面端最常用的方法是把折叠菜单放到页面左侧,作为网页的侧边导航使用。 过滤器:根据桌面端的页面布局结构,折叠菜单可以放在页面左侧或右侧,实现精确查找、内容过滤等功能。 最后 以上就是折叠菜单的设计解析及设计应用,希望通过这些知识能帮你进一步了解折叠菜单的用法。https://www.niaogebiji.com/article-133058-1.html
5.微信公众号怎么设计头像是公众号的“脸面”,应选择清晰度高、辨识度强的图片,最好与品牌或内容主题相关。封面图则是公众号文章的重要展示窗口,其设计应简洁明了,突出文章主题,同时与公众号整体风格保持一致。 **三、菜单栏设计** 菜单栏是用户与公众号互动的重要入口。设计时,应确保菜单名称简洁易懂,功能明确,方便用户快速找到所需https://g.pconline.com.cn/x/177/17734697.html
6.这个产品经理教你如何做一款直逼Moto360的智能手表菜单 导航方案定下来了,那么菜单要怎么搞? 我们想在小屏中减少用户的误操作。我们决定把优先级最高的功能所占区域缩小,最后我们决定在屏幕上显示四个功能的按钮。关于菜单设计的建议有: 菜单选项 首先,它给用户看到的第一个功能一定是最实用的,并且不会干扰到通知。在视觉设计图中你可以看到我们是如何做的。 https://www.huxiu.com/article/122255/1.html
7.如何设计精美绝伦的婚宴菜单接亲网一般要怎么样设计婚宴的菜谱呢?一起来随小编了解一下吧! 一、如何设计精美绝伦的婚宴菜单 1、婚宴菜单因人而配 上等婚宴的标准便是根据宾客喜好而特别定制菜品,作为普通百姓婚礼,不可能做到如此精细地步,但也要尽量根据宾客的口味、风俗、习惯等配置菜品,例如,在主桌中就坐宾客大多为老人,需要避免高糖(糖尿病)、https://www.jieqinwang.com/baike/90894
8.3DMax空格键锁定物体弹出菜单怎么取消这个菜单?他们的方法都不能解决,我已解决,热键编辑器---(动作)搜索《选择锁定切换》---指定空格为指定热键https://www.3d66.com/answers/question_622362.html
9.菜单设计制作菜单设计模板菜单设计图片免费下载凡科快图,为您提供海量菜单设计模板、菜单设计图片,各类菜单设计素材免费下载,在线实现无障碍菜单设计制作,3秒快速生成精美可商用图片。https://kt.fkw.com/caidansj.html
10.怎么做菜单ppt?怎么做菜单ppt详细步骤?怎么做菜单ppt详细步骤? 本文介绍了制作漂亮实用的菜单PPT的方法,包括确定主题、设计布局、添加图片、选择字体和颜色、添加动画效果等。 作为一名PPT制作者,我们经常需要制作各种类型的幻灯片,而其中一个常见的类型就是菜单PPT。在本文中,我将详细介绍如何制作一个漂亮、实用的菜单PPT。http://www.pptjia.com/Powerpoint/sheji/140973.html
11.40个最新创意下拉菜单设计实例和技巧,激发你的设计灵感下拉菜单是UI设计中最常用的设计元素之一,因其能有效节省界面空间、操作简单、体验极佳等优点,被广泛应用于网页或App界面导航、搜索、选择模块的设计中。本文,整理了40个最新创意下拉菜单设计实例及技巧,供设计师欣赏、学习、参考。 30个最新优质下拉菜单设计实例,轻松给您带来设计灵感1. http://www.bjhwtx.com/h-nd-151074.html
12.菜单设计教案餐厅菜单设计工作流程菜单作为展示餐厅菜品,突出餐厅特色的重要物品。也是餐厅服务信息的主要载体,要让菜单能良好的将所需信息明确的、有引导性的展示给顾客,就需要我们用心去设计出一款富有特色的、能让顾客满意的、同时也能良好控制餐厅菜品成本结构的菜单。菜单的设计需注意餐厅顾客群定位、顾客消费趋势、厨房厨师拿.https://www.unjs.com/h/b/809485.html
13.甜啦啦:以标杆管理,走向万店品牌小马宋X甜啦啦案例复盘3、菜单设计 - 123步走,客单价到手 在菜单的设计中,由于消费者点完单需要决定糖度和冰度,再加上小料策略。于是我们把菜单进行了重新设计,按照3步点单,第一步点茶,第二步加小料,第三步定做法(冰度、糖度),引导消费者决策。 旧菜单 vs 新菜单 https://www.foodtalks.cn/news/35000
14.菜单设计人人都是产品经理在上一篇文章里《Axure教程:抽屉风格的菜单实现》,我介绍了抽屉风格的菜单,并让大家试下实现鼠标移入时切换抽屉风格菜单,这里也将实现方法介绍给大家。其实现方法与 MoveOn 2年Axure教程初级 产品设计 如何正确设计下拉菜单? 表单中使用的下拉菜单有优点,但同样的它也有一些缺点和关注点,那我们要怎样才能正确设https://www.woshipm.com/tag/%E8%8F%9C%E5%8D%95%E8%AE%BE%E8%AE%A1