Date 2026-04-20 14:35:13

@N可可洛N、@爆炒地瓜:Gil Huybrecht 他是极简主义风格的实践者,他的登陆页面排版设计在 Dribbble 人气很高,他是怎样做到的?「断舍离」是的,让我们听听他讲解图文排版的经验!
Dribbble:https://dribbble.com/gilhuybrecht

△ Gil Huybrecht Dribbble
优设:
是什么让你选择进入设计行业?你能告诉我你的成长经历吗?
Gil Huybrecht:
首先,非常感谢有机会和中国朋友谈谈我的设计想法。

△ Transition Test
事实上,我的设计是一个偶然的事件。当我15岁上高中的时候,我不知道将来要做什么。我的一个好朋友说他想学习一门平面媒体技术或其他课程。我也陷入了选择摄影或平面设计课程的两难境地。最后,我的朋友说服我和他一起在同一个班学习平面媒体技术。
两年前,我们主要学习印刷技术,但我们也学习插图和排版。在过去的两年里,我们需要选择是继续深入研究印刷还是数字媒体。我选择了后者,因为我想学习 Ps。
有趣的是,我的朋友在学习的第一年就放弃了。如果不是他,也许我今天不会这样做。

△ Product Hero
经过两年的 Ps、html/css 对于其他课程的基础学习,我们需要完成我们自己的项目需求。平面设计和网站是我们的设计任务。这是我第一次做设计项目。我爱上了这种感觉。

△ 365psd
高中毕业后,我继续上大学完成设计知识的学习。因为我不确定我想做什么,所以我选择了一个我什么都学的专业。缺点是我真的没有学到新的东西。好的一面是我有很多空闲时间学习设计。我大学班的一个同学特别擅长网页设计。我说的是拟物化时代。我特别痴迷于他干净的皮革纹理和细节。从那天起,我将在365psd网站(您可以从本网站下载源文件)下载psd,这促使我进入网页设计。

△ Dribbble Activity Wood
早期主要是拟物化设计,我也在 Dribbble 我的作品被上传到中间,如果你一直向下拉,你会在这个时候找到它。这就是我的开始。

△ Article Interaction
当我上大学的时候,我开始了自由职业,在那段时间里,我学到了所有关于视觉设计的知识。大约八个月后,我 UX设计非常感兴趣。之后,我开始有计划地接受订单。现在我还在学习写作知识。
我每天都在学习,我认为这是最重要的部分,永远不要停止学习。
优设:
你最满意的设计案例是什么?能给我们讲解一下它的设计思路吗?
Gil Huybrecht:
Zet 我非常喜欢这个项目。

△ Zet Pageload
我的同事为这个项目制定了战略,客户是比利时的家具制造商,主要关注椅子和桌子。 唯一一个在比利时设计和制造家具的品牌是为商家服务的,所以整个页面看起来非常 B2B。经过市场调查和定位研究,我们得出结论,该品牌应该更加关注终端消费者。
我们重新定位了这个品牌和消费市场,我们把它变成了一个生活氛围浓厚的品牌。我在这个项目中是一个艺术指导,我选择使用产品图片作为主页的背景。

△ Zet Homepage Motion
在网上浏览后,我们发现了一些东西,可以与客户的产品一拍即合。在灵感和创造力的帮助下,我们为客户拍照。

△ Zet Homepage
在颜色方面,我总是希望呈现一个良好的视觉水平。我主要使用两种颜色,如黑色和灰色。最重要的是,我会用一种鲜艳的颜色来调动整个画面。在这个项目中,我使用浅黄色/橙色,这也是椅子和其他原材料之间的互动。
因为这个网站使用极简主义风格,我希望它能有一些令人愉快的细节,这是那些应该被记住的东西,所以我需要注意的部分添加圆元素来强调和装饰。
优设:
你能分享你的排版经验吗?可以看出,视觉水平在你的设计中非常重要,你是如何应用于设计案例的?
Gil Huybrecht:
在 ZET 在项目中,我使用视觉层次结构来建立整个页面。

△ Zet
人们不喜欢阅读很多内容,我们只喜欢寻找有价值的内容。页面被分成几个清晰的部分,每个部分都有自己的主题,它们可以帮助我们快速定位我们想要的内容。

△ Zet chair
在 ZET 在这种情况下,用户最重要的是找到椅子/产品。因此,我们的主要建议将转移到椅子/产品部分。
优设:
当你开始设计时,你会从框架开始。你认为框架设计的作用是什么?
Gil Huybrecht:
如果可能的话,我会先和客户开个会,如果是国际客户,主要用问卷。目的是更好地了解业务:为什么他们想要一个新的网站,主要的销售渠道,网站的目标是什么(主要目标和次要目标是什么)。

