萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 字體排版才是網頁設計的基礎

字體排版才是網頁設計的基礎

   如果網頁設計依賴於字體的設計,那我們還需要學習其他的東西麼?——你所需要的只是理解字體設計的各個元素。

字體排版才是網頁設計的基礎 三聯

  字體設計(維基百科注解為字體排印學)當然不僅僅只是選擇字體。隨著@font-face技術和一些如Typekit,Webtype, Fontdeck, 以及 Google Web fonts等服務的改進,你的字體設計功力也不會提高。你可以很輕易的在你余生中只用一款字體創造出漂亮的設計——在過去設計師們也不得不這麼做,那時還沒有Photoshop作幫助,越多的字體只會讓事情更糟糕,因為創造力和審美感是不能受到過多選擇的干擾的。

  更 多的玩具代表著更多樂趣,對吧?如果你選擇了這條路,但就要准備為此而付出全部。我很樂意看到不同的字體被使用,也佩服那些能成功在自己網站上使用新字體 的人。不過,我也遇到很多不大好的方案(比如Myspace)。Typekit可以幫助你提前預覽改變後的字體效果,這樣對網頁設計的幫助是巨大的。

  下面不是我刻薄,對於大多數網頁來說你應該知道的——試試翻看所有你喜歡的網頁設計,去掉圖片,然後想象只有文本和留白的網頁會是怎樣的?當一個設計師說“文字就是一種交互設計”,這句話不是虛構,下面來看看這個叫iA site的網站:

  信息架構師都基於優秀的排版

  A Working Library是我最喜歡的設計之一,這個網頁以純文本的方式來展示界面,留白如齊白石水墨,恰到好處,文字排版也十分得體。

  A Working Libraryby Mandy Brown.

  有些人或許會認為這樣的設計呆板而乏味,他們更傾向於使用流行的風格。到了最後你設計的注意力會被這些多余的視覺效果分散掉,所以妳依然要把經歷放在最初那95%上面,就像你現在閱讀的文章便做得很好,不需要依靠圖片仍然能展示漂亮的視覺設計效果。

  沒你想象中難

  你完全可以做出一個不依靠任何圖片搭配的一流網頁。雖然聽起來有點天馬行空,但這確實是可行的。我也並不是說本應該如此,但如果我們能巧妙的使用字體設計和留白便能做到美觀得體,那將來加入圖片、視頻這些元素時,不是更錦上添花了嗎?

  在使用圖像時我不是想說那些真正要表達什麼的圖像,就如圖標,但圖像在這裡就是為了引人注目。有時一張圖勝過千言萬語,所以最好使用圖片(但你仍然需要考慮使用留白)。這裡有兩個以上的美好網站的例子,它們都將重點放在文字設計上以實現整個設計。第一個網站是Blake Allen Design,第二個是The Harriet Series(這兩個網站都是使用圖像來表達他們的文字設計,你要認識到這一點)

  當使用圖片時,我並不想定一個什麼樣的標准比如它要代表著類似icon性質的效果,但圖片就是用來展示的,有時一張圖勝過千言萬語時便可考慮使用了(當然還是要注意留白)。

  以下是兩個優秀網站設計的實例,它們都把重點放在文字設計上來實現整個設計效果。第一個網站是Blake Allen Design,第二個是The Harriet Series(這兩個網站都是使用圖片來實現他們的文字設計,你懂我意思就好):

  Blake Allen Design 使用圖片, 但有著美觀的字體。

  The Harriet Seriesby OkayType.

  上面的兩個設計之所以讓我感興趣,是因為文字設計並不單是指引你獨自完成這個過程,它是在用自己的風格做著這件事。你能感覺到文字設計就是設計者個人情緒的 表達。Blake Allen使用Helvetica體來使他的網頁滿是瑞士風格式的清新、有序的框架。而在另一方面,Harriet Series的網站則顯得有一點頑皮,也更具探索性。這就是文字排版所造就的組織合理的混亂之美。

  除了上面的特例,99%的設計師,最好還是乖乖學會文字設計,如果你不能領會,那日後的設計便沒有了根基。不用去擔心缺少流行元素會怎麼影響你的效果,你應該擔心的是如何組織好網頁的框架,一旦你克服了這關,後面添磚加瓦的事情就簡單了。

  Clear是 一款節約風格的iOS日常管理應用。圍繞它的觸控是使用手勢來控制界面,你會發現單是文字設計就足以解決一切並讓你享受著這款應用。當然這是使用了 Helvetica字體的效果,如果是使用了字間距不合理的Comic Sans字體呢?傑出的文字設計並不一定以很美好的方式引人注目,而這並不意味著 它也要以這樣負面的方式突出它的劣勢。

  Art of the Menu是菜單設計網站的典范

  The Art of the Menu網站在強調字體設計在菜單設計領域重要性做出了很大貢獻。當一些餐館那麼樂衷於在菜單上加入各種圖片和插頁來吸引顧客眼球時,卻並沒有考慮到合理的文字設計結構讓顧客更舒適的浏覽菜單,這是一大敗筆。

  作為一個設計師,你實在沒有理由去為自己辯解不需要一個看得過去的設計。當你連最基本的框架都沒法搭建好,後面在加什麼其他的設計元素只會讓你的設計更糟 糕。太多的設計師都在嘗試用沒有用的花俏物來掩飾他們的設計缺陷,但實際和火上澆油沒兩樣。如果一個設計你看著是不順眼的,那就代表用戶體驗不好,無論再 加入多少圖片、聲效、顏色都是徒勞。

copyright © 萬盛學電腦網 all rights reserved