优设专访!给任天堂做设计的大神是如何做排版设计的?

Date 2026-05-11 10:42:33

优设专访!给任天堂做设计的大神是如何做排版设计的?

Nguyen Le(个人主页:dribbble.com/newincreative) 是 Dribbble 排版设计专家,他的网页作品简洁国际风格,有12年的设计经验,擅长极简主义网页设计风格,他的设计订阅电子邮件每周发布,为世界各地的设计师带来新鲜的知识干货,不仅高产,而且愿意分享心,今天独家为您带来 Nguyen 设计访谈包含了他的排版设计经验,这是他付费课程中的超级干货。

个人主页 - http://www.verse-co.com/

Dribbble 主页 - https://dribbble.com/newincreative

优设专访!给任天堂做设计的大神是如何做排版设计的?

△ Nguyen Le Dribble主页

优设:

你能把自己介绍给优秀的粉丝吗?你的设计成长过程是什么,是什么让你从品牌设计师变成了自由设计师?

Nguyen Le:

我从事设计已经12年了。我的职业生涯始于大学。起初,我也是一名初级设计师和程序员。在那段时间里,我成长得很快。我也看到了设计的发展,意识到了设计变化的速度。

优设专访!给任天堂做设计的大神是如何做排版设计的?

△ Nguyen Le 作品

为了给自己创造更好的成长空间,在过去的八年里,我在不同的设计工作室工作,我很幸运地成为了任天堂、日产、阿迪达斯和塔吉特百货公司(美国零售巨头)的创意总监、澳大利亚国家银行和其他公司提供设计服务。在此期间,我与一个非常优秀的团队合作,学到了很多好东西。但我开始每天都很忙。会议的时间比设计的时间要长。我感觉不到自己的成长,设计的激情也被扼杀了,所以我决定做出改变!

优设专访!给任天堂做设计的大神是如何做排版设计的?

△ Nguyen Le 作品

成为自由设计师后,原计划从墨尔本搬到纽约,但我在墨尔本收到了很多工作。最后,我决定留在墨尔本。在过去的四年里,我学习了日常设计,在业余时间旅行。自由设计师的职业给了我更多的选择,我可以选择更有趣和具有挑战性的项目。

优设:

如何与客户有效沟通?

Nguyen Le:

我有两种客户,一种是我们经常面对的甲方,另一种是我的课程学生。

对于甲方来说,在早期阶段,我会选择获得尽可能多的有效信息。与客户建立信任和合作关系非常重要。我们通常通过电子邮件Skype 和 Slack 实时沟通,设定日期,尽可能提前交付,例如,你说在周四交付草图,试着在周三或更早完成。这是一开始建立良好关系的秘密。当你写电子邮件时,你可以设置一个时间表,清楚地告诉客户你下一步要做什么。

优设专访!给任天堂做设计的大神是如何做排版设计的?

对于我的学生来说,我有一封自动回复的电子邮件。当学生打开七天的免费学习电子邮件时,他们每天发送课程电子邮件,并跟踪他们需要帮助的地方,以确保他们在课程中获得更多的价值。我们还有另一个 Slack 在社区里,学生可以问我问题,分享想法和链接,我们一起学习。简而言之,原则是尽力帮助他们。

优设:

您能为我们详细拆解您的一个设计案例吗?

Nguyen Le:

让我们看看我的 Bakers Guild 项目。

1. 信息层次结构

优设专访!给任天堂做设计的大神是如何做排版设计的?

△ Bakers Guild 项目

在设计布局时,首先要考虑的是层次结构。使用您的产品 / 网站 / 应用程序用户首先会注意什么?第二点和第三点是什么?信息层次结构可以让用户体验更好,也可以让我们轻松设计图片平衡和细节纹理。在 Bakers Guild 在这个页面中,首先要注意的应该是左半部分的文案(Our passion..)和图片材料。然后关注我们的右半部分。通过对界面元素的大小和厚度的比较,我们可以了解用户的视觉流。

2. 行高和栅格

优设专访!给任天堂做设计的大神是如何做排版设计的?

下一步要考虑的是行高。根据经验,理想的标高是字体高度的1.2到1.4倍。我在文本中使用的文本大小是16px,行高是24px。网格的使用可以在图片中创造一种秩序感和统一感。

3. 字间距

优设专访!给任天堂做设计的大神是如何做排版设计的?

左边的字间距明显大于右边,看起来更和谐。

4. 首字下沉

优设专访!给任天堂做设计的大神是如何做排版设计的?

下面可以看到操作中的首字下沉。它是大M。它是一种装饰元素,可以吸引用户进入文本,使排版有趣。

5. 字距

优设专访!给任天堂做设计的大神是如何做排版设计的?

字距调整是两个特定字符之间的空间,与字间距不同,后者主要是全文字间距大小。 特别是当你的文字很大的时候,字符之间的间距变得更加明显。 我们可以手动调整字距,特别是在 logo 在大文本中,这一点非常重要。

6. 连字

优设专访!给任天堂做设计的大神是如何做排版设计的?