△ Article Slider
当我掌握了这些信息后,我开始制作网站地图。在这一步中,考虑处理案例的设计需求是很重要的。一些公司确实需要他们的网站为公司服务。在这种情况下,这些网站对转换和优化有很多要求。页面转换漏斗路径种类繁多,必须每隔几个月进行测试和更改一次。对于这些网站地图,最重要的是考虑 SEO。对于其他不依赖网站销售高端产品的公司,我将尝试提供更多的在线体验,并添加视频、音频、互动等令人愉快的元素。这样,用户就可以获得品牌的在线体验,并希望购买品牌呈现的东西,SEO 并非最重要的。

△ Nav Interaction Idea
在设置页面结构时,最重要的是考虑用户如何访问网站、访问哪个页面以及如何让用户转换页面。我将用简单的块和单词制作最基本的线框,并在完成后与客户讨论。我也认为在一个网站上没有死胡同是非常重要的。因此,在制作线框时,您正在考虑如何让用户点击页面末尾的相关内容。这就是我对线框的看法。
优设:
你如何平衡页面中的空白?
Gil Huybrecht:
我认为空白和平衡是非常重要的。当你以正确的形式使用它时,网站可以更好地工作。事实上,不仅网站,任何设计都有商业目标或其他目的。通过使用空白和平衡,您可以使信息更加突出。当一个对象或一组对象被空格包围时,我们会更加关注对象或这组对象。
这样,通过更清晰、更少干扰的呈现效果,你可以更快或更好地实现你的商业目标或其他目标。
优设:
您非常喜欢极简设计,您是如何处理喜欢指导江山的甲方的?
Gil Huybrecht:
我试着说服他们使用空白,原因如下。空白是设计中非常重要的元素,可以更清晰、简洁、有效地沟通。

△ SPACED Pageload
我们生活在一个人们过于繁琐的时代。例如,在主页上放很多东西相当于在网站上向用户/客户销售商品。

△ Botanical
通过合理利用空白和视觉层次结构,优先考虑一两个内容。当你从战略开始,有明确的目的和价值主张时,我们就有了完美的信息。 当你把它放在主页的头图上时,用户知道他能从你(公司)那里得到什么。

△ Video Reveal
人们想要价值,他们不想被推销。这至少是我设计的生活。
优设:
你典型的一天是什么?
Gil Huybrecht:
我在一家设计机构全职工作,下班后处理自己的事情。

△ Scroll Animation
一般7点醒来,洗澡,开始享受早餐(一天中最重要最美味的一餐,我最喜欢早餐)。8点开车上班,9点左右开始工作,直到下午1点和同事一起吃午饭。为了不堵车,下午4点左右下班,5点左右回家,然后继续工作到晚上7点。7点吃完饭,我会和女朋友玩游戏。直到11点,然后休息。

△ Adopt
这些天我一直在努力学习,但还没有开始,但这是我现阶段想做的。
优设:
对正在学习的设计师有什么建议吗?你有推荐书籍或网站吗?
Gil Huybrecht:
我认为心态很重要,意识到你应该学到的新知识总是很多。

△ Portfolio 3.0
对我而言,Dribbble 可以让我的技能变得更好。此外,当你看到一些很酷的东西时,你应该试着重现它。当然,考虑为什么这样做也很重要。来自 Marty Neumeier 所有的书在战略等方面都有很高的价值。 我还收到了很多关于设计、商业和品牌的博客。 商业也是值得学习的一部分。当你理解策略并想要销售策略时,与客户沟通是非常重要的。推荐来自 Douglas Davis《Creative Strategy and the Business of Design》, 它是学习商业和战略的基础知识。
优设:
我们对您的办公环境非常感兴趣,能否向我们展示您的工作台,以及为您带来快乐的物品?
Gil Huybrecht:

△ 工作台

△ 工作台
非常感谢 Gil Huybrecht 百忙之中为我们讲授的排版经验,喜欢他的小伙伴可以通过以下链接获得更多的作品哦!
个人网站:http://www.gilhuybrecht.comDribbble:https://dribbble.com/gilhuybrecht「设计专访,了解大牛是如何进行设计的?」
“优设专访!他坚持每天设计一张高质量的海报三年!在国外流行的主要灵感网站是什么样的体验?”“优设专访!为什么他被专业老师拒绝,成为各大品牌的合作宠儿?”