作者：優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)
轉(zhuǎn)載：優(yōu)設(shè) https://www.uisdc.com/nguyen-le-how-to-make-typographic-design
Nguyen Le 是 Dribbble 上的排版設(shè)計(jì)達(dá)人，他的網(wǎng)頁(yè)作品簡(jiǎn)潔富有國(guó)際范兒，擁有12年的設(shè)計(jì)經(jīng)驗(yàn)，擅長(zhǎng)極簡(jiǎn)主義的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格，他的設(shè)計(jì)類訂閱郵件每周發(fā)布，為世界各地的設(shè)計(jì)師帶來(lái)新鮮知識(shí)干貨，不僅作品高產(chǎn)而且還有一顆樂(lè)于分享的心，今天優(yōu)設(shè)獨(dú)家為您帶來(lái) Nguyen 的設(shè)計(jì)訪談，內(nèi)含他的排版設(shè)計(jì)心得，這可是在他的付費(fèi)課程上的超級(jí)干貨哦。
個(gè)人主頁(yè) – http://www.verse-co.com/
Dribbble 主頁(yè) – [https://dribbble.com/newincreative]
△ Nguyen Le Dribbble主頁(yè)
優(yōu)設(shè)：
能為優(yōu)設(shè)的粉絲們介紹一下您自己么？您的設(shè)計(jì)成長(zhǎng)歷程是如何的，是什么讓您從一個(gè)品牌設(shè)計(jì)師轉(zhuǎn)到自由設(shè)計(jì)師的？
Nguyen Le：
我已經(jīng)從事設(shè)計(jì)專業(yè)12年了，職業(yè)生涯始于大學(xué)期間，剛開(kāi)始也是一個(gè)初級(jí)設(shè)計(jì)師和程序員，那段時(shí)間成長(zhǎng)很快，也是在那段時(shí)間看到了設(shè)計(jì)的發(fā)展，并意識(shí)到了設(shè)計(jì)的變化速度之快。
△ Nguyen Le 作品
?為了給自己創(chuàng)造更好的成長(zhǎng)空間，前8年，我在不同的設(shè)計(jì)工作室工作，也有幸作為創(chuàng)意總監(jiān)為任天堂、日產(chǎn)、阿迪達(dá)斯、塔吉特百貨（美國(guó)零售巨頭）、澳大利亞國(guó)家銀行等公司進(jìn)行設(shè)計(jì)服務(wù)。期間我與非常優(yōu)秀的團(tuán)隊(duì)合作，也學(xué)到不少好東西。但是每天開(kāi)始變得非常忙，開(kāi)會(huì)的時(shí)間比設(shè)計(jì)的時(shí)間更長(zhǎng)，我感覺(jué)不到自我的成長(zhǎng)，設(shè)計(jì)激情也被消磨，于是我決定做出改變！
△ Nguyen Le 作品
?成為自由設(shè)計(jì)師之后，原計(jì)劃是從墨爾本搬家到紐約，但在墨爾本我又接到了很多工作，最后我決定繼續(xù)呆在墨爾本，在這4年里，我進(jìn)行日常設(shè)計(jì)學(xué)習(xí)，空余時(shí)間旅游，自由設(shè)計(jì)師的職業(yè)讓我有了更多的選擇權(quán)，可以選擇進(jìn)行更有趣的、有挑戰(zhàn)性的項(xiàng)目。
優(yōu)設(shè)：
您是如何與客戶進(jìn)行有效溝通的?
Nguyen Le：
我有兩類客戶，一是大家常常面對(duì)的甲方，另一種就是我的課程學(xué)生。
對(duì)甲方來(lái)說(shuō)，在早期，我會(huì)選擇盡量多的獲取有效信息。與客戶建立信任和合作關(guān)系非常重要。我們一般是通過(guò)郵件、Skype 和 Slack 進(jìn)行實(shí)時(shí)溝通，自己設(shè)定日期并盡可能提前交付，例如你說(shuō)在周四交付草圖，嘗試周三或者更早完成。這是在一開(kāi)始就能建立良好關(guān)系的秘訣。當(dāng)你寫(xiě)郵件時(shí)，可以設(shè)置一個(gè)日程，明確告知客戶你的下一步是要做什么。
?對(duì)我的學(xué)生而言，我有一個(gè)自動(dòng)回復(fù)的電子郵件，學(xué)生開(kāi)啟七天免費(fèi)學(xué)習(xí)郵件時(shí)，每日發(fā)送課程郵件，并跟進(jìn)看有什么需要幫助的地方，并確保他們?cè)谡n程中獲得更多價(jià)值。我們還有一個(gè) Slack 社群，在里面學(xué)生可以向我提問(wèn)，分享想法和鏈接，我們一起學(xué)習(xí)?？傊?，原則就是盡我所能的幫助到他們。
優(yōu)設(shè)：
能為我們?cè)敿?xì)的拆解您的一個(gè)設(shè)計(jì)案列么？
Nguyen Le：
我們來(lái)看看我的 Bakers Guild 項(xiàng)目。
1. 信息層次結(jié)構(gòu)
△ Bakers Guild 項(xiàng)目
?在進(jìn)行設(shè)計(jì)布局時(shí)，首先要考慮的就是層次結(jié)構(gòu)。使用您產(chǎn)品 / 網(wǎng)站 / 應(yīng)用的用戶首先會(huì)注意哪些內(nèi)容？第二和第三注意點(diǎn)呢？信息層次結(jié)構(gòu)可以讓用戶體驗(yàn)更好，也可以讓我們輕松設(shè)計(jì)出畫(huà)面平衡、有細(xì)節(jié)質(zhì)感的設(shè)計(jì)。在 Bakers Guild 這個(gè)頁(yè)面中，第一個(gè)被注意的內(nèi)容應(yīng)該是左半部分的文案（Our passion…）和圖片素材。然后再關(guān)注到右半部分的關(guān)于我們，通過(guò)界面元素中的大小、粗細(xì)對(duì)比，我們可以知道用戶的視覺(jué)流向。
2. 行高和柵格
下一步要考慮的是行高。根據(jù)經(jīng)驗(yàn)，使用的理想標(biāo)高是字體高度的1.2到1.4倍。我在正文中使用的文本大小是16px，行高24px。網(wǎng)格的使用可以在畫(huà)面中創(chuàng)建一種秩序感和統(tǒng)一性。
3. 字間距
左側(cè)的字間距要明顯大于右側(cè)，看上去更加和諧。
4. 首字下沉
您可以在下面看到操作中的首字下沉。它是大M。它是一種裝飾性元素，能將用戶吸引到正文中，并使排版變得有趣。
?5. 字距
字距調(diào)整是2個(gè)特定字符之間的空格，與字間距不同，后者主要是全文本的字間距大小。 特別是當(dāng)你的文字非常大時(shí)，字符之間的間距變得更加明顯。 我們可以使用字距來(lái)手動(dòng)調(diào)整，特別是在 logo 和大的文本中，這非常重要。
6. 連字
??連字是指兩個(gè)特定字符（如「ff」和「fl」）連接并擁有各自的字符，這樣做的目的會(huì)讓整體更加美觀。
?7. 字形和替代字母
字形和替代字母是字體中存在的特殊字符。某些字體具有替換字符，例如可以使用不同的「A」或特定字母，而不是標(biāo)準(zhǔn)字母。當(dāng)您嘗試在設(shè)計(jì)中獲得有趣的視覺(jué)變化時(shí)，它們非常適合。這些替代字母主要用于標(biāo)題。
8. 正確的字符
正確的字符是針對(duì)特定的字符，如破折號(hào)、連字符、引號(hào)與虛號(hào)等等。注意這些小元素意味著我們從印刷的角度創(chuàng)建的所有內(nèi)容都是需要考慮的。
優(yōu)設(shè)：
我們知道您已經(jīng)撰寫(xiě)每周電郵很久了，請(qǐng)問(wèn)您是怎么保持動(dòng)力并高效分享有效經(jīng)驗(yàn)的？
Nguyen Le：
責(zé)任和習(xí)慣是我堅(jiān)持下來(lái)的動(dòng)力，再就是一些我從其他設(shè)計(jì)師那里得來(lái)的有效反饋，他們使我保持積極性，繼續(xù)寫(xiě)作和分享我的日常所得。我的每周電子郵件有助于建立我的設(shè)計(jì)影響力，在那里我可以通過(guò)分享幫助到別人。
優(yōu)設(shè)：
我們看到您的排版設(shè)計(jì)更加極簡(jiǎn)的風(fēng)格，請(qǐng)問(wèn)您是怎么說(shuō)服偏好繁復(fù)的甲方的？
Nguyen Le：
?從事了這么久的設(shè)計(jì)工作，可以說(shuō)已經(jīng)能夠 hold 住各種「風(fēng)格」?，F(xiàn)在經(jīng)?？吹捻?yè)面是我正在處理的案例的最佳視覺(jué)方案。所以這一切應(yīng)該歸結(jié)為項(xiàng)目的目標(biāo)，這才是導(dǎo)致特定視覺(jué)效果的原因。先解決問(wèn)題，然后再擔(dān)心「風(fēng)格」。因?yàn)槟闼吹降氖俏医鉀Q問(wèn)題的方案，我用此來(lái)吸引客戶。你不應(yīng)該為了極簡(jiǎn)而使用極簡(jiǎn)排版，只是單純的追求漂亮，是因?yàn)檫@樣的排版能夠解決問(wèn)題，而這種畫(huà)面恰巧是「極簡(jiǎn)風(fēng)格」而已，所以來(lái)找我的客戶都需要知道自己想要的是什么。
△ Type layout
?至于如何處理偏好繁復(fù)的客戶，我認(rèn)為這取決于教育和理解客戶的價(jià)值。如果您能向客戶展示他們的客戶更喜歡設(shè)計(jì)A，而不喜歡繁復(fù)的設(shè)計(jì)B，你可以向他們闡述留白的價(jià)值，不僅能夠改善他們的業(yè)務(wù)成果，同時(shí)也能夠達(dá)到他們想要的效果，例如轉(zhuǎn)化率、更多的客戶等等。如果你把這些和你的設(shè)計(jì)決策放在一起，那么客戶會(huì)更容易理解。簡(jiǎn)而言之，您得讓用戶理解我們的工作價(jià)值。
優(yōu)設(shè)：
您的典型一天是怎樣的？
Nguyen Le：
?早上8點(diǎn)到10點(diǎn)半，我會(huì)和我的孩子們相處（一個(gè)6個(gè)月一個(gè)2歲半），然后開(kāi)始進(jìn)行工作。設(shè)計(jì)、寫(xiě)作、發(fā)郵件、思考、閱讀。直到下午5點(diǎn)半，剩下的就是家庭時(shí)間，遛狗、晚餐和娛樂(lè)，晚上會(huì)閱讀1小時(shí)，當(dāng)然睡前要先哄寶貝們睡覺(jué)： ）
優(yōu)設(shè)：
能否為我們分享下您是如何有效提升自己的設(shè)計(jì)能力？有什么值得推薦的好書(shū)么或者效率工具么？
Nguyen Le：
伊拉·格拉斯說(shuō)過(guò)：作為初學(xué)者，沒(méi)有人告訴過(guò)你這些，我希望當(dāng)年能有人告訴我。我們這些從事創(chuàng)意工作的人，之所以做這行，是有品位，但是這里有個(gè)坎兒，并不是所有人能邁過(guò)去。你在剛開(kāi)始工作的時(shí)候，你知道自己有潛力，想做的東西也會(huì)有潛力，但是就是做不出來(lái)。有很多人對(duì)自己失望并退出，這很正常，在這個(gè)時(shí)候，請(qǐng)你記住，一定要堅(jiān)持，每周寫(xiě)一些小故事，每周都有一些小成果，只有做好了這些，你才能夠得到質(zhì)的改變，才能跨過(guò)這個(gè)坎兒，你的工作才能做得和你預(yù)期的一樣好。這需要時(shí)間，這很正常，你一定要拼盡全力！
是的，秘訣就是持續(xù)性工作。多看優(yōu)秀的作品，并自己嘗試再創(chuàng)造、改進(jìn)，讓它也成為你自己的知識(shí)，才能夠彌補(bǔ)差距。 至于書(shū)籍， 我在這里做了一個(gè)清單：
- 《字體與排版：從技術(shù)到藝術(shù)》（The Elements of Typographic Style）by Robert Bringhurst
- 《平面設(shè)計(jì)中的網(wǎng)格設(shè)計(jì)》（Grid Systems in Graphic Design）by JosefMüller-Brockmann
- 《設(shè)計(jì)新聞》（Designing News）by Francesco Franchi
- 《排版新視覺(jué)》（New Perspectives in Typography）by Scott Willams
優(yōu)設(shè)：
您的工作臺(tái)是什么樣子的？?
Nguyen Le：
?△ Nguyen Le 的工作臺(tái)
哈哈，我的家人帶給我的快樂(lè)比任何項(xiàng)目都多，除此之外，我非常重視我的書(shū)，或者更確切地說(shuō)是這些書(shū)給我的知識(shí)。我每年至少閱讀12本書(shū)。我喜歡設(shè)計(jì)，設(shè)計(jì)讓我非常高興，因?yàn)槲铱梢愿叨葘Ｗ⒑蛣?chuàng)造。 這對(duì)于我來(lái)講，是一件非常幸運(yùn)的事——邊做邊玩。
感謝設(shè)計(jì)師 Nguyen Le 給優(yōu)設(shè)小伙伴們帶來(lái)的這次精彩分享，讓我們看到了一個(gè)作品背后最真實(shí)的一面。?喜歡的朋友可以訪問(wèn) Nguyen Le 主頁(yè)哦。
