[專訪]給任天堂做設計的大神如何做排版設計
Nguyen Le(個人主頁:dribbble.com/newincreative) 是 Dribbble 上的排版設計達人,他的網頁作品簡潔富有國際範兒,擁有12年的設計經驗,擅長極簡主義的網頁設計風格,他的設計類訂閱郵件每週發佈,為世界各地的設計師帶來新鮮知識乾貨,不僅作品高產而且還有一顆樂於分享的心,今天優設獨家為您帶來 Nguyen 的設計訪談,內含他的排版設計心得,這可是在他的付費課程上的超級乾貨哦。
個人主頁 – http://www.verse-co.com/
Dribbble 主頁 – https://dribbble.com/newincreative
△ Nguyen Le Dribbble主頁
優設:
能為優設的粉絲們介紹一下您自己麼?您的設計成長歷程是如何的,是什麼讓您從一個品牌設計師轉到自由設計師的?
Nguyen Le:
我已經從事設計專業12年了,職業生涯始於大學期間,剛開始也是一個初級設計師和程序員,那段時間成長很快,也是在那段時間看到了設計的發展,並意識到了設計的變化速度之快。
△ Nguyen Le 作品
為了給自己創造更好的成長空間,前8年,我在不同的設計工作室工作,也有幸作為創意總監為任天堂、日產、阿迪達斯、塔吉特百貨(美國零售巨頭)、澳大利亞國家銀行等公司進行設計服務。期間我與非常優秀的團隊合作,也學到不少好東西。但是每天開始變得非常忙,開會的時間比設計的時間更長,我感覺不到自我的成長,設計激情也被消磨,於是我決定做出改變!
△ Nguyen Le 作品
成為自由設計師之後,原計劃是從墨爾本搬家到紐約,但在墨爾本我又接到了很多工作,最後我決定繼續待在墨爾本,在這4年裡,我進行日常設計學習,空餘時間旅遊,自由設計師的職業讓我有了更多的選擇權,可以選擇進行更有趣的、有挑戰性的項目。
優設:
您是如何與客戶進行有效溝通的?
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. 字距
字距調整是2個特定字符之間的空格,與字間距不同,後者主要是全文本的字間距大小。 特別是當你的文字非常大時,字符之間的間距變得更加明顯。 我們可以使用字距來手動調整,特別是在 logo 和大的文本中,這非常重要。
6. 連字
連字是指兩個特定字符(如「ff」和「fl」)連接並擁有各自的字符,這樣做的目的會讓整體更加美觀。
7. 字形和替代字母
字形和替代字母是字體中存在的特殊字符。某些字體具有替換字符,例如可以使用不同的「A」或特定字母,而不是標準字母。當您嘗試在設計中獲得有趣的視覺變化時,它們非常適合。這些替代字母主要用於標題。
8. 正確的字符
正確的字符是針對特定的字符,如破折號、連字符、引號與虛號等等。注意這些小元素意味著我們從印刷的角度創建的所有內容都是需要考慮的。
優設:
我們知道您已經撰寫每周電郵很久了,請問您是怎麼保持動力並高效分享有效經驗的?
Nguyen Le:
責任和習慣是我堅持下來的動力,再就是一些我從其他設計師那裡得來的有效反饋,他們使我保持積極性,繼續寫作和分享我的日常所得。我的每周電子郵件有助於建立我的設計影響力,在那裡我可以通過分享幫助到別人。
優設:
我們看到您的排版設計更加極簡的風格,請問您是怎麼說服偏好繁複的甲方的?
Nguyen Le:
從事了這麼久的設計工作,可以說已經能夠 hold 住各種「風格」。現在經常看的頁面是我正在處理的案例的最佳視覺方案。所以這一切應該歸結為項目的目標,這才是導致特定視覺效果的原因。先解決問題,然後再擔心「風格」。因為你所看到的是我解決問題的方案,我用此來吸引客戶。你不應該為了極簡而使用極簡排版,只是單純的追求漂亮,是因為這樣的排版能夠解決問題,而這種畫面恰巧是「極簡風格」而已,所以來找我的客戶都需要知道自己想要的是什麼。
△ Type layout
至於如何處理偏好繁複的客戶,我認為這取決於教育和理解客戶的價值。如果您能向客戶展示他們的客戶更喜歡設計A,而不喜歡繁複的設計B,你可以向他們闡述留白的價值,不僅能夠改善他們的業務成果,同時也能夠達到他們想要的效果,例如轉化率、更多的客戶等等。如果你把這些和你的設計決策放在一起,那麼客戶會更容易理解。簡而言之,您得讓用戶理解我們的工作價值。
優設:
您的典型一天是怎樣的?
Nguyen Le:
早上8點到10點半,我會和我的孩子們相處(一個6個月一個2歲半),然後開始進行工作。設計、寫作、發郵件、思考、閱讀。直到下午5點半,剩下的就是家庭時間,遛狗、晚餐和娛樂,晚上會閱讀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
本文作者:优设网
本文出自:优设专访!给任天堂做设计的大神是如何做排版设计的?
責任編輯:BFA 簡報 編輯部
簡報小聚 #40 2018 年 11 月聚會
11 月 15 日|台灣首個簡報溝通主題社群
BFA 簡報小聚是一個以簡報溝通為主題的交流聚會,每次聚會由「主題分享」與「自由交流」兩個環節組成。「主題分享」將由三位講者 (Before, After, Pro Speaker) 依次帶來 20 分鐘的簡報溝通故事、經驗或技巧分享。
而在下個月的聚會,Before Speaker 將在與三位駐場簡報人一對一交流 #結構企劃 #視覺呈現 #訊息傳遞 後再次登台,成為 After Speaker。我們希望通過定期的聚會讓每一位參與的夥伴們都能看到簡報溝通力提升後,帶來的改變力量。
歡迎各領域朋友一起來聽三位講者分享簡報溝通經驗及技巧,並與現場的職場人士交流,渡過不同體驗的夜晚。