Workivaプラットフォームでのデザイン

はじめにコンテンツをWorkivaプラットフォームに取り込む方法

Workivaは、Microsoft Word (.docx)からコンテンツをインポートすることができます。この部分を急いではいけない。ゆっくりでいい。このワードファイルはどこから来たのですか？元々Wordで作成されたもの（素晴らしい！）か、PDFから変換された文書（良くない）か？プロジェクト終了時にWorkivaからエクスポートする際は、以下のガイドラインに従ってください。

ヘルプビデオWorkivaへのコンテンツのインポート

InDesignで始める

インデザイン

スタイルがフォルダにないことを確認する
すべてのスタイルがCSSに準拠した名前を持っていることを確認してください - スペースがなく、数字で始まらず、特殊文字が含まれていません。ヒント：英数字、キャメルケース、またはハイフン付きの名前にこだわる。
すべての色がCMYKではなくRGBであることを確認してください。
InDesignからMSWordへ順次コンテンツをコピーする

MS Wordの場合

1. Wordファイルでスタイルが正しく適用されているか確認する

ワーキバ

WordファイルをWorkivaにインポートします。
Wdeskでスタイルが正しく適用されていることを確認する
必要に応じて再フォーマットを行う

ヘルプビデオInDesignで始めるドキュメントのセットアップ

ワードで始める

MS Wordの場合

これがオリジナルの Word 文書かどうかを確認する - 以下の古い文書に関する問題を参照。
すべてのスタイルが文書全体に正しく適用されていることを確認する。
上記のようにWorkivaにインポートする

古文書

Workivaは.docxファイルをインポートすることができますが、デザイナーはこのWordファイルの出所に注意する必要があります。というのも、その中には、「忖度（そんたく）」が含まれている可能性があるからだ：

隠しキャラクター
ホワイトスペース
表形式（タブ）

Workivaプラットフォームでは見えないかもしれませんが、後でICMLやXHTMLにエクスポートする際に問題が生じる可能性があります。

意識テーブルスタイルが Word からインポートされない。

PDFしかない場合

PDF文書またはPDFから変換されたWord文書しかない場合は、まずASCiiテキストエディタ（PCの場合はメモ帳++）に内容を貼り付け、タブやその他の空白文字をハイライトしてから、このテキストファイルをWordで開いてからWorkivaにインポートすることをお勧めします。これにより、Workivaで作成して適用しなければならないスタイリングがすべて取り除かれる。しかし、潜在的に危険な隠しコードはすべて削除される。

ヘルプデータシートドキュメントのセットアップ

すべてのユーザーにとってのベストプラクティス

私たちは、デザイナーがクライアントのワークスペースに入ることを本当に推奨している。

組版責任の分担

Workivaは、コンテンツ制作者、監査人、タグ付け担当者、デザイナーが共同で作業できるプラットフォーム環境です。これは素晴らしいことだが、適切に管理されなければ混雑する可能性がある。

プロジェクトは、次のような場合にスムーズに進む：

チーム全員がレポートの基本構造を理解し、スタイルを正しく一貫性を持って適用する。
デザイナーはレポート全体に対して十分なスタイルを作成する。これにより、作者が不要な新しいスタイルを作成したり、既存のスタイルにオーバーライドを適用したりするのを防ぐことができます。
デザイナーは、特定のスタイルをいつ使うべきかをチームに教育する。
デザイナーが報告サイクル全体を通して組版をチェック

パーミッションの使用
パーミッションは、文書の全部または一部へのアクセスを制御することができます。デザイナーは、積極的にセクションをデザインするときにこれを使うことができる。これには、Advanced Permissionsを使用します。終了後、簡単に以前のパーミッションに戻すことができます。

プロジェクト・カレンダー
Workivaは、あなたが慣れ親しんでいるものとは少し異なるタイムラインを提示することができます。コンテンツをプラットフォームに正しくインポートし、スタイルを作成して適用するには時間がかかる。デザイン・ツールの動作は、あなたが慣れ親しんでいるものとは若干異なる場合があり、タイムラインやプロジェクト・カレンダーに影響を与える可能性があります。

ヘルプビデオデザイナー向けWorkivaプラットフォームの紹介

覚えておいてほしいのは、デザイナーは修正や直前の変更を心配する必要はないということだ！

私たちは事前トレーニングを奨励している。詳しくは[Design Reporting Learning Hub] をご覧ください。

前日まではもう少し余裕を持たせるが、提出日まではそれほど時間は必要ないはずだ。

スタイルセットアップ

Workivaはマルチチャンネル出版環境です。文書内で作成されたコンテンツは、PDF、HTML、DOCX、ICML、XHTMLなど、さまざまな出力形式にエクスポートできます。

このようにデータを再利用できるため、デザイナーは構造化されたコンテンツを扱う必要があり、Workivaはスタイルを使ってそのコンテンツを構造化する。

ヘルプビデオスタイルガイドの重要性

スタイルガイド

スタイルガイドは、文書のデザインに関する一連の基準であり、文書全体および／または複数の文書にわたる書式の一貫性を保証するものである。

スタイルの設定
デザイナーがこれを行う方法は2つある。

Workivaプラットフォームでスタイルを設定する
InDesignソフトウェアでスタイルを作成し、Microsoft Word文書/ソフトウェアを介してWorkivaプラットフォームにインポートする。