连字是指两个特定字符(如)「ff」和「fl」)连接并有自己的字符,这样做的目的会使整体更加美观。

7. 字形和替代字母

字体和替代字母是字体中存在的特殊字符。有些字体有替代字符,例如,可以使用不同的字符「A」或者特定字母,而不是标准字母。它们非常适合您在设计中尝试获得有趣的视觉变化。这些替代字母主要用于标题。

8. 正确的字符

优设专访!给任天堂做设计的大神是如何做排版设计的?

正确的字符是针对特定的字符,如破折号、连字符、引号、虚号等。注意这些小元素意味着我们从印刷的角度创建的所有内容都需要考虑。

优设:

我们知道你已经写了很长时间的每周电子邮件了。你如何保持动力,有效地分享有效的经验?

Nguyen Le:

责任和习惯是我坚持的动力,也是我从其他设计师那里得到的一些有效反馈。他们让我保持热情,继续写作和分享我的日常收入。我的每周电子邮件有助于建立我的设计影响力,我可以通过分享帮助他人。

优设:

我们可以看到你的排版设计更简单的风格。你如何说服更喜欢复杂的甲方?

Nguyen Le:

从事设计工作这么久,可以说已经能够了 hold 住各种「风格」。我现在经常看到的页面是我正在处理的案例的最佳视觉解决方案。所以这一切都应该归因于项目的目标,这就是特定视觉效果的原因。先解决问题,然后担心「风格」。因为你看到的是我的解决方案,我用它来吸引客户。你不应该为了极简主义而使用极简主义排版,只是简单地追求美,因为这样的排版可以解决问题,而这张照片恰好是「极简风格」所以来找我的客户需要知道他们想要什么。

优设专访!给任天堂做设计的大神是如何做排版设计的?

△ Type layout

至于如何处理喜欢复杂的客户,我认为这取决于教育和理解客户的价值。如果你能向客户展示他们的客户更喜欢设计A,而不是复杂的设计B,你可以向他们解释空白的价值,这不仅可以改善他们的业务结果,而且可以达到他们想要的效果,如转化率、更多的客户等。如果你把这些和你的设计决定放在一起,客户就会更容易理解。简而言之,你必须让用户理解我们的工作价值。

优设:

你典型的一天是什么?

Nguyen Le:

优设专访!给任天堂做设计的大神是如何做排版设计的?

早上8:00到10:30,我会和我的孩子们相处(一个六个月,一个两岁半),然后开始工作。设计、写作、发送电子邮件、思考和阅读。直到下午5:30,剩下的就是家庭时间。遛狗、吃饭和娱乐将在晚上阅读1小时。当然,我们应该在睡觉前哄宝宝睡觉: )

优设:

你能和我们分享你如何有效地提高你的设计能力吗?有什么好书或效率工具值得推荐吗?

Nguyen Le:

伊拉·格拉斯说:作为一名初学者,没有人告诉过你这些。我希望有人能告诉我。我们这些从事创意工作的人之所以这样做,是因为他们有品味,但这里有一个障碍,不是每个人都能克服它。当你开始工作时,你知道你有潜力,你想做的事情会有潜力,但你就是做不到。很多人对自己感到失望并退出是正常的。在这个时候,请记住,你必须坚持下去,每周写一些小故事,每周都有一些小成就。只有做好这些工作,你才能得到质的改变,跨越这个障碍,你的工作才能像你预期的那样好。这需要时间。这很正常。你必须尽力!

是的,秘诀是持续工作。多看优秀的作品,尝试自己创作和改进,让它成为你自己的知识,弥补差距。 至于书籍, 我在这里做了一个清单:

字体与排版:从技术到艺术(The Elements of Typographic Style)by Robert Bringhurst平面设计中的网格设计(Grid Systems in Graphic Design)by JosefMüller-Brockmann《设计新闻》(Designing News)by Francesco Franchi《排版新视觉》(New Perspectives in Typography)by Scott Willams

优设:

你的工作台是什么样的?

Nguyen Le:

优设专访!给任天堂做设计的大神是如何做排版设计的?

△ Nguyen Le 的工作台

哈哈,我的家人比任何项目都给我带来了更多的快乐。此外,我非常重视我的书,或者更确切地说,这些书给了我知识。我每年至少读12本书。我喜欢设计,设计让我非常高兴,因为我可以非常专注和创造。 这对我来说是一件非常幸运的事情——边做边玩。

感谢设计师 Nguyen Le 这次精彩的分享给优化朋友带来,让我们看到了一部作品背后最真实的一面。喜欢的朋友可以访问 Nguyen Le 主页哦。

个人主页 – http://www.verse-co.com/Dribbble 主页 – https://dribbble.com/newincreative

「设计师采访,了解牛是如何进行设计的」

“设计直播!受欢迎的微博插画家Gal Shir带你去了解这些作品的诞生过程和设计直播!顶级品牌设计团队 Ramotion 这些秘密藏在作品背后…”“设计直播专题!Dribbble 爆炸性的渐变网页设计是如何诞生的?