萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> UI實戰指南之留在電腦裡的字體(一)

UI實戰指南之留在電腦裡的字體(一)

   進階學習最實用教材!這一由@牛MO王涵 (BigDesign創始人/設計總監)編寫的系列文章,從字體選擇到提升設計感的技巧等都有涉獵,話題雖廣,但全是實戰過程中最關鍵的要素,而且是新手最關心的操作部分,學完直接上手工作 >>>

  前言:我來了,這是U1系列新開篇章實戰篇,不僅僅是適用於UI設計,甚至包含網頁設計、平面設計。在文章中會更多的介紹一些操作上的教學,希望對新人們有幫助。

  推薦字體

  很多小伙伴在做設計的時候,無論是排版還是展示,都不太注重字體,或者有些太過於注重以至於用了很多種字體。實際上,當你做的年頭越久,你電腦裡的字體往往越少,因為非常有用的字體就那麼幾種。

  這一篇內容就講的是老牛平時常用的一些字體,可能有些是你想不到的,卻又比較合適做設計以及展示。那麼電腦裡最該保留那幾個字體呢?大家繼續往下看。

UI實戰指南之留在電腦裡的字體(一) 三聯

  這個字體是老牛最愛用的字體之一,甚至在我的QQ裡都設置了這個字體。

nmwhb20150331

  並且它還有三種粗細樣式,其中包括:

nmw201503313

  一個banner,一個畫冊,一個網頁,用了一款好的字體都會提升逼格,甚至APP產品本身,如果能夠在展示和做設計圖的時候采用好的字體,更會為這款產品加分。

nmw201503314

  第二款:

nmw201503315

  這個字體是Adobe與Google宣布推出的一款開源字體,可能不用過多的介紹,相信大部分小伙伴已經下載並且使用了。這款字體更為良心的是,共有七種不同的粗細,無論是做內文還是做標題,絕對足夠了。

nmw201503316

  老牛很喜歡在做PPT以及APP的時候都用到,因為它覆蓋率比較廣,很多人的電腦都安裝並且使用了,其次它七種粗細的天然優勢完虐各種PPT文案。

nmw201503317

  曾經最多使用的是微軟雅黑,也是因為其覆蓋面比較廣,現在有了思源就更多了一種選擇。APP的閃屏以及一些Layout圖,使用的頻率最高。

nmw201503318

  第三款:

nmw201503319

  這個字體可能每個人的電腦都有(默認字體?),但是使用的人不是很多吧!之前老牛做過的一些設計展示圖被很多人問到的字體,就是這個。好吧你讓我打出來名字我還真是打不出來的……

nmw2015033110

  它的粗細樣式也比較多,共有六種,更主要的是,個人認為它的英文字母會較蘭亭和思源更漂亮一些,所以當做中英文結合的時候我就常常使用這套字體。

nmw2015033111

  不過它有一個弊端,就是有些情況下某些簡體字體它沒有,需要轉化成繁體才可以用……

nmw2015033112

  好吧,鑒於你挺好看的,所以就讓你任性下去吧,況且用繁體會顯得更高逼格一些。如果你不知道怎麼打繁體,那麼建議可以去搜一下在線“簡轉繁”,蠻好用的。

nmw2015033113

  實際上還有其他幾款日文字體也是相當不錯,可以嘗試的使用一下。

nmw2015033114

  另外的推薦:

nmwhb20150332

  對於比較特異的粗黑體,本人只推薦以上三個。以上三個作為一些特定環境的標題,或者活動banner的文案以及活動頁面的大標題,足以,一點簡單的傾斜加一點粗邊效果,幾乎能解決所有需求。

nmw2015033115

  三種字體都是針對於粗體的變形,骨骼硬朗,筆畫有力。無論是強力的促銷展示還是溫柔的示愛活動都可以使用,童叟無欺。

nmw2015033116

  有些毛筆、水墨字體我們沒能寫的一手好字,能力一般水平有限,怎麼辦?只好求助於字體。可是說實話,能讓人看上眼的毛筆字體還是不多,而且一些狂草、葉根青等等字體本人又不是很喜歡。所以一般我采用這樣的方法:

nmw2015033117

  如圖,把喜歡的毛筆字體圖片保存下來,就可以為我們所用了。而且可以選擇透明PNG圖層,真是良心品質啊!

nmw2015033118

  處理字體效果的時候,如果能再疊加上一些宣紙、水墨、水彩等素材效果,效果會看起來更好更具有中國范兒!

  基本上來說,我們最常用的字體即是這些了,可以看到,本人很少推薦一些特異的字體,因為看起來花枝招展的字體,未必就那麼美好,所以,選擇最簡潔、最規矩的字體,不失為一種最好的選擇,剩下的,就交給畫面吧!

   字體黑名單

  既然有推薦,那麼必然也有一些不建議使用的。以下字體“黑名單”被老牛列為永遠不得出現在設計上以及作品簡歷上的,它們基本上就是來毀作品的,列舉出來供大家引以為戒。

nmw2015033120

  實際上,一個好的字體應該是由設計師親自設計,但是出於很多設計師並不是從事平面行業,而且即使從事平面行業,字體設計也是非常難的一個環節。以上列舉的這些字體,在更多場合和產品中是很中庸的存在,有些甚至非常適合。所以當小伙伴們不知道該選擇什麼字體,或者電腦裡還沒有這些,那麼建議你開始下載吧。記住,一個畫面中禁止超過兩種字體以上哈!那樣看起來非常雜亂!

nmw2015033121

  其實還有很多很棒的字體,比如造字工房的,時尚中黑簡等等,在這裡並不一一介紹了,因為本人在平時的設計中就用這幾套字體感覺已經足夠,更多的是變形和設計效果。

  少量的字體大大的提高了自己的工作效率,並且對於我這種強迫糾結選擇症的患者來說是一種優選方案,希望對大家也有一些幫助。最後我們看看這些字體的效果吧!

nmw2015033122
copyright © 萬盛學電腦網 all rights reserved