共用方式為


列印 (設計基本概念)

注意

此設計指南已針對 Windows 7 建立,但尚未更新較新版本的 Windows。 大部分指引仍適用原則,但簡報和範例不會反映我們目前的設計指導方針

列印是紙張上的用戶體驗。 很容易忽略,但它是整體用戶體驗的重要組成部分。

在本文中,列印 是指紙張上的用戶體驗,其中輸出會導向紙張而非屏幕顯示。 印表機易記的格式 是指程式可以對屏幕顯示輸出所做的修改,使其更適合紙張輸出。

儘管預測計算會導致“無紙辦公室”,但令人驚訝的是,我們現在列印得一樣多。 我們會散發Microsoft PowerPoint 簡報甲板的硬式複本,我們會列印我們在在線探索的文章,但希望稍後更仔細地研究,我們會列印我們以電子形式收到的重要電子郵件或履歷等等。 雖然設計使用者介面時很容易忽略列印,但請記住,列印是整體用戶體驗的重要組成部分。

附注:一般 對話相關的指導方針會在個別文章中呈現。

這是正確的使用者介面嗎?

若要決定您的程式是否需要支援列印,請考慮下列問題:

  • 您要設計哪種類型的程式? 程式類型是適當列印支援層級的良好指標。 檔與影像建立、檢視和瀏覽程式需要出色的列印支援,而其他類型的程式可能只需要列印支援程度較低。 (如需程序類型清單,請參閱本文的 列印模式 一節。
  • 程式是否用於受益於直接紙張輸出的案例中? 如果是,將列印支援新增至程式比要求使用者將數據複製到另一個程式以列印更方便。

設計概念

設計程式以消除不必要的列印

使用者需要列印一些良好、有些不太好的原因有很多。 用戶應該列印,因為他們想要,而不是因為他們必須列印。 要求使用者列印可能是遺漏功能的標誌。 例如,過去用戶必須列印檔,才能進行批注和建議修訂,但現在使用者可以直接在 Word 檔中Microsoft執行這些工作。 檢閱程式涉及列印的案例,並盡可能儘可能確定列印的需求是選擇性的,而不是遺漏功能的結果。

同樣值得記住的是,節約紙張和墨水等資源有助於環境,並長期節省組織的資金。

了解屏幕顯示與列印之間的差異

雖然顯示輸出和列印之間有許多相似之處,但也有許多差異。 列印輸出:

  • 具有高 dpi。 顯示輸出通常為每英吋 96 或 120 點(dpi),而印表機輸出通常為 600 dpi 或更高。
  • 具有不同的最佳字型。 雖然設計良好的字型適用於顯示和列印,但相較於 sans serif 字型,在大量文字的高解析度上,serif 字型更容易閱讀。 因此,大量主要用於列印的文字應該使用 serif 字型,而主要用於顯示的文字應該使用 sans serif 字型。 如需詳細資訊,請參閱 字型 (Segoe UI)。
  • 具有外觀比例。 顯示外觀比例通常很低 (4:3 或 5:4),而列印會使用高外觀比例(8.5:11 或 1:1.4142,以標準頁面大小為基礎)。 這是因為 直向模式 列印比 橫向模式更為常見。
  • 有頁面。 因此,列印輸出:
    • 具有標準頁面大小。 美國和加拿大的標準是 8.5“x11” 紙張:其他地方的標準是 A4 紙張。
    • 具有分頁符號。
    • 具有頁面邊界。
    • 具有頁首和頁尾。
    • 具有單邊或雙面輸出。
    • 可能有多個複本。
    • 可依序列印或選擇性列印。
  • 有許多選項。 用戶可以選擇印表機和紙張大小、印表機選項(例如列印品質、雙面印表和裝訂)、副本數目、頁面範圍、定序和列印格式。
  • 需要時間和金錢。 列印大型檔或高品質相片可能需要大量時間,紙張和筆墨的成本會隨著時間而增加。 相較之下,顯示輸出是瞬間且基本上是免費的。
  • 可能是黑白。 現今許多印表機都是黑白印表機,而很少有顯示器是單色。
  • 不是互動式的。 用戶無法捲動頁面或控件以查看更多內容。 他們無法按下連結或按鈕,或將滑鼠停留在控件上。 列印時,互動式內容沒有值。
  • 可能用完紙張、筆跡或碳粉,或脫機。 因此,紙張輸出需要更多的錯誤處理和疑難解答。

這些差異可能會影響您的列印設計。 建立良好的列印體驗,不只是將程序的輸出導向印表機。

WYSIWYG 和螢幕顯示不斷演進的需求

從歷史上看,列印用戶體驗的最基本原則稱為 WYSIWYG(“你所看到的就是你得到的”)。 這一原則表明,在顯示器上看到的內容和列印的內容之間應該有很強的關係。 在 WYSIWYG 成為標準做法之前,文件顯示與列印版本之間通常沒有任何關聯性。 用戶必須列印,才能查看檔在紙上的外觀。 使用 WYSIWYG 是生產力的大幅改善,因為當時大部分的程式主要是針對檔建立和列印而設計。

目前,網站通常會優化顯示器,而且其印表機易記格式可能看起來大不相同。 此外,我們有各種不同的運算設備(例如智慧型手機和個人數位助理),通常需要針對小型顯示器優化輸出。 雖然 WYSIWYG 仍然是檔建立程式的最佳方法,但對於其他程式而言,最好針對各種目標裝置進行優化。 針對這類程式,您在計算機顯示器上看到的內容可能與您在其他裝置顯示器上看到的內容不同,這可能與您在列印頁面上取得的內容不同。

針對列印進行優化

未採用嚴格 WYSIWYG 列印體驗的程式仍然可以以下列方式優化列印:

  • 重新格式化目標頁面大小的版面配置。

  • 提供列印預覽,最好使用簡單的自定義選項,讓使用者直接在列印對話框中進行實驗(例如拖曳邊界)。

  • 如果適當,請提供適合印表機的格式選項。

    • 將個別的部分文件合併成單一檔。

    • 拿掉背景和其他設計元素,例如廣告,特別是當它們不適合黑白印表機時。

    • 拿掉互動式元素,例如流覽控制項和命令按鈕。

    • 請確定所有數據都可見,而不顯示滾動條或暫留。

      顯示版本:

      針對螢幕screen shot of report optimized for screen screen shot of report optimized for screen 優化的報表螢幕快照

      印表機易記版本:

      針對列印screen shot of same report optimized for print screen shot of same report optimized for print 優化之相同報表的螢幕快照

      在印表機易記版本中,列印頁面上會顯示所有數據,並移除互動式元素。

    • 將連結取代為其文字對等專案。

      可接受

      如需詳細資訊,請參閱UX指南。

      已針對列印優化

      如需詳細資訊,請參閱UX指南 (https://msdn.microsoft.com/windowsvista/uxguide)。

  • 將深色背景上的淺色文字轉換成白色背景上的深色文字。

包含正確的列印選項

[列印選項] 通用對話方塊提供下列選項:

  • 選取印表機和紙張大小。
  • 設定印表機屬性。
  • 選取頁面範圍、複本數目和定序。
  • 使用紙張的兩側。

您的程式可能需要其他選項,例如文件內容選項(要列印的內容)、格式選項(如何列印,包括列印品質、圖片大小、適合框架),以及色彩選項。 如果您需要提供其他選項,請藉由擴充 [列印選項] 通用對話框來執行此動作。 請勿建立自定義的 [列印] 對話框。

設計列印選項時,請考慮列印多個文件的體驗。 下一個列印作業的機會與最後一個列印作業非常類似。 針對重新列印和類似的列印作業優化默認設定,不會讓使用者每次都完全開始。

設計效能和可用性的列印預覽

不正確的列印工作浪費時間和金錢。 針對檔建立程式,用戶應該能夠在執行實際列印之前評估結果。 列印預覽應該允許使用者:

  • 評估邊界、分頁符號、頁面方向、頁首和頁尾。
  • 流覽所有頁面。
  • 直接從列印預覽列印。

一些複雜的檔(例如計算機輔助設計 [CAD] 繪圖)可能需要很長的時間才能轉譯。 預覽的效能很重要,如果每一頁轉譯需要一段時間,列印預覽可能會變得相當乏味。 因此,最好有一個快速轉譯且足夠精確的列印預覽,讓用戶能夠評估列印結果,而不是有一個完全精確的預覽,以緩慢呈現。

設計列印預覽時,請考慮準備列印的完整工作。 用戶要尋找什麼? 他們會改變什麼? 檔建立程式應該提供互動式列印預覽,讓使用者可以在預覽中調整經常變更的設定,例如邊界和換行符。

不過,盡最大可能,您的程式預設應該執行正確的動作。 如有需要,請警告使用者可能預期的列印情況。 請勿依賴使用者使用列印預覽來尋找問題。 例如,假設電子表格的數據行太多,無法以直向模式在單一頁面上列印。 雖然程式可以顯示確認對話框,但更好的解決方案是自動以橫向模式列印。

如果你只做五件事...

  1. 設計適合程式類型的列印體驗。
  2. 請檢閱程式涉及列印的案例,並盡可能盡可能進行列印,並視需要列印為選擇性。
  3. 藉由自定義 [列印通用] 對話框,提供實用的列印延伸模組。 請勿為此目的建立自定義列印對話方塊。
  4. 針對重新列印和類似的列印作業優化列印選項。
  5. 視需要提供預覽功能。

列印模式

程式類型是適當列印體驗的主要指標:

標籤 價值
進階檔建立
用來建立、檢視及列印高端檔。 建立高品質列印成品的能力是程式存在的主要原因之一。 以專家用戶為目標。
用戶目標: 完美結果詳細控制列印輸出。
範例: Microsoft Word
建議的列印體驗:
  • 輸出已針對列印優化 (WYSIWYG)。
  • 進階檔案格式設定功能,包含列印大型物件的選項。
  • 進階列印選項,包括頁首和頁尾。 檔相關的列印選項會儲存在檔本身內。
  • 快速、準確、功能強大的列印預覽。
中繼檔建立
用來建立和檢視更複雜的檔。 建立高品質列印出品的能力很重要,但不一定是程式存在的主要原因之一。 以中繼用戶為目標。
用戶目標: 以最少的努力取得良好的結果。 部分控制列印輸出。
範例: 大部分Microsoft Office 程式,例如 Outlook 和 Excel。
建議的列印體驗:
  • 輸出已針對列印優化 (WYSIWYG)。
  • 某些檔案格式設定功能,能夠在不截斷的情況下列印大型物件。
  • 某些自定義列印選項,包括頁首和頁尾。
  • 精確、易於使用的列印預覽。
簡單檔建立
用來建立和檢視簡單檔。 以所有用戶為目標。
用戶目標:使用標準列印選項 基本列印支援。 用戶預期沒有任何調整的良好結果。
範例: WordPad、Paint。
建議的列印體驗:
  • 輸出可能已針對列印優化 (WYSIWYG),但這並非必要。
  • 某些檔案格式設定功能,能夠在不截斷的情況下列印大型物件。
  • 標準列印選項;自定義列印選項是選擇性的。
  • 簡單或無列印預覽。
檔查看器
用來檢視檔。 使用者無法變更文件內容或格式。
用戶目標:使用標準列印選項 基本列印支援。 用戶預期沒有任何調整的良好結果。 列印問題會自動處理,因為用戶無法修改檔。
範例: Windows Internet Explorer
建議的列印體驗:
  • 輸出可能已針對列印優化 (WYSIWYG),但這並非必要。
  • 程式會自動處理分頁符號、排除空白頁面、處理大型物件,以及移除背景和其他設計元素。
  • 標準列印選項;自定義列印選項是選擇性的。
  • 簡單或無列印預覽。
公用程式或企業營運應用程式
用來執行簡單、特定的工作。 以所有用戶為目標。
用戶目標: 能夠有效率地匯出選取的數據。 用戶預期沒有任何調整的良好結果。 通常對於這類程序來說,使用者對找到任何列印支援感到驚喜。
建議的列印體驗:
  • 視支援的案例而定,列印支援是選擇性的。
  • 輸出可能已針對列印優化 (WYSIWYG),但這並非必要。
  • 某些檔案格式設定功能。 如果截斷大型物件,可能可以接受。
  • 標準列印選項。
  • 列印預覽是選擇性的。

指引

常規

  • 不要列印只有頁首和頁尾的空白頁或頁面。 不過,如果頁首或頁尾包含頁碼,而且這些頁碼可能會在其他地方參考,則列印空白頁面。
  • 完全多任務緩衝處理任何擱置的列印作業,再關閉程式。

格式化頁面

  • 重新格式化文字版面配置以符合目標頁面大小。 永遠不要截斷文字。
  • 如果使用者不控制檔案的格式:
    • 藉由調整、旋轉或分割跨頁面,自動處理大型物件。 如需列印大型物件的更多指導方針,請參閱 過大的物件
    • 優化分頁符號,以排除空白和幾乎空白的頁面。
    • 將深色背景上的淺色文字轉換成白色背景上的深色文字。
    • 移除背景和其他設計元素, 特別是不適合黑白印表機時。
  • 如果您的程式提供個別的部分檔,請提供適合印表機的格式選項,將它們合併成單一檔以進行列印。
  • 移除互動式元素:
    • 拿掉瀏覽控制項和命令按鈕。

    • 請確定所有數據皆為可見且沒有滾動條。

    • 將連結取代為其文字對等專案。

      可接受

      如需詳細資訊,請參閱UX指南。

      已針對列印優化

      如需詳細資訊,請參閱UX指南 (https://msdn.microsoft.com/windowsvista/uxguide)。

      在此範例中,連結會取代為其括弧中的對等文字。

    • 將停留時顯示的實用資訊移至內嵌。

超大的物件

處理大型物件,例如電子錶格、圖形和相片,是列印特有的問題。 選擇下列其中一種方法:

  • 調整物件以符合頁面上的大小。 如果物件只有稍微太大而無法列印,將物件保留在單一頁面上就很重要,而且當縮小時,物件仍可辨識。

    相片的螢幕快照縮放為頁面的一半

    在此範例中,會縮放大型影像以符合頁面上的大小。

  • 旋轉頁面。 當在直向模式中,少數頁面在橫向模式中列印得更好時,此方法效果良好(反之亦然)。

    橫向相片的螢幕快照旋轉為直向

    在此範例中,大型影像會旋轉以更適合頁面上。

  • 在數個頁面上列印物件。 當對象無法調整或不應該縮放,而旋轉頁面並無説明或不想要時,此方法會正常運作。 如果物件具有內部界限(例如電子錶格中的數據行和數據列分隔器),請打破這些界限上的頁面,而不是在內容中。 此外,請重複瞭解頁面所需的任何元素,例如圖例或數據行標頭。 在數頁上分割物件時,請依閱讀順序指派頁碼(由左至右、由上至下)。

    下一頁screen shot of column heads repeated on next page screen shot of column heads repeated on next page 重複的欄首螢幕快照

    在此範例中,大型數據表會列印在兩個頁面上。 數據行標頭會從頁面保存到頁面,以利快速理解。

  • 截斷物件(只列印截斷後仍會顯示物件的部分)。 這種方法是最簡單的實作解決方案,但可能是最不可接受的解決方案。 另請注意,文字永遠無法接受截斷。

    直向頁面上半張寬相片的螢幕快照

    在此範例中,會截斷大型映像。

頁首和頁尾

  • 提供進階和中繼檔建立程序的頁首和頁尾。 如果用於多頁檔,請考慮為其他類型的程式提供頁首和頁尾。
  • 讓頁首和頁尾可自定義。 允許使用者定義左、置中和右部分。
    • 針對標頭,預設會將檔名稱放在左側。
    • 針對頁尾,預設會將文件版權或來源放在左側,以及右側的頁碼。
  • 使用易記的檔案路徑和 URL。 將空格顯示為空格,而不是 「%20」。
  • 針對功能表列和快捷選單,請使用顯示 [列印選項] 通用對話框的 [列印] 命令。 使用省略號來指出需要其他資訊。

    檔案功能表的螢幕快照,選取 [列印] 命令

    在此範例中,Print 命令有省略號,指出它會顯示 [列印選項] 通用對話框,以取得詳細資訊。

  • 對於搭配功能表列使用的工具列,請使用立即的 [列印] 命令。 按兩下按鈕會將檔的單一複本印到預設印表機。 這類工具列命令應該是立即的。 若要指出命令是立即的,請將預設印表機放在工具提示中。 用戶可以從功能表欄存取完整的 [列印] 命令。

    印表機圖示及其工具提示的螢幕快照

    在此範例中,工具列中的 [列印] 命令會立即列印,而不是顯示 [列印選項] 通用對話方塊。 將預設印表機放在工具提示中,會提供使用者略過對話框的文字增強功能。

  • 對於不使用功能表列的工具列,請使用 [列印分割] 按鈕。 按兩下按鈕會將檔的單一複本印到預設印表機。 按下按鈕的箭號部分會下拉式功能表,其中包含完整的 [列印]、[列印預覽] 和 [頁面設定] 命令。

    分割按鈕上印表機圖示的 螢幕快照

    在此範例中,Windows Internet Explorer 工具列會使用分割按鈕控件來提供所有列印命令。

  • 針對功能區命令使用者介面,請將 [列印] 命令放在應用程式功能表中。

    垂直放置於左側命令的螢幕快照

    針對功能區,可以使用應用程式功能表存取 [列印] 命令。

  • 請勿建立自定義的 [列印選項] 對話框。 如果您必須提供其他選項,請擴充 [列印選項] 通用對話方塊。 請勿將個別對話框用於其他列印選項。

不正確:

自定義列印選項對話框的螢幕快照

在此範例中,Fabrikam 不正確地使用個別對話框進行其他列印選項。

開發人員: 如需如何擴充列印通用對話框的詳細資訊,請參閱 PRINTDLGEX 結構

  • 擴充 [列印選項] 通用對話框時,請勿複製任何已提供的功能。
  • 如果使用者可能會維護從一個列印作業到下一個列印作業的設定,請將這些設定設為預設值。 針對程序啟動后的第一個列印作業,請使用標準預設值,包括預設印表機。 針對程式 實例的後續列印作業,請保留最後選取的印表機和紙張大小。 請勿保留複本或頁面範圍的數目,因為這些複本或頁面範圍較不晚會重新選取。
  • 拿掉目前不適用的選項,以優化設定。 拿掉與所選印表機的功能不一致的選項,或目前檔的特性。 例如,相片列印應用程式可以限制紙張大小、紙張類型和列印質量的組合,以提供最佳結果,因此選擇光澤紙張選項可能會從紙張格式移除信封。 如果基於任何原因,使用者想要查看所有選項,您可以透過複選框之類的控件來提供這項功能。

開發人員: 若要瞭解如何判斷所選印表機的功能,請參閱 印表架構

  • 針對進階檔建立程式,請將檔相關的列印選項儲存在檔本身內。 針對這些程式,列印選項是檔不可或缺的一部分。
  • 針對其他類型的程式,請根據每個使用者儲存設定。
  • 請考慮選取非預設印表機進行特製化列印。 例如,不論系統預設印表機為何,相片列印應用程式一律可以選取程式上次使用的印表機。 這麼做會假設系統預設印表機不太可能是相片印表機。 這類程式應該儲存上次選取印表機的設定。
  • 偵測印表機功能時,請勿鎖定程式。 這樣做會呈現不佳的用戶體驗。 請改為:
    • 在不同的線程中執行印表機功能偵測。
    • 10 秒後逾時。
    • 提供對話框以允許使用者取消。

[連線到] 對話框的螢幕快照

在此範例中,如果用戶決定工作花費太長的時間,對話框可讓您輕鬆地取消印表機功能偵測。

  • 視需要提供列印預覽功能。 所有檔建立程式都受益於列印預覽,但使用者並不期望他們在簡單的檔建立程式中。 針對進階檔建立程式,請考慮直接在主程序視窗中提供列印預覽支援。

列印預覽 中顯示的頁面螢幕快照

在此範例中,Word 在主程序視窗中有列印預覽支援。

  • 提供可讓使用者:
    • 評估邊界、分頁符號、頁面方向、頁首和頁尾。
    • 流覽所有頁面。
    • 直接從列印預覽列印。

請考慮提供互動式列印預覽,讓使用者可以直接在預覽中調整經常變更的設定,例如邊界和換行符。

  • 讓列印預覽頁面在一秒內呈現。 最好有一個快速轉譯且精確到足以讓用戶評估列印結果的列印預覽,而不是讓呈現速度較慢的完全精確的預覽。
  • 針對進階檔建立程式,請考慮直接將預覽功能併入其中,以擴充標準列印對話框, 而不是為其建立個別對話框。
  • 提供關閉預覽模式的明顯按鈕。

關閉列印預覽圖示和標籤screen shot of close print preview icon and label screen shot of close print preview icon and label 的螢幕快照

Word 中的列印預覽模式有明顯的關閉預覽命令。

列印錯誤

注意: 印表作業已多任務緩衝處理至印表機之後,Windows 會負責任何後續的錯誤。 您的程式只需要處理列印作業多任務緩衝處理之前發生的錯誤。

  • 在多任務緩衝處理列印作業之前,請檢查用戶可修正的任何潛在列印問題。 在繼續列印之前,先呈現清楚、簡潔的確認。 盡可能提供自動修正問題。 這樣做可以防止浪費時間和金錢。

發簡訊

  • 若要讓選項列印在紙張的兩側,請標示 [列印雙面] 選項。 請勿使用手動雙工片語。

文件

  • 使用列印,而不是列印出來,做為動詞。
  • 使用列印輸出參照列印作業的結果是可以接受的。
  • 使用列印佇列,而非印表機佇列。