如何在 Adob​​e XD 中調整文本屬性

如何在 Adob​​e XD 中調整文本屬性

當您的 Adob​​e XD 項目中有文本時,您可以開始更改文本屬性。這些屬性包括字體系列、字體大小、字體粗細、對齊、字符間距(字距調整和跟踪)、行間距(前導)、填充、邊框(筆觸)、陰影(投影)和背景模糊。因此,讓我們回顧一下如何應用這些屬性。

關於可讀性和字體選擇

字體的選擇至關重要。您的系統中可能有許多字體選擇,但只有少數幾種字體會使其成為屏幕閱讀的成功選擇。在字體選擇中要尋找的一些特徵包括:

  • 襯線還是非襯線?在下面,您會在頂部看到一個 serif 樣式的字體系列,在底部看到一個 sans serif 字體系列。襯線有一個輕微的突出,結束了一個字母的筆劃。另一方面,無襯線字體沒有那種輕微的投影。無襯線字體看起來更現代,是交互式應用程序和網站的流行選擇。過去,人們認為當有大量文本時,帶有襯線的字體系列更容易閱讀。使用眼球追踪設備進行的測試證明,serif 和 sans-serif 之間的可讀性沒有顯著差異,因此只要您注意後面的一些其他字體特徵,就可以隨意選擇任何一種樣式。如何在 Adob​​e XD 中調整文本屬性

    頂部為襯線字體,底部為無襯線字體。

  • 直線、均勻的線寬:因為您的文字是由像素創建的,所以最好不要在文本寬度上有太多變化。您可以在像素預覽中看到寬度(頂部)變化的字體選擇與寬度一致的字體之間的差異。如何在 Adob​​e XD 中調整文本屬性

    頂部字體在創建字體的粗線和細線中有所不同;底部字體一致且更易於在屏幕上閱讀。

  • 強計數器: 計數器是您在“O”、“B”和“R”等字母中看到的孔。注意這些計數器有多大,因為如果它們在屏幕上顯示為像素時關閉,它們也會導致可讀性問題。出現兩個不同字體系列的像素視圖;看看計數器如何相互比較。如何在 Adob​​e XD 中調整文本屬性

    在您的字體系列選擇中尋找強大的開放計數器。

  • 下降和大寫高度:短下降和低大寫高度對於屏幕上的可讀性很重要。在頂部,您會看到一個字體系列,具有較短的下行和較低的大寫高度;在底部,一個帶有長下降和高大寫高度的字體。如何在 Adob​​e XD 中調整文本屬性

    具有短下行和低大寫高度的字體系列通常更容易在屏幕上閱讀。

選擇您的字體系列

既然您知道什麼可以更好地選擇字體以提高可讀性,請使用“屬性”面板選擇一個。進行選擇時要注意的事項包括:

  • 字體系列:在屏幕上輸入某種類型後,您可以選擇它並在“屬性”面板的“文本”部分中選擇“字體系列”下拉菜單。如果您知道所需的字體,只需開始在字體系列文本框中鍵入字體名稱,如果它在您的系統中,它將在您的列表中找到。

    不要忘記您可以通過 Adob​​e TypeKit 使用字體。

  • 字體粗細:選擇字體系列後,您可以從字體粗細下拉菜單中選擇粗細。根據您系統中的字體,您將有不同的字體粗細選擇。如何在 Adob​​e XD 中調整文本屬性

    選擇字體系列和字體粗細。

  • 字體大小:您可以簡單地在“字體大小”文本框中鍵入字體大小,但如果您不確定哪種大小最適合,您可以將光標放在“字體大小”文本框下方,然後單擊並拖動。在拖動之前尋找雙頭箭頭。向上拖動減小尺寸;向下增加尺寸。如何在 Adob​​e XD 中調整文本屬性

    單擊並拖動以直觀地更改字體大小。

  • 對齊方式:您可以使用“屬性”面板“文本”部分中的“對齊方式”按鈕將所選文本更改為左對齊、居中或右對齊。
  • 字符間距: 字符間距是指字符之間的間距。這稱為跟踪。在這裡,您會看到增加字符間距的結果。如何在 Adob​​e XD 中調整文本屬性

    正常間距的字符,設置為 0(零),然後設置為 150。

請注意,您可以使用“字體大小”文本框中可用的相同單擊並拖動技術來直觀地更改字符間距。

如何在 Adob​​e XD 中調整文本屬性

您還可以通過單擊和拖動來直觀地更改字符間距的大小。

  • 行高: 行高行距,文本行之間的空間。這可以在信息設計中發揮重要作用,因此請確保在整個設計過程中始終如一地使用它。您還可以將光標放在“行高”文本框下方,然後單擊並向上或向下拖動以減少和增加行高。
  • 顏色:通過單擊屬性面板中填充顏色旁邊的框來更改填充顏色。您可以像處理任何形狀一樣執行此任務。選擇填充框並從顏色選擇器中選擇一種顏色。您還可以從顏色選擇器右側的透明度幻燈片中為文本選擇透明度。
  • 邊框:應用邊框會在文本周圍添加筆劃。不推薦這樣做,因為它可能會導致可讀性問題。謹慎使用它,也許僅用於特殊效果。下圖顯示了一個較大字體的示例,該字體在較暗的背景上具有較細的筆觸和白色填充。在這種情況下,邊框可以工作,但不能用於較小的文本。如何在 Adob​​e XD 中調整文本屬性

    黑色背景上帶有白色填充的小邊框。

編寫新文字時保持相同的風格

當您鍵入新文字字串時,Adobe XD 使用預設字型、大小和顏色(Helvetica 字型、20 像素、灰色)。

這並不總是理想的,特別是當您正在使用完全不同的排版風格進行專案時。

有一種解決方法:在建立新的文字字串之前,選擇具有您想要複製的樣式的文字圖層。然後再次選擇文字工具並編寫文字:其樣式將與先前選擇的文字圖層相符。


屏幕抓取 PDF 文件的一部分

屏幕抓取 PDF 文件的一部分

您可以使用 Adob​​e Acrobat CS5 中的快照工具來選擇文本和圖像,並在 PDF 文件中創建特定區域的圖片。結果通常稱為 PDF 文件中某個部分的屏幕抓取。結果是一張圖片,而您的文字不是 [...]

在 Photoshop CC 中測量、計數和分析像素

在 Photoshop CC 中測量、計數和分析像素

Photoshop CC 中的測量功能專為研究人員和科學家設計,非常強大。您可以測量任何事物併計算技術圖像中任何事物的數量,可能來自顯微鏡或望遠鏡。如果您知道圖像中任何元素的確切大小,那麼您幾乎可以發現任何 […]

Adobe CS5 Illustrator 中的液化工具

Adobe CS5 Illustrator 中的液化工具

當您使用 Adob​​e Creative Suite 5 (Adobe CS5) Illustrator 中的液化工具時,您可以通過創建簡單到復雜的扭曲來彎曲對象——使它們呈波浪狀、粘稠狀或尖狀。液化工具可以為您的對象完成各種創造性的或古怪的(取決於您如何看待它)扭曲。你 […]

如何在 Adob​​e XD 中調整文本屬性

如何在 Adob​​e XD 中調整文本屬性

當您的 Adob​​e XD 項目中有文本時,您可以開始更改文本屬性。這些屬性包括字體系列、字體大小、字體粗細、對齊、字符間距(字距調整和跟踪)、行間距(前導)、填充、邊框(筆觸)、陰影(投影)和背景模糊。因此,讓我們回顧一下如何應用這些屬性。關於可讀性和字體 […]

如何在 InDesign CC 中創建二維碼

如何在 InDesign CC 中創建二維碼

您可以使用 InDesign 創建和修改 QR 碼圖形。二維碼是一種條形碼形式,可以存儲文字、數字、URL 或其他形式的數據等信息。用戶使用她的相機和智能手機等設備上的軟件掃描 QR 碼,該軟件使用 [...]

在 Photoshop CC 中使用畫板

在 Photoshop CC 中使用畫板

就像在 Adob​​e Illustrator 中一樣,Photoshop 畫板提供了在一個文檔中構建單獨頁面或屏幕的功能。如果您正在為移動應用程序或小手冊構建屏幕,這會特別有用。您可以將畫板視為使用“圖層”面板創建的一種特殊類型的圖層組。它的 […]

在 Adob​​e Illustrator CC 中換行

在 Adob​​e Illustrator CC 中換行

在 Adob​​e Illustrator CC 中包裝文本與包裝禮物並不完全相同——它更容易!文本換行強製文本環繞圖形,如下圖所示。此功能可以為任何作品增添一點創意。圖形迫使文本環繞它。首先,創建 […]

如何在 Illustrator 中調整形狀大小

如何在 Illustrator 中調整形狀大小

在 Adob​​e Illustrator CC 中進行設計時,您通常需要具有精確尺寸(例如,2 x 3 英寸)的形狀。創建形狀後,將其大小調整為精確測量值的最佳方法是使用“變換”面板,如下圖所示。選擇對象,然後選擇窗口→轉換為 […]

如何將透明度應用於 SVG

如何將透明度應用於 SVG

了解如何在 Illustrator 中對 SVG 圖形應用透明度。探索如何輸出具有透明背景的 SVG 並應用透明效果。

在 Adob​​e XD 中處理圖像

在 Adob​​e XD 中處理圖像

將圖像導入 Adob​​e XD 後,您將無法進行大量編輯控制,但您可以像處理任何其他形狀一樣調整圖像大小和旋轉圖像。您還可以使用角小部件輕鬆地將導入圖像的角變圓。通過定義一個封閉的形狀來掩蓋你的圖像 […]