各スタイルの呼び方
すべてのコンテンツについてスタイルを検討する必要がある。スタイル名を選ぶ際には、例えばそのスタイルの用途を反映した名前を選ぶとよい：

CaptionSmallBlue またはTableTextBold

こうすることで、チーム全員が構造を理解し、コンテンツに正しいスタイルを適用できるようになる。私たちはこれをセマンティック・スタイリングと呼んでいる。

スタイル名には文字や数字を含めることができますが、常に文字で始める必要があります。例：

見出し1は良い ☑.1見出しは機能しない&

!@#$%^&*()_+-={}:"<>?[];',./`~ などの文字や、空白は避けなければならない。

スタイルのロック
一度作成すると、デザイナーはスタイルとその属性をロックできます。これは、作者がそのスタイルの一面を変更することを阻止するものである。ロックできる：

フォントファミリー、サイズ、色、強調
アラインメント、スペーシング、インデント

トップ・ヒント：デザイナーはスタイルにメモを加えることもできる。これは、ユーザーがスタイルを選択する際に役立つかもしれない。スタイルパレットでスタイルにカーソルを合わせると、スタイル属性の横にメモが表示されます。

よく構築されたスタイルシートを使用する利点は以下の通りである：

クライアントのための効率的なオーサリング - あなたは誰もが優れたタイプセッターであることを望んでいる！
文書の健全性と一貫性
翌年以降のスタイルの進化／ロールオーバーが容易
価値創造 - レポートをWorkivaのWebAPIなどで使用することができます。

ヘルプビデオWorkivaからのエクスポート

ヒント:スタイルは常にスペースや特殊文字を含まない文字で始まります。

覚えておくべきこと

プロジェクト開始時にスタイルを正しく設定する時間を取る。
Workivaプラットフォームでは、「ノーマル」スタイルを使用しないことがベストプラクティスです。デフォルトの'Normal'をピンクにして、このスタイルなしコンテンツを識別する。
表スタイルはWordからインポートされないので、表スタイルをカスタムスタイルパレットに表示するには、少なくとも1行のコピー（表以外）に適用する必要があります。これらのスタイルは、プラットフォーム上のすべてのテーブルに適用する必要がある。

スタイルの迅速な適用
テキストをセクション全体で選択し、スタイルを適用することはできますが、一般的にセクション全体を1つのスタイルでスタイリングしたいとは思わないでしょう（それが真新しいコピーであり、1つのスタイルを適用することが理想的な出発点である場合を除きます）。
しかし、セクション全体やレポート全体に素早く一貫したスタイルを適用する必要がある場合は、フォーマットペインターが最適です。
フォーマットペインター」は「編集」メニューにあり、使用するには次のようにするだけでよい：

コピーしたいスタイルをカーソルで選択します。
ペインターのアイコンを一度クリックすると、スタイルが読み込まれたことを示す枠線が表示されます。
そのスタイルを適用したいコピーをクリックします。

そのスタイルを複数行、複数箇所のコピーに適用したい場合は、ステップ2でペインターのアイコンをダブルクリックし（アイコンの周りに太い枠ができます）、適用します。アイコンをもう一度クリックしてオフにするまで、スタイルはロードされたまま適用されます。テーブルで使用する場合、セルのスタイルと罫線もコピーされる（上、左、右、下の罫線）ので、テーブルでスタイルを手動で適用する方が簡単かもしれないことに注意してください。

デザインガイド

Workivaは共同作業プラットフォームであり、すべての人が協力して作業するため、最高レベルの一貫性を保つためにデザインガイドを作成することが推奨されます。これは、簡単に参照できるように、レポートの冒頭に一時的に置くことができる。
デザインガイドは、色、表やセルの幅、コアスタイルの適用など、要素の基本要件を確立するのに役立ちます。このデザイン・ガイドのサンプルをご希望の方は、CSMまでご連絡ください。

さらに、標準的な棒グラフや円グラフがプラットフォームで使用されている場合は、以下のような詳細を含め、マークアップしたものを添付することも有益です：


必要なピクセル幅（1列以上タイトル、軸、データ・ラベル、凡例のテキストのフォント・サイズ、太さ、色

バーまたはパイセグメントに使用する色の順序と色合いスペーシング、ラベル配置などの追加設定
	これは、デザインとの一貫性を維持するためにチャートを再作成／調整する方法を、どのユーザーも知るのに役立ちます。
これは、デザインとの一貫性を維持するためにチャートを再作成／調整する方法を、どのユーザーも知るのに役立ちます。

ドキュメントの設定

Workivaプラットフォームでレポートを正しく設定することが重要です。今、時間をかけて、次のことを行ってください：

1 フォーマットの検討
マルチチャンネルパブリッシングのシナリオでは、ページフォーマット、余白、ガッターの寸法を最初から確立しておくことが重要です。
考慮すべきこと

Landscape v portrait
従来、ほとんどの年次報告書は縦長のプレゼンテーションを使用していたが、画面上でより見やすくするために横長のプレゼンテーションを使用するケースが増えている。

スプレッド
現在の iXBRL インラインリーダーでは、スプレッドの概念が制限されている。見開きで情報を伝えると、連続した2ページに分かれてしまうので、デザイナーは注意が必要だ。インライン・ビューワー内で見開きを表示することは、ウェブ開発の助けを借りれば可能です。インライン・ビューワー体験の一部として見開きが必要な場合は、ウェブチームにご相談ください。

ミラーマージン
印刷される文書の場合、縫い目の関係で内側のマージンが外側のマージンより広くなることがよくある。これは、PDFとXHTMLの両方でデジタル表示される場合、可読性の問題を引き起こす可能性があります。デジタル・プレゼンテーション用に余白を調整する。

2 ドキュメントのページサイズを設定する


ドキュメントのページサイズは、「ファイル／プロパティ」メニューで設定できます。

ドキュメントパネルにはページフォーマットタブがあり、ページサイズを選択できます。

3 余白とガター
余白とガターは文書全体に設定できます。この方法については、専用セクションをご覧ください。[リンク］

4 文書のアウトライン（索引）を設定する
文書のアウトラインは文書の構造を表します。ドキュメントは親セクション、子セクションに分割できる。

5 スタイルパレットを作成する
Workivaプラットフォームのすべてのコンテンツには、スタイルが添付されているはずです。この方法については、専用セクションをご覧ください。[リンク］

6 ヘッダーとフッター
[ヘッダーとフッター]は、Workivaプラットフォームで生成できます。その方法については、専用セクションをご覧ください。

7 タイプセット
タイプセットはWorkivaプラットフォームで行われる。マルチチャンネル・パブリッシングのベストプラクティスは、ソフトリターンを使用しないことです。ソフトリターンとは、Shift Enterキーを押したときのことです。これは、段落の区切りではなく、改行を作成します。ソフトリターンとハードリターンは、編集リボンの非印刷文字の表示/非表示を押すことで確認できます。ソフトリターンではなく、スタイルエディターの行間プロパティを使用する。

単語を区切らない場合、たとえば監督の名前なら、間に改行以外のスペースを入れる。挿入＞記号＞特殊文字＞改行なしスペース。キーボードショートカットもある。

PCでの改行なしスペース
CTRL + Shift + Space
Macでの改行なしスペース
CMD + Shift + Space

または
挿入 > 記号 > 特殊文字 > 改行なしスペース

8 測定値
測定単位は、ドキュメントのプロパティパネルで設定できます。

マージンと溝

マージンとは、文書の上下左右の余白のこと。ガターは柱と柱の間のスペース。

ページマージン
ページマージンはドキュメントのデフォルトとして設定できますが、セクションレベルで上書きすることもできます。
ドキュメントのデフォルトマージンを設定する
ドキュメントのマージン設定は「プロパティ」メニューからアクセスします。プロパティ/ドキュメント/ページフォーマット。

セクションのマージンを変更する
セクションのマージンは、セクションのプロパティパネルで変更します。これは右側のメニューからアクセスでき、現在選択されているセクションの設定が表示される。
セクションのマージンを変更すると、そのセクションのドキュメントのデフォルトが上書きされます。セクションのマージンが上書きされたかどうかは、変更されたマージンの横に矢印が表示されるので、すぐにわかります。矢印をクリックすると、そのマージンのデフォルトに戻ります。

カラムガター
カラムガターは文書のデフォルトとして設定できますが、セクションレベルや段落レベルで上書きすることもできます。
ドキュメントのデフォルト列ガターを設定する
列ガター設定には、「プロパティ」メニュー - 「プロパティ」/「ドキュメント」/「ページフォーマット」
列ボックスに複数の列が入力されるまで、ガター測定は選択できないことに注意してください。
これが終わったら、雨樋を変更することができる。

その後、必要に応じてデフォルトの列を1つに戻すことができますが、雨樋に入力した新しい寸法は残ります。

セクションレベルの柱溝を変更する
セクションの柱溝は、セクションのプロパティパネルで変更します。これは右側のメニューからアクセスでき、現在選択されているセクションの設定が表示される。
セクション・マージンと同様に、ガター設定が修正された場合は、カーブした矢印（例参照）が表示されます。矢印をクリックすると、その溝のデフォルト設定が復元されます。

段落レベルのカラム・ガターを変更する
段落のカラム・ガターは、「段落のプロパティ」パネルで変更します。これは右側のメニューからアクセスでき、現在選択されている段落の設定が表示されます。
段落のカラムガターを変更すると、その段落のドキュメントとセクションの両方の設定が上書きされます。

ドキュメントとセクションのプロパティの詳細については、Workiva サポートをご覧ください。

ヘッダーとフッター

ヘッダーは文書の上マージンに表示されるセクションで、フッターは文書の下マージンに表示されるセクションである。
ヘッダーとフッターには、文書タイトル、ページタイトル、ナビゲーションバー、ページ番号、日付、脚注などの追加情報を含めることができます。ヘッダーまたはフッターに入力されたテキストは、リンクされたすべてのセクションで繰り返されます。ヘッダーとフッターはセクションに固有で、互いに独立しており、次のセクションで繰り返すように設定できます。
セクションのヘッダーまたはフッターのコンテンツにアクセスするには、まず現在のセクションのヘッダーまたはフッターのスペースをクリックする必要があります。
これで自動的に右側に関連するプロパティパネルが表示されるはずです。

プラットフォーム上のドキュメントのヘッダーとフッターのスペースに、かなり複雑なレイアウトを作成することができます - [クリエイティブレイアウト]を参照してください。

ヘッダーとフッタープロパティパネルの説明
設定

前のセクションと同じ
このセクションでは、前のセクションと同じヘッダーを使用する。
交互ページ
奇数ページでは1つのヘッダーを使い、偶数ページでは別のヘッダーを使う。ページ番号はヘッダーとは別に機能するので、ページネーションが奇数ページから始まる偶数ページのヘッダーを持つ場合、奇数ページ番号が表示されることに注意してください。
異なる最初のページ
セクションの最初のページは、次のページとは異なるヘッダーを使用する。交互ページも適用される場合は、セクションの最初のページの後から始まる。
異なる最終ページ
セクションの最終ページでは、前のページとは異なるヘッダーを使用する。交互ページも適用される場合、セクションの最終ページの前で終了する。

位置

From Top (ヘッダーのみ)
ヘッダーがページのどの位置から始まるかを変更する。
From Bottom (フッターのみ)
フッターをページのどの位置から始めるかを変更する。

余白

左
ここでは、セクションで使用されているものとは異なる左マージンを設定することができます。
右
ここでは、セクションで使用されている右マージンとは異なる右マージンを設定することができます。
Match section margins
ページ全体のマージン幅を合わせるには、このボックスをチェックする。

ページ番号

Insert Page Number
現在のセクションの選択されたヘッダーまたはフッターに、自動的にページ番号を挿入します。
Restart section numbering
（ヘッダーとフッターの両方で）
このボックスをチェックすると、ページ番号の開始番号とスタイルを選択できます。

（ヘッダーとフッターの両方）ここで、セクションの開始ページ番号を設定できますスタイル（ヘッダーとフッターの両方）ここで、このセクションのページ番号の文字スタイルを設定できます自動ページ番号設定挿入／自動テキスト／セクションページ番号。

これにより、カーソルのあるところに自動的にページ番号が挿入される。

ヘルプビデオヘッダーとフッターのすべて

表組み

表の書式設定は面倒に思えるかもしれない。しかし、冷静に考えれば簡単なことだ。表の中に含まれるデータの多くは、リンクされたスプレッドシートから来ている。データの完全性を維持するための強力なツールであるリンキングの機能について詳しくは、[Workiva Support]をご覧ください。

表の作成
空の表は、挿入したい行にカーソルを置き、挿入メニューに移動して表をクリックすることで作成できる。デフォルトのテーブルがその場所に挿入され、その幅を埋める。

Insert_table (1).png

テーブル作成の詳細については、Workiva Supportをご覧ください。

セルスタイル
Workivaプラットフォームはセルスタイルを使用せず、リボンを介したスタイリングに依存しています。

表スタイルの書式設定
セルに段落スタイルを適用
セルまたはセルのグループを選択し、スタイルガイドから目的の段落スタイルを選択します。

セルにアライメントを適用する
セルまたはセル群を選択し、セルのアライメント・ドロップダウン・メニューから希望のアライメント・スタイルを選びます。

セルに規則を適用する
規則を適用したいセルまたはセル・グループを選択し、「編集」メニューから「枠線」ドロップダウンを選択する。

罫線の太さ、線のスタイル、色、罫線を適用する場所を設定するためのコントロールがあります。

罫線の配置オプションをクリックする前に、罫線の太さ、線のスタイル、色を設定することが重要です。

線の太さ、スタイル、色を設定したら、以下の罫線配置オプションから選択します。

ルールの配置パネルで強調表示されているエッジは、クリックするとルールの設定が適用されるエッジです。Clear borders」を使ってセルから1つのルールだけを削除する場合、意図せずに削除された他のルールを置き換える必要があることに注意することが重要である。

セルに色合いを適用する
セルまたはセルのグループを選択し、「編集」メニューの「背景色」パネルでドロップダウンメニューをクリックし、色を選ぶか、16進数リファレンスの色を追加します（まだリストされていない場合は、「追加」をクリックして適用します）
色合いを完全に削除するには、同じ操作を行いますが、代わりに「色なし」を選択します。

以前の色合い設定は、ドキュメントを閉じるまで保持され、背景色アイコンをクリックするだけですぐに適用できます。

表のサイズの書式設定
開始行／列をクリックし、シフトキーを押しながら最後の行／列をクリックすることで、一度に複数の行／列を選択することができます。ただ、複数の行／列を選択する場合、一部が非表示になっている可能性があり、そのままにしておく必要があることに注意してください。

カラム幅の調整
手動で調整することも、特定の測定値を適用することもできます。
手動調整

列または列のグループを手動で調整するには、選択範囲を選択し、表の上部にある列の端のいずれかにカーソルを合わせると、矢印のアイコンが表示されます。

正確に調整する
列または列のグループに特定の測定値を設定するには、選択範囲を選択し、選択した列に適用される幅の正確な数値を書式パネルで入力できます。これは列幅の一貫性を保つための最良のオプションです。

InDesignからレイアウトを合わせる場合は、InDesignファイルをポイントまたはピクセルで表示し、プラットフォーム上で必要な等価測定値を確認できます。

手動で調整することも、特定の測定値を適用することもできます。
手動で調整する
行または行のグループを手動で調整するには、選択範囲を選択し、矢印のアイコンが表示されるまで行の端のいずれかにカーソルを合わせます。次に、ドラッグしてサイズを拡大／縮小する。ダブルクリックすると、行の高さが自動的に調整され、隠れていたテキストが表示されます。

正確に調整する行または行のグループに特定の測定値を設定するには、選択範囲を選択し、選択した行に適用される高さの正確な数値を書式パネルに入力します。

財務表の場合は、（前述のように）手動で自動的に調整する方が、高さの固定された行にテキストが不明瞭なまま残されることを避けられる。

また、選択したテーブルの「テーブルのプロパティ」メニューにある「セルの内容に合わせて行のサイズを変更する」をオンにするオプションもある。これはドキュメント・レベルでもチェックできますが、レイアウト目的で意図的にトリミングされた表にも影響するので注意してください。

スタイリングテーブルの詳細については、Workiva Supportをご覧ください。

カラーマネジメント

XHTMLの場合、RGBカラーしか使えません。これはウェブでサポートされている唯一のカラーフォーマットだからです。InDesignを使用してコンテンツを追加する場合は、InDesignをRGB（赤、青、緑）に設定する必要があります。
Hexとは、RGBカラーをベース8（16進数）で表現する別の方法です。印刷にはパントンカラー（特色）を使用。使用されるインクは、CMYKカラーで構成されるのではなく、指定された実際の色である。その正確さから、コーポレートカラーのブランディング・ガイドラインに指定されることも多い。特定の色については、常にブランディング・ガイドラインを確認することが望ましい。

ヒント：すべてのユーザーが読みやすいように、十分な色のコントラストをつけましょう。この辺のガイダンスについては、各地域の管轄規則をご確認ください。色のコントラストは監査の一部となりうる。

カラーパレットの使用
プラットフォームのカラーパレットには64色の標準色がありますが、その下にカスタムカラーエリアがあり、最大16色のカスタムカラーを保存し、一度に表示することができます。
カスタムカラーエリアでは、文書固有の色を追加することができます。
カラーパレットはユーザー自身のアカウントにリンクされている。同じカスタムカラーが必要なユーザーが追加された場合は、カスタムパレットに個別にアップロードする必要があります。
色の選択が必要なプラットフォーム機能では、同じカラーパレットが表示されます。

カスタムカラーをパレットに追加する
カスタムカラーをパレットに追加するには、メインメニューから任意のカラーパレット（テキストカラー、ハイライト、背景色など）を開き、カスタムカラーボックスに希望の色の16進数参照またはRGB番号を追加して追加をクリックします。

Custom_colours (1).png

これにより、左上のカスタムカラーボックスに色が追加され、既存のすべての色が1つ移動します。すでに16色ある場合は、最後の色がリストの最後から落ちます。

色の16進数リファレンスがない場合は、ブランディング・ガイドラインを参照するか、チームの他の人に尋ねてください。スクリーンショットをPhotoshopにスクレイピングして16進数の色を推定するのは良い考えではない。

Workivaサポートでのカスタムカラーの使用に関する詳細情報

フォント

認識：フォントのインストールには6週間ほどかかることがありますので、必要であれば優先的に行ってください。対応フォント一覧はこちら

プロジェクト開始前に、フォントが、すべてのフォントウェイトバリエーションとともに、ワークスペースのWorkivaプラットフォームで利用可能であることを確認することが重要です。
フォントを使用するには、ワークスペースにロードする必要があります。すでにサポートされているフォントのリストがあります。追加ライセンスが必要な場合もありますのでご注意ください。

プラットフォームへのフォント追加
プラットフォーム上でブランドやデザイン要件に基づく特定のフォントが必要な場合は、フォントと必要なウェイトをWorkivaフォントチームに提供する必要があります。これはクライアントのCSMを通じて行うことができる。
フォントチームはアップロード前に互換性とライセンス要件をチェックします。このプロセスには最長で6週間かかる。
プラットフォームではTTFバージョンのフォントのみを使用しています。お客様からOTFが提供された場合、Workivaはそれを変換するか、TTFバージョンを要求します。

ライセンス
XHTMLで公開する場合、企業はiXBRL/XHTMLファイルで使用されているフォントウェイトのウェブ使用権を所有する必要がある。

現在のところ、iXBRLの提出はウェブ利用に該当する。企業は、使用しているすべてのフォントのライセンス状況を確認することをお勧めします。また、発行者は、サプライヤーにこれを代行してもらうことも、実際に発行者に代わってそのようなライセンスを保有することもできない。加えて、ライセンシングはフォントの「ウェイト」単位で行われるため、あるフォントファミリーのウェイトを2つしか使用していない場合は、そのウェイトの分だけを遵守すればよい。

フォントがWorkivaプラットフォームで利用可能な場合、そのフォントはオープンソースであるか、適切なライセンスが設定されています。

オープンソースフォント
グーグルフォントやその他の「無料で使える」フォントは、コスト的な理由だけでなく、特にウェブ用に調整されているため、検討する価値があるかもしれない。

ブラウザでのフォントレンダリングのテスト
デザイナーは、予期せぬ影響を避けるために、ブラウザでのフォントレンダリングをテストすることが重要です。そのような知識をもってフォントを選択することが重要である。また、イタリック体や古いサンセリフ体のフォントは、ブラウザでレンダリングしたときに見栄えが悪くなることがあります。早めにフォントをテストすることをお勧めします。

Workiva プラットフォームにないフォント
ドキュメントにアップロードされたベクター画像に使用されているフォントは、そのフォントが埋め込まれているか、アウトライン化されていることをご確認ください。フォントが Workiva プラットフォームで利用可能な場合は、このステップは必要ありません。

カスタムフォント
これらには、ライセンス上の理由やテキスト内の装飾的な使用のために構築されたフォントが含まれます。フォントの構造がWorkivaプラットフォームに適していることを確信できるよう、十分にテストしてください。

フォントの名前の変更
フォントの名前を変更すると、そのフォントが使用できなくなったり、表示されなくなったりすることがありますのでご注意ください。

プラットフォーム上のフォントリストへのリンク
[サポートされているフォントの最新リストはこちら]をクリックしてください。

注意フォントの名前を変更しないことが重要です！

イメージ管理

ウェブフォーマット（JPG、GIF、PNG）は、このプラットフォームでサポートされている唯一のフォーマットです。

画像を配置する
画像を配置するには、以下の手順に従います：

画像を表示したい場所にカーソルを置く（空の段落、既存のテキスト内、テーブルセル内、ヘッダーやフッター内など）。
メインの「ファイル」メニューの「挿入」ドロップダウンから「画像／インライン」を選択する。

Insert_image2 (1).png

サイズとプロポーション
インポートされた画像は、挿入された列を埋めるように比例したサイズになります。
挿入後に画像サイズを修正するには、次のようにする必要があります：

画像を選択します。
画像のプロパティパネルを開きます。
縦横比を維持する必要がある場合は、「アスペクト比を維持する」にチェックが入っていることを確認してください。
お好みのサイズになるまで、幅や高さを調整することができます。
幅または高さにカーソルを合わせると、2つの矢印が表示されます。これらをクリックし、マウスボタンを押したままにすると、画像のサイズを素早く拡大または縮小することができます。

正確を期すには、矢印を使ってサイズを変更することをお勧めします。

エクスポート時に画質とサイズを管理するためのコントロールがプラットフォーム上にある。つまり、Workivaドキュメント内で高解像度ワークフローを維持し、書き出し後に画像を色補正することができます。

ヘルプビデオアセットの管理 - チャート、イメージ、インフォグラフィックス

解像度
インポートされた画像は、作成時と同じ解像度で表示されます。アップロード時に画像の解像度を変更することはありません。
解像度は、ドキュメントのプロパティ（すべての出力に適用されます）、またはエクスポート中にエクスポート詳細メニューで個々のエクスポートごとに変更できます。
設定が適用されていない場合、すべての画像はインポート時と同じ解像度でエクスポートされます。

カラーモード RGB vs CMYK
CMYK画像が必要になるのは、プロとして文書を印刷するときだけでしょう。画像の色調補正に関する詳細は、「Workivaからの印刷」セクションをご覧ください。

オフライン管理
Workivaには画像ライブラリがありません。さらに、繰り返される画像は、プラットフォーム上で互いにリンクされていない。マスター画像のコピーはすべて、編集者／デザイナーがローカルで管理しなければならない。

画像の更新
現在、プラットフォーム上で画像を更新することはできません。プラットフォーム外で画像を修正した場合は、再度挿入する必要があります。
画像のサイズと位置は、既存のバージョンと同じに設定する必要があります。

JPGに注意
JPG（JPEG）は、CMYKとRGBで保存／使用できるため、特定の問題が発生する可能性があります。また、Adobe Photoshopやその他の画像編集ソフトの古いバージョンでは、jpgフォーマットへの「保存」と「書き出し」に違いがあります。

見開きページに関する注意事項
見開きページ（2ページ）にわたって使用される大きな画像は、プラットフォームで使用するために1ページに分離/分割する必要があります。

Workivaプラットフォームからの印刷

このプラットフォームはウェブベースなので、RGB環境である。プロとしてレポートを印刷する場合、考慮すべき点は以下の通りです。

出力オプション
プラットフォームからRGBまたはCMYKのPDFを書き出すことができます。
これらのオプションの詳細については、エクスポートを参照してください。

RGB PDF
書き出されたRGB PDFは、印刷用に色補正が必要ですが、印刷の準備にはおそらく最良のバージョンで、最も柔軟性があります。

CMYK PDF
エクスポートされたCMYK PDFは、カラーをそのままCMYKに変換しますが、ブランドガイドラインの要件と一致しない場合があり、変換された画像は印刷に必要なカラー変換設定/彩度と一致しない場合があります。

色調補正
色調補正の方法については、プリンターに相談することを強くお勧めします。
一般的な画像フォーマット

ウェブフォーマット
JPG、GIF、PNG（ビットマップ）、SVG（解像度なし）は、画像の一般的なウェブフォーマットです。ビットマップ・フォーマットは、多くの場合72dpiか96dpiに設定され、RGBである。
印刷用画像
PSDとTIFFは印刷用の一般的な画像フォーマットで、多くの場合300dpi（1平方インチあたりのドット数）に設定され、常にCMYKです。グラフのような解像度のないグラフィックは、イラストレーター（AI）やEPS（Encapsulated Postscript）形式で使用されます。

画像変換
RGBからCMYKへの最適な変換方法については、印刷会社がアドバイスできる場合があります。
書き出した画像をそのまま変換する場合は、ドキュメントに高解像度の画像を配置してください。
もう一つのオプションは、書き出したPDFの画像を高解像度CMYKバージョンに置き換えることです。これは、Adobe AcrobatやEnfocus Pitstopなどのツールを使用して行うことができます。

ブリード
ブリード機能の詳細はここに記載されている。

ウェブ（ワーキバ）	印刷
.png (rgb、72dpi または 96dpi)	.psd (cmyk, 300dpi)
.jpg (rgb、72dpi または 96dpi)	.tiff (cmyk、300dpi)
.svg	.jpg (cmyk、300dpi)
	.ai
	.eps

グラフ

Workivaのチャートはスプレッドシートのデータに基づいており、そのデータはスタンドアロンまたはリンクすることができます。ソースで数値を変更すると、チャートはレポートやプレゼンテーション全体で自動的に更新されます。
チャート作成ツールは、アドビ製品のすべての機能を備えているわけではないが、テーブル、画像、レイアウトを巧みに使うことで、多くのバリエーションを実現することができる。チャートでクリエイティブになる】をもっと見る。

図表の挿入
図表はインラインにのみ挿入できるので、コンテンツ内のどこにカーソルを置いても表示されます。一般的には、これは新しい空の段落になります。図表をヘッダーやフッターに配置することはできません。
チャートを挿入するには、チャートを表示したい場所にカーソルを置き、EditメニューからInsert/Chartに移動し、ドロップダウンリストからチャートの種類を選択します。

チャートを挿入すると、デフォルトの色、フォント（Arial）、デフォルトの寸法（ページのサイズや向きに関係なく、幅613ピクセル×高さ380ピクセル）が表示されます。

ヘルプビデオアセットの管理 - チャート、イメージ、インフォグラフィックス

チャートのデフォルトを知る
ここにすべてのデフォルト・チャートがある。
デフォルト設定のほとんどを変更することで、必要なチャートの外観を作成することができ、それはチャート・プロパティ・パネルから行うことができる。

線	列	積み上げ縦棒グラフ	コンボ

面グラフ	棒グラフ	積み上げ棒グラフ	積み上げコンボ

円グラフ	ドーナツ	ウォーターフォール	散布図

バブル	詳細なバブル

チャート・プロパティ・パネル
チャートをクリックすると、チャート・プロパティ・パネルが利用可能になります。ここには多くのオプションがあり、チャートの選択によって異なることもある。

チャート・プロパティ
一般
タイトルの追加やサイズの設定など、一般的なオプションはここにあります。

Series/Slices/Plot
ここでは、チャートで使用されるデータに関する様々な設定、例えば色やデータ・ラベルの適用などを行うことができます。

Left/Right Axis
これはY軸に影響し、左軸と右軸の切り替えが可能です。

Bottom Axis これはX軸に影響する。	Legend ここでチャートの凡例の設定を変更する。

ヒント:非印刷セクションにいくつかの汎用チャートを設定し、レポート全体で必要なときにコピーして配置し、更新するだけです。

基本的なチャートの設定
ここでは、ゼロからチャートを設定する際のヒントとコツを紹介する。

選択したチャート・タイプを挿入する。ここでは列グラフが選択されている。
幅と高さを設定します。ヒントとしては、最初のチャートの正しい幅を視覚的に設定するために、列幅いっぱいに設定した単一セル・テーブルを使用することである。

Chart_working_out_size (1).png

チャートを一度クリックしてすべて選択し、フォント、フォントサイズ、色を変更する。

Chart_setting_font (1).png

特定のテキストをクリックすることで、テキストのさまざまな部分を変更することができます。

Chart_setting_individual_font (1).png

データを修正または挿入するには、チャート上で右クリックし、「チャート・データの表示」を選択する。新しいタブでデータが開きます。

Chart_setting_data (2).png

ここから、列、行の追加、データの修正、軸フォーマットの変更（2022年12月31日/12月など）、値フォーマットの変更（会計/パーセントなど）ができます。
データは他のソースとリンクさせ、自動的に更新することもできる。

Chart_editing_Data (1).png

ここで変更した内容は、チャートにも反映されます。

チャート境界の端とチャート要素との間の空白は、Spacingオプションで微調整できる。

デフォルトは15だ。

以下、スペーシングはすべて5に設定されている。

スペーシングをゼロにしたい場合もあるかもしれませんが、書き出しフォーマットでテキストがトリミングされないことを確認してください。

Awareness tip:スペースをゼロにしたい場合もあるかもしれませんが、書き出しフォーマットでテキストが切り取られてしまわないか確認してください。

バーはシリーズによってコントロールされる。チャートのプロパティ・パネルで系列を選択するか、チャートのバーをクリックする。

シリーズを選択した状態で、プロパティ・パネル内で修正を行うことができる。

パネル内の異なるシリーズ間を移動するには、シリーズ名をクリックします。2つ目のドロップダウンメニューから、個々のバーを選択することもできる。
この例では、赤が選択され、データ・ラベルの表示が選択され、凡例がオフになっている。

結果は以下の通り。

設定をオンにして表示される追加テキストは、あなたのテキストスタイルに合わせて調整する必要があるかもしれません。

ヒント:チャートのあらゆる設定を早めに試して、何が達成できるかを確認する。

タイトルを修正または非表示にするには、[全般プロパティ]パネルに移動します。

軸を修正するには、軸をクリックするか、Chart Propertiesパネルで見つけます。タイトルの下に、最小/最大値とステップサイズが追加された。

その他のヒント
図表中の脚注／化学記号
脚注参照番号と化学記号は、データ・ラベル、軸ラベル、図表タイトルに追加できるが、手動でのみ可能である（自動脚注は不可）。上付き/下付きはユニコード参照で行わなければならない。

さまざまなウェブサイトが、0～9と（）のUnicodeリファレンスをリストアップしており、ユーザーはそれをコピーしてチャートに貼り付けることができます（それがタイトルであれデータシートであれ）。
この図は、Superscript/Subscript と、そのコピーされた Unicode バージョンが、チャート、データシート、および通常のテキストでどのように表示されるかを示しています。

Workivaサポートでのチャート使用に関する詳細情報

ハイパーリンクとブックマーク

ハイパーリンクとブックマークは、大規模なレポートには欠かせないツールだ。プラットフォーム上のハイパーリンクは、ブックマーク、ページ、外部リソースを対象とし、ナビゲーションを可能にする。

リンクの種類
ハイパーリンク
ハイパーリンクを使うと、Workiva の外のリソースにリンクしたり、文書内の異なるセクションやブックマークに移動したりすることができます。ハイパーリンクは、文書内にナビゲーションバーを構築する際に最適です。

Workivaサポートでのハイパーリンクの使用に関する詳細情報

ブックマーク
ブックマークを使うと、文書内のその場所をマークし、ハイパーリンクで簡単に移動することができます。

Workivaサポートでのブックマーク使用に関する詳細情報

リンクにスタイルを適用する
ハイパーリンク
ハイパーリンクを適用すると、デフォルトではテキストが青くなり、下線が追加されます。

現在のところ、デフォルトの設定は変更できませんが、リボンから手動でハイパーリンクの外観を変更することができます。

自動的に適用される下線と青色を削除するには、基礎となるテキストスタイルのロックを解除する必要があります。

ハイパーリンクのテキストをハイライトし、手動で色を希望の色に変更し、下線をオフにします（下線ボタンを2回クリックする必要がある場合があります）。

しおり
しおりをつけてもテキストの見た目は変わりません。

しおりを目立たせたい場合は、テキストスタイルを作成し、一貫して適用してください。

ブックマークが配置された場所を確認する必要がある場合は、ブックマークパネルでブックマークをクリックしてください。ブックマークに直接リンクされ、リンク先のテキストがハイライトされます。

エクスポート
ハイパーリンクとブックマークは、PDF と XHTML の両方のエクスポートで機能します。PDFのブックマークリストはWdeskドキュメントのセクション構造に基づいているため、プラットフォームのブックマークはクリック可能なリンクとして機能しても、リストには表示されません。

輸出

エクスポートは、アクセスする Workiva ソリューションに依存します。さまざまなエクスポートオプションが表示される場合があります。すべてのエクスポートフォーマットは、ファイルメニューの「名前を付けて保存」からアクセスできます。

Workivaサポートでの輸出に関する詳細情報

主なエクスポート形式は以下の通りです。

XHTML（ウェブ、ESEF、タグ付き）
XHTMLは3つの異なる目的のために生成することができます。
ウェブ

Workivaドキュメントは、「名前を付けて保存」のドロップダウンにあるXHTMLオプションを使用して、XHTMLに直接エクスポートすることができます。

エクスポートオプションウィンドウが開きます。そこから、ドキュメントの全体または一部をエクスポートすることを選択し、詳細タブの下でその出力にさらにいくつかの調整を行うことができます。

外部ハイパーリンクを無効にする
このオプションは、読者を文書外の目的地に誘導するハイパーリンクを無効にします。

編集可能なXHTML
編集可能なXHTMLは、ウェブサイトとのより良い統合のために、結果のコードの編集を可能にし、WebAPIの基礎となっています。このオプションを選択すると、XBRL世代で生成されるXHTMLがより準拠したものになります。

ESEF：ESEF:ESEFファイリングのXHTMLは「名前を付けて保存」メニューからエクスポートできますが、タグは含まれません。これは編集可能なXHTMLとは異なります。

タグ付き：タグ付きXHTMLは、XBRL生成プロセスに従って自動的に生成され、「名前を付けて保存」メニューからはアクセスできない。

PDF
PDFを選択すると、PDFエクスポートオプションウィンドウが開きます。
ドキュメントの全体または一部をエクスポートし、[詳細設定]タブでその出力にさらに調整を加えることができます。
以下は上級者向けのオプションだ。

インクルードマークアップ
ドキュメントマークアップツールがあなたのドキュメントで使用されている場合、これらはPDFに含まれます。
Reduce Image Resolution (PPI) to:
ここから、画像解像度を下げて、画像のピクセル/インチ（PPI）をダウンスケールし、全体のファイルサイズを小さくすることができます。
Use CMYK Colorspace
このオプションはPDFをRGBからCMYKに変換します。これはストレートな変換であり、ブランドガイドラインと一致しない場合があること、また変換された画像が印刷に必要な色変換設定/彩度と一致しない場合があることを覚えておくことが重要です。
Tag for Web Accessibility
これには、スクリーン・リーダーに必要な要素のタグ付けが含まれます。

Word
エクスポートオプションとしてWordを選択すると、Wordエクスポートオプションウィンドウが開きます。
ドキュメントの全体または一部をエクスポートし、[詳細設定]タブでさらに調整を加えることができます。

Include Leader Dots
ドキュメント内でリーダードットが使用されている場合、Wordのエクスポートに含まれます。
フォントを埋め込む
これを選択すると、Wordファイルにフォントが埋め込まれます。これは、フォントがローカルにインストールされていない場合に、Wordファイルを画面に正しく表示するのに役立ちます。
Show Table Cell Shading
これを選択すると、セルに追加されたすべてのシェーディングが含まれます。
Reduce Image Resolution (PPI) to:
ここから、画像の解像度を下げて、画像のピクセル/インチ（PPI）をダウンスケールし、全体のファイルサイズを小さくすることができます。