@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
在大學的時候，我就開始自由職業了，也是在那段時間里，我學到了關于視覺設計的一切知識。大概8個月之后，我對 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.com
- Dribbble：https://dribbble.com/gilhuybrecht
「設計師專訪，了解大牛都是如何開展設計的」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 16 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