如何知道網頁的排版

知道排版網站

作為設計師,我們熱愛排版世界,這就是為什麼我們的許多出版物都在談論它。 我們已經討論過,從字體背後的故事到獲​​勝的組合。 今天,我們將討論如何知道網頁的字體。,因為沒有比在其他創意人員的作品中尋找參考資料更好的方式來獲得靈感了。

當然,您曾多次進入不同的門戶網站,美學和排版選擇已引起您的注意. 正如我們在許多出版物中已經指出的那樣,排版是一個非常強大的元素,可以幫助我們作為設計師表達自己。 我們可以在不同的網站上找到無數種字體,根據它們的用途,它們選擇一種或另一種印刷風格。

這將不是您第一次或最後一次進入網頁,您會被字體所吸引,並覺得需要知道它是什麼系列才能將其添加到您的個人印刷目錄中。 在這篇文章中, 我們將教您一些方法,以便您發現哪些字體引起了您的注意。

搜索選項 1:使用圖像

我們向您指出的第一種方法, 我們僅建議您在無法訪問該網站時使用它。 如果你有字體的截圖 這引起了您的注意,它可能不會以確切的字體出現,但會出現類似的字體。 如果您想知道某個品牌使用的是什麼字體,最好是圖像或矢量格式。

您必須訪問的在線平台是MyFonts,工具名稱是 什麼字體. 這個工具是一個擴展,可以讓你知道你正在尋找的字體. 您所要做的就是將捕獲的圖像上傳到其網站,然後程序會詢問您要分析的文本。 選擇後,它會告訴您與屏幕截圖中的字體相似的不同字體。

我們為您提供一個帶有 Facebook 徽標的示例。 我們考慮到這個過程可能有點乏味,因此它不會為您提供確切的排版。 因為此工具受其內部字體庫的限制。

臉書搜索

搜索選項 2:瀏覽器檢查器

在搜索網頁版式的第二個選項中, 我們選擇從網絡瀏覽器使用檢查器。 此選項是設計師最常用的選項之一。 圖形和網頁設計師。 在這種情況下,我們將從這個工具中獲得很多你們可能不知道的東西。

首先,我們將區分不同的瀏覽器,特別是兩種瀏覽器。 一方面,我們找到 Chrome 和其他基於 Chromium 的瀏覽器,另一方面,我們放置 Firefox。 指出,那 無論您使用哪種瀏覽器,您都將始終使用相同的快捷方式來訪問檢查器,即 Ctrl+Shift+I。

如果您使用 Chrome當您打開檢查器選項時,會出現三個不同的面板。 您必須搜索網絡上使用的文本以了解正在使用的字體。 在呈現給您的第二個面板中,搜索和 選擇“計算”選項。 然後您將搜索“字體-系列” 如您所見,排版系列的名稱出現在它旁邊。

在下圖中,我們將告訴您我們剛剛告訴您的這些信息將如何出現。 除了所用字體的數據外,還會出現其他重要數據,如大小、顏色、重量等。

谷歌檢查器

此外, 如果你使用 Mozilla Firefox 瀏覽器,這個過程和我們剛才看到的 Chrome 類似,唯一改變的是我們正在尋找的信息出現在另一個區域。 在此瀏覽器中,網站上顯示的字體樣式有一個特定選項卡。

與前一種情況一樣,您將使用我們提到的相同快捷方式打開檢查器,然後會再次出現三個不同的面板, 您應該轉到帶有“字體”名稱下的選項卡的選項卡,正如其名稱所示,您將在那裡找到所有必要的數據。 有一個名為“頁面上的所有字體”的部分,其中包含所有字體的列表。

火狐搜索

在這種情況下, 也可以通過儀表來修改不同的排版參數. 這使您有機會體驗如果排版經過一些更改後的外觀,以及外觀會如何不同。

搜索選項 3:使用插件

我們為您帶來的最後一個選項是一種已知時間很短的方法,並且可能是最近才使用的最少的方法。 它是使用瀏覽器插件搜索網絡字體的選項。

有數千個插件可以添加到我們的設備並執行特定任務,以滿足需求。 由於其簡單性,此選項肯定會成為您的最愛之一。 我們推薦 Fontface Ninja、WhatTheFonts 或 Visbug。

當您在瀏覽器中安裝了所選插件後, 您只需點擊它的圖標,就會立即出現一個選項菜單 在屏幕的左側。 如果單擊此菜單中的第二個圖標,只需將鼠標光標指向要分析的文本區域,就會自動出現有關該字體的信息框。

搜索插件

在這個選項中,就像前兩個一樣, 還顯示字體顏色、粗細、線條大小等數據。 對於那些熱愛排版世界並想在幾秒鐘內知道哪種字體引起了他們注意的人來說,這是一個非常有用的工具。

您已經能夠在本出版物中看到,有三個非常簡單的搜索選項可以找出網頁上使用的字體。 您只需要選擇最適合您且使用起來舒適的選項即可。 在許多情況下,這些搜索工具將減輕您的工作量並幫助您創建有吸引力的設計。


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。