天天看點

《衆妙之門——網頁排版設計制勝秘訣》——第3章 設定網頁字型的5 項原則和方法3.1 系統地進行網頁版式設計

本節書摘來自異步社群《衆妙之門——網頁排版設計制勝秘訣》一書中的第3章,第3.1節,作者: 【德】smashing magazine 譯者: 侯景豔 , 範辰 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

設定網頁字型時,有一些基本的方法、指南和目的。總體來說,網頁的版式應當具有可讀性、易通路性、可用性和品牌特色。這四個方面互相作用,使網頁設計達到與使用者溝通和互動的目的。

為使網頁富有表現力并給人留下深刻的印象,網頁版式的設計有許多方法。讓我們進一步看一些網頁版式設計的原則、規則和方法—當你學習如何在網頁上完成有效的字型設定時,可以把它們當作一個開端。

在網頁設計中,每個版面上的元素都需要同時實作各種各樣的目标。建立的每個标題都應當使用容易辨認的字型,應當容易被搜尋引擎找到,還應當契合公司的品牌理念。此外,版式應當配合頁面的圖形風格,符合使用者的期望,使他們能夠友善地複制和粘貼文字。正如你所知,一個标題需要滿足數個需求。

但在某些情況下,這可能會造成一個問題。例如,為了迎合某種風格或品牌特色,設計師需要使用某種特定的字型,但這種字型又不能在網頁上直接使用。這時,你就需要做出決定:

放棄品牌特色,使用容易被搜尋引擎找到的字型;

使用圖像代替文本,在圖像中嵌入需要的字型(靜态或動态)。

可以考慮使用sifr,這是一種閃存式的動态字型植入技術,你不僅可以将各種各樣的字型植入網頁中,還幾乎可以像處理普通文字那樣處理它們。

如果想了解更多關于sifr或其他字型替換工具或技術的資訊,可以在本書中檢視相關章節。

《衆妙之門——網頁排版設計制勝秘訣》——第3章 設定網頁字型的5 項原則和方法3.1 系統地進行網頁版式設計

在許多情況下,網頁版式所綁縛的許多目标将會彼此沖突。面對不同的客戶和項目,你必須在目标之間進行權衡,對它們的重要性進行排序。一些客戶可能更關心網頁的版式是否有助于品牌識别,而另一些客戶可能想讓搜尋引擎處于更高的位置。

不同的版式所能解決的問題各異,也有不同的目标,而一個網頁不可能滿足所有的需求。不管你将哪個目标排在最重要的位置,都必須仔細考量它為網頁版式所帶來的優點和缺點。

當你在工作中遇到問題時,可以看看别的網站是如何處理類似問題的,這是研究和學習的一部分。在typography for headlines(關于标題的版式)上,收集了100多個網頁标題的連結和截屏,對每個标題的設計都以一種獨特而有創意的方式進行了處理。

在網頁設計中,選擇标題的字型是很常見的設計步驟,但這并不代表字型選擇就是标題設計的全部。還有許多其他方面需要我們用系統的設計方法進行研究。下面讓我們看一看關于資訊層級的内容。

《衆妙之門——網頁排版設計制勝秘訣》——第3章 設定網頁字型的5 項原則和方法3.1 系統地進行網頁版式設計

繼續閱讀