開始者 : Workivaプラットフォームにコンテンツを取り込む方法
Workivaは、Microsoft Word(.docx)からコンテンツをインポートすることができます。この部分を急いではいけない。時間をかけて。このWordファイルはどこから来たのか問い合わせますか? 元々Wordで作成されたドキュメント(素晴らしい!)か、PDFから変換されたドキュメント(良くない)か?プロジェクト終了時にWorkivaからエクスポートする際、正常な結果を得るために以下のガイドラインに従ってください。
ヘルプビデオ: コンテンツを Workiva にインポートする
InDesignで始める
インデザイン
- スタイルがフォルダにないことを確認する。
- すべてのスタイルがCSSに準拠した名称であることを確認してください - スペースがなく、数字で始まらず、特殊文字が含まれていません。ヒント:英数字、キャメルケース、ハイフンの名称にこだわる。
- すべての色がCMYKではなくRGBであることを確認してください。
- InDesignからMSWordへ順次コンテンツをコピー。
MS Wordの場合
-
- Wordファイルでスタイルが正しく適用されているか確認する。
Workivaで
- WordファイルをWorkivaにインポートする - File>Import
- Wdeskでスタイルが正しく適用されていることを確認する
- 必要に応じて再フォーマットを行う
ヘルプビデオInDesignで始めるドキュメントのセットアップ
ワードで始める
MS Wordの場合
- これがオリジナルのWordドキュメントかどうかを確認する - 以下の古いドキュメントに関する問題 を参照。
- ドキュメント全体にスタイルが正しく適用されているか確認する。
- 上記のようにWorkivaにインポートする。
古い文書に関する説明書
Workivaは.docxファイルをインポートすることができますが、デザイナーはこのWordファイルの出所に注意する必要があります。含む可能性があるからだ:
- 非表示
- ホワイトスペース
- 表形式(タブ)
Workivaプラットフォームでは見えないかもしれないが、後でICMLやXHTMLへのエクスポートで問題が作成される可能性がある。
|
意識: テーブルスタイルがWordからインポートされません。 |
PDFしかない場合
PDFドキュメントまたはPDFから変換したWordドキュメントしかない場合は、まずコンテンツをASCiiテキスト編集者(PCの場合はメモ帳++)に貼り付け、タブやその他の空白文字をハイライトしてから、このテキストファイルをWordで開いてからWorkivaにインポートすることをお勧めします。これで、Workivaで作成して適用しなければならないスタイルがすべて取り除かれる。しかし、潜在的に危険な非表示コードはすべて削除される。
すべてのユーザーにとってのベストプラクティス
私たちは、デザイナーがクライアントのワークスペースに入ることを本当に推奨している。
組版責任の分担
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プラットフォームでは、「ノーマル」スタイルを使用しないことがベストプラクティスです。デフォルトの「Normal」をピンクにして、このスタイルなしコンテンツを識別します。
- 表スタイルはWordからインポートされないので、カスタムスタイルパレットに表示されるようにするには、表スタイルを(テーブル以外の)少なくとも1行のコピーにも適用する必要があります。これらのスタイルは、プラットフォーム上のすべてのテーブルに適用する必要がある。
スタイルの迅速な適用
テキストをセクション全体で選択し、スタイルを適用することはできますが、一般的にはセクション全体を1つのスタイルでスタイリングしたいとは思わないでしょう(新規コピーで1つのスタイルを適用するのが理想的な出発点でない限り)。
しかし、セクション全体やレポート全体に素早く一貫したスタイルを適用する必要がある場合は、書式ペインターを使用するのが最良の方法でしょう。
書式ペインターは編集メニューにあり、使用するには次のようにするだけでよい:
- コピーしたいスタイルをカーソルで選択します。
- 書式ペインターのアイコンを一度クリックすると、スタイルが読み込み中であることを示す罫線が表示されます。
- そのスタイルを適用したいコピーをクリックします。
そのスタイルを複数行、複数箇所のコピーに適用したい場合は、ステップ2で書式ペインターのアイコンをダブルクリックし(アイコンの罫線が太くなる)、適用する。アイコンをもう一度クリックしてオフにするまで、スタイルは読み込み中のまま適用されます。テーブルで使用する場合、セルのスタイルと罫線もコピーされ(上 / 左 / 右から下 / 左へ罫線)、手動で表にスタイルを適用するよりもシンプルになる場合があることに注意してください。
デザインガイド
Workivaは共同作業者プラットフォームであるため、最高レベルの一貫性を保つためにはデザインガイドの作成が推奨されます。これは、参照しやすいようにレポートの冒頭に一時的に置くことができる。
デザインガイドは、色、テーブル/セル幅、コアスタイルの適用など、要素の基本要件を確立するのに役立ちます。このデザインガイドのサンプルをご希望の方は、カスタマーサクセスマネージャーまでご連絡ください。
さらに、棒グラフや円グラフがプラットフォームで使用されている場合は、以下のような詳細を含むマークアップした標準棒グラフや円グラフを含めることが有益であると思われる:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ドキュメントの設定
Workivaプラットフォームでレポートを正しく設定することが重要です。今、時間をかけて、次のことを行ってください:
1 書式の検討
マルチチャンネル・パブリッシングのシナリオでは、最初からページ書式、余白、ガター寸法を設定することが重要です。
考慮すべきこと
Landscape v portrait
従来、アニュアルレポートの多くは縦長のプレゼンテーションを使用していたが、画面上でより見やすくするために横長のプレゼンテーションを使用するケースが増えている。
スプレッド
現在の iXBRL インラインリーダーでは、スプレッドの概念が制限されている。見開きで情報を伝えると、連続した2ページに分割されてしまうので、デザイナーは注意が必要だ。ウェブ開発のヘルプにより、インライン・ビューワ内でスプレッドを提示することは可能です。インライン・ビューワのエクスペリエンスの一部としてスプレッドが必要な場合は、ウェブチームにご相談ください。
余白のミラー化
印刷するドキュメントの場合、縫い目の関係で余白の内側が外側より広くなることがよくあります。これは、PDFとXHTMLの両方でデジタルプレゼンテーションする場合、可読性の問題を引き起こす可能性があります。デジタルプレゼンテーション用に余白の調整を検討する。
2 ドキュメントのページサイズ設定
|
|
|
|
|
|
|
|
|
|
3 余白とガター
余白とガターはドキュメント全体に設定できます。その方法の説明については、専用セクションをご覧ください。[リンク]。
4 ドキュメントアウトライン(インデックス)の設定
ドキュメントアウトラインは、ドキュメントの構造を表します。ドキュメントを親セクションと子セクションに分割することができる。
5 スタイルパレットの作成
Workivaプラットフォームのすべてのコンテンツには、スタイルが添付されているはずです。その方法の説明については、専用セクションをご覧ください。[リンク]。
6 ヘッダーとフッター
[ヘッダーとフッター]はWorkivaプラットフォームで生成できる。その方法については、専用セクションをご覧ください。
7 タイプセット
タイプセットはWorkivaプラットフォームで行われる。マルチチャンネル・パブリッシングでは、ソフトリターンを使用しないことがベストプラクティスです。ソフトリターンとは、Shift Enterキーを押したときのことです。これにより、段落区切りではなく、改行が作成される。編集リボンの印刷されない文字の表示/非表示を押すと、ソフトリターンとハードリターンを表示できます。ソフトリターンではなく、スタイルエディタの行空間プロパティを使用します。
分割しない単語、たとえば監督の名称の場合は、間に改行しないスペースを入れる。Insert > Symbol > Special Characters > Non-breaking Spaceに移動します。キーボードショートカットもある。
PC上での非分割空白
CTRL + Shift + Space
Macでの非分割空白
CMD + Shift + Space
または
Insert > Symbol > Special Characters > Non-breaking Space(挿入 > 記号 > 特殊文字 > 分割スペース)。
8 測定単位
測定単位は、ドキュメントのプロパティパネルで設定できます。
マージンとガター
マージンとは、ドキュメントの上下左右の間隔のこと。ガターは列と列の間隔。
ページマージン
ページマージンはドキュメントのデフォルトとして設定できますが、セクションレベルで上書きすることもできます。
ドキュメントのデフォルトマージンの設定
ドキュメントのマージン設定は「プロパティ」メニューから使用します。プロパティ/ドキュメント/書式設定。
セクションマージンの変更
セクションマージンは、セクションプロパティパネルで変更します。これは右側のメニューから使用することができ、現在選択されているセクションの設定が表示される。
セクションのマージンを変更すると、そのセクションのドキュメントデフォルトが上書きされます。セクションのマージンが上書きされたかどうかは、変更されたマージンの次へ矢印が表示されるので、すぐにわかります。矢印をクリックすると、そのマージンのデフォルトに戻ります。
列の溝
列の溝はドキュメントのデフォルトとして設定できますが、セクションレベルや段落レベルで上書きすることもできます。
ドキュメントのデフォルト列ガター設定
列ガター設定は、プロパティメニュー - プロパティ/ドキュメント/書式設定
列ボックスに複数の列が入力されるまでは、ガター測定単位は選択できないことに注意してください。
これが終わったら、ガターを変更することができます。
その後、デフォルトの列を1列に変更することができますが、ガターに入力した新規測定単位は残ります。
セクションレベルの列ガターの変更
セクションの列ガターは、セクションのプロパティパネルで変更します。これは右側のメニューから使用することができ、現在選択されているセクションの設定が表示される。
セクション・マージンと同様に、ガター設定が訂正された場合、湾曲した矢印(例参照)が表示されます。矢印をクリックすると、そのガターのデフォルト設定が復元されます。
段落レベルの列ガターの変更
段落の列ガターは、段落プロパティパネルで変更します。これは右側のメニューから使用することができ、現在選択されている段落の設定が表示されます。
段落のカラムガターを変更すると、その段落のドキュメントとセクションの設定が上書きされます。
ドキュメントとセクションのプロパティに関する詳細は、Workiva サポートをご覧ください。
ヘッダーとフッター
ヘッダーはドキュメントの上マージンに表示されるセクションで、フッターはドキュメントの下マージンに表示されるセクションである。
ヘッダーとフッターには、ドキュメントタイトル、ページタイトル、ナビゲーションバー、ページ番号、日付、脚注などの追加情報を含むことができます。ヘッダーまたはフッターに入力されたテキストは、すべてのリンクセクションで繰り返されます。ヘッダーとフッターはセクションに固有で、互いに独立しており、次のセクションで繰り返すように設定できる。
セクションのヘッダーまたはフッターのコンテンツにアクセスするには、まず現在のセクションのヘッダーまたはフッターのスペースをクリックする必要があります。
これで自動的に右側に関連するプロパティパネルが表示されるはずです。
プラットフォーム上のドキュメントのヘッダーとフッターのスペースで、かなり複雑なレイアウトを作成することができます - [クリエイティブレイアウト]を参照してください。
ヘッダーとフッター プロパティパネルの説明
設定
以前のセクションと同じ
このセクションは、前のセクションと同じヘッダーを使用します。
ページの交互化
奇数ページでは1つのヘッダーを使い、偶数ページでは別のヘッダーを使う。ページ番号はヘッダーとは別に機能するので、ページネーションが奇数ページから始まる偶数ページのヘッダーを持つ場合、奇数ページ番号が表示されることに注意してください。
異なる最初のページ
セクションの最初のページは、次のページとは異なるヘッダーを使用する。ページの交互化も適用される場合は、セクションの最初のページの後から始まる。
異なる最終ページ
セクションの最終ページでは、以前とは異なるヘッダーを使用します。ページの交互化も適用される場合は、セクションの最終ページの前で終了する。
位置
From Top (ヘッダーのみ)
ヘッダーがページのどの位置から始まるかを変更します。
From Bottom (フッターのみ)
フッターをページのどの位置から始めるかを変更します。
余白
左
ここでは、セクションで使用されているものとは異なる左マージンを設定することができます。
右
ここでは、セクションで使用されているものとは異なる右マージンを設定することができます。
セクションの余白を合わせる
ページ全体の余白幅を合わせるには、このボックスをチェックします。
ページ番号
ページ番号を挿入
選択したセクションのヘッダーまたはフッターに、自動的にページ番号を挿入します。
セクションのナンバリングを再開
(ヘッダーとフッターの両方で)
このボックスをチェックすると、ページ番号の開始番号とスタイルを選択できます。
(ヘッダーとフッターの両方)
ここで、セクションの開始ページ番号を設定できます
スタイル
(ヘッダーとフッターの両方)
ここで、このセクションのページ番号の文字スタイルを設定できます
自動ページ番号設定
挿入/オートテキスト/セクションページ番号。これにより、カーソルのあるところに自動的にページ番号が挿入される。
テーブル書式設定
テーブルの書式設定は面倒に思えるかもしれない。しかし、クリアな頭脳があれば、それは簡単なことだ。テーブル内に含むデータの多くは、リンクされたスプレッドシートから来ています。データの完全性を維持するための強力なツールであるリンクの機能については、移動先 : [Workiva Support] をご覧ください
テーブルの作成
空のテーブルは、挿入したい行にカーソルを置き、挿入メニューに移動してテーブルをクリックすることで作成できる。デフォルトのテーブルがその場所に挿入され、その幅を記入します。
テーブル作成に関する詳細は、Workiva Supportをご覧ください。
セルスタイル
Workivaプラットフォームはセルスタイルを使用せず、リボンを介したスタイルに依存しています。
表スタイルの書式設定
セルに段落スタイルを適用
セルまたはセルのグループを選択し、スタイルガイドから希望の段落スタイルを選択します。
セルに整列を適用する
セルまたはセルグループを選択し、セルの整列ドロップダウンメニューから希望の整列スタイルを選択します。
セルに罫線を適用する
罫線を適用したいセルを1つまたは複数選択し、編集メニューから罫線ドロップダウンを選択します。
罫線の太さ、線スタイル、色、罫線を適用する場所を設定するコントロールがある以下のパネルが表示されます。
罫線配置オプションをクリックする前に、罫線の太さ、線スタイル、色を設定することが重要である。
線の太さ、スタイル、色を設定したら、以下の罫線配置オプションから選択する。
ルール配置パネルで強調表示されているエッジは、クリックするとルール設定が適用されるエッジです。もし「罫線クリア」を使ってセルから1つの罫線だけを削除するつもりなら、意図せずに削除された他の罫線を置換する必要があることに注意することが重要である。
セルに色合いを適用する
セルまたはセルグループを選択し、編集メニューの背景色パネルでドロップダウンをクリックし、色を選択するか、16 進参照色を追加します(まだリストされていない場合は、追加をクリックして適用します)
色合いを完全に削除するには、同じ操作を行いますが、代わりに「色なし」を選択します。
以前に設定した色合いはドキュメントを閉じるまで保持され、背景色アイコンをクリックするだけですぐに適用できます。
表のサイズを書式設定する
開始行/列をクリックし、シフトキーを押しながら最後の行/列をクリックすることで、一度に複数の行/列を選択することができます。ただ、複数の行/列を選択する場合、一部が非表示になっている可能性があり、そのままにしておく必要があることに注意してください。
列幅の調整
これらはマニュアルで調整することも、特定の測定単位を適用することもできる。
マニュアル調整
列または列のグループをマニュアルで調整するには、選択範囲を選び、テーブル上部の列の端のいずれかにカーソルを合わせると、矢印アイコンが表示されるので、それをドラッグしてサイズを拡大/縮小します。
正確な調整
列または列のグループに特定の測定単位を設定するには、選択した列を選択し、書式設定パネルで、選択した列に適用される幅の正確な数値を入力します。これは列幅の一貫性を保つための最良のオプションである。
数値の単位はピクセルであり、InDesignからレイアウトを合わせる場合は、InDesignファイルをピクセルで表示して、プラットフォーム上で必要な同等の測定単位を確認できます。
列の高さの調整
これらは手動で調整することも、特定の測定値を適用することもできます。
マニュアルで調整する
行またはグループをマニュアルで調整するには、選択し、矢印アイコンが表示されるまで行の端のいずれかにカーソルを合わせる。次に、ドラッグしてサイズを拡大/縮小する。ダブルクリックすると、行の高さが自動的に調整され、隠れていたテキストが表示されます。
正確に調整する 行または行のグループに特定の測定値を設定するには、選択範囲を選択し、書式設定パネルで高さの正確な数値を入力すると、選択した行に適用されます。
財務テーブルの場合は、(事前に説明したように)手動調整にこだわるほうが、高さの固定された行にテキストが不明瞭なまま残されることを避けられることからよい場合があります。
また、選択したテーブルのテーブル・プロパティ・メニューで、「セルのコンテンツに合わせて行のサイズを変更する」をオンにするオプションもある。これはドキュメント・レベルでもチェックできますが、レイアウトのために意図的にトリミングされたテーブルにも影響するので注意してください。
Workivaサポートのスタイルテーブルに関する詳細はこちら
色管理
XHTMLでは、RGBカラーしか使用できません。これは、ウェブでサポートされている唯一の書式設定だからです。InDesignを使用してコンテンツを追加する場合は、InDesignをRGB(赤、青、緑)に設定する必要があります。
Hexとは、RGBの色を8進数(16進数)で表現する別の方法です。印刷にはパントン色(特色)を使用。使用されるインクは、CMYKの色で構成されるのではなく、指定された実際の色である。その精度の高さから、コーポレートカラーのブランディング・ガイドラインに指定されることも多い。特定の色については、常にブランディング・ガイドラインを確認することが望ましい。
|
ヒント:すべてのユーザーが読みやすいように、色のコントラストを十分にしてください。この辺のガイダンスについては、各地域の管轄規則をご確認ください。色のコントラストは監査の一部となりうる。 |
カラーパレットの使用
プラットフォームのカラーパレットには64色の標準色がありますが、その下にカスタムカラーエリアがあり、最大16色のカスタムカラーを保存し、一度に表示することができます。
カスタムカラーエリアでは、ドキュメント固有の色を追加することができます。
色パレットはユーザー自身のアカウントにリンクされている。他のユーザーも同じカスタムカラーが必要な場合は、個別にカスタムパレットにアップロードする必要があります。
色の選択が必要なプラットフォーム関数では、同じカラーパレットが表示されます。
カスタムカラーの追加
カスタムカラーをパレットに追加するには、メインメニューから任意のカラーパレットを開き(テキストカラー、ハイライト、背景色など)、カスタムカラーボックスに希望の色の16進数参照またはRGB番号を追加し、追加をクリックします。
これにより、左上のカスタムカラーボックスに色が追加され、既存のすべての色が1つ移動します。すでに16色ある場合は、最後の色がリストの最後からドロップされます。
色の16進数参照がない場合は、ブランディング・ガイドラインを参照するか、チーム内の他の人に尋ねてください。スクリーンショットをPhotoshopにスクレイピングして16進数の色を推定するのは得策ではない。
Workivaサポートでのカスタムカラーの使用に関する詳細情報
フォント
|
認識:フォントのインストールには6週間ほどかかることがありますので、必要であれば優先的に行ってください。対応フォント一覧はこちら。 |
プロジェクト開始前に、フォントが、すべてのフォント太さのバリエーションとともに、ワークスペース内のWorkivaプラットフォームで利用可能であることを確認することが重要です。
フォントを使用するには、ワークスペースに読み込まれている必要があります。すでにサポートされているフォントのリストがあります。追加ライセンスが必要な場合もありますので、メモしておいてください。
プラットフォームへのフォント追加
プラットフォーム上でブランドやデザイン要件に基づく特定のフォントが必要な場合は、フォントと必要な太さをWorkivaフォントチームに提供する必要があります。これは、カスタマーサクセスマネージャーを通じて行うことができる。
フォントチームはアップロード前に互換性とライセンス要件をチェックします。このプロセスには最長6週間かかる。
プラットフォームでは、TTFバージョンのフォントのみを使用しています。依頼者がOTFを提供する場合、Workivaはそれを変換するか、TTFバージョンをリクエストします。
ライセンシング
XHTMLで更新する場合、企業はiXBRL/XHTMLファイルで使用する太さのフォントのウェブ使用権を所有する必要があります。
現在、iXBRLファイリングはウェブ使用状況に該当します。企業は、使用しているすべてのフォントのライセンス状況を確認することをお勧めします。また、発行者はこれをサプライヤーに代行してもらうことも、実際に発行者に代わってそのようなライセンスを保有することもできない。加えて、ライセンシングはフォントの「太さ」単位で行われるため、あるフォントファミリで2つの太さしか使用していない場合、その太さについてだけ準拠する必要があります。
フォントがWorkivaプラットフォームで利用可能な場合、そのフォントはオープンソースであるか、適切なライセンスが設定されています。
オープンソースフォント
グーグルフォントやその他の「無料で使える」フォントは、コスト的な理由だけでなく、特にウェブ用に調整されているため、検討する価値があるかもしれない。
ブラウザでのフォントレンダリングのテスト
デザイナーは、予期せぬ影響を避けるために、ブラウザでのフォントレンダリングをテストすることが重要です。そのような知識をもってフォントを選択することが重要である。また、イタリック体の太さや古いサンセリフ体のフォントは、ブラウザでレンダリングしたときに見栄えが悪くなりがちです。早めのフォントテストをお勧めします。
Workiva プラットフォームにないフォント
ドキュメントにアップロードするベクター画像で使用するフォントは、必ずそのフォントを埋め込みまたはアウトライン化してください。フォントが Workiva プラットフォームで利用可能な場合は、このステップは必要ありません。
カスタムフォント
ライセンス上の理由やテキスト内の装飾的な使用状況のために構築されたフォントを含む。フォントの構造がWorkivaプラットフォームに適しているかどうか、十分にテストしてください。
フォントの名前の変更
フォントの名前を変更すると、そのフォントが使えなくなったり、表示されなくなったりすることがありますので、ご注意ください。
プラットフォーム上のフォントリストへのリンク
[サポートされているフォントの最新リストはこちら]をクリックしてください。
|
注意フォントの名前を変更しないことが重要です! |
画像管理
ウェブ書式設定(JPG、GIF、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です。グラフのような解像度のないグラフィックは、Illustrator(AI)やEPS(Encapsulated Postscript)書式設定で使用します。
画像変換
RGBからCMYKへの最適な変換方法については、印刷会社がアドバイスできる場合があります。
エクスポートした画像をそのまま変換する場合は、ドキュメントに高解像度の画像を配置してください。
もう一つのオプションは、エクスポートしたPDFの画像を高解像度CMYKバージョンに置換することです。これは、Adobe AcrobatやEnfocus Pitstopなどのツールを使用して行うことができます。
ブリード
ブリード機能の詳細はここに記載されている。
| ウェブ(Workiva) | 印刷 |
| .png (rgb、72dpi または 96dpi) | .psd (cmyk, 300dpi) |
| .jpg (rgb、72dpi または 96dpi) | .tiff (cmyk、300dpi) |
| .svg | .jpg (cmyk、300dpi) |
| .ai | |
| .eps |
グラフ
Workiva のグラフはスプレッドシートのデータに基づいており、そのデータはスタンドアロンでもリンクでも可能です。ソースで数値を変更すると、レポートやプレゼンテーション全体を通してグラフが自動的に更新されます。
グラフ作成ツールは、アドビ製品のすべての機能を備えているわけではないが、テーブル、画像、レイアウトを巧みに使うことで、多くのバリエーションを実現することができる。[グラフでクリエイティブに[で書す愛をご覧いただけます。
グラフの挿入
グラフはインラインにしか挿入できないので、コンテンツ内のどこにカーソルを置いても表示される。一般的には、これは新規の空段落になります。グラフをヘッダーやフッターに配置することはできません。
グラフを挿入するには、グラフを表示したい場所にカーソルを置き、編集メニューから挿入/チャートに移動し、ドロップダウン・リストからグラフのタイプを選択する。
グラフを挿入すると、ページのサイズや向きに関係なく、デフォルトの色、フォント(Arial)、デフォルトのディメンション(幅613ピクセル×高さ380ピクセル)が設定されます。
ヘルプビデオ: アセット管理 - グラフ、画像、インフォグラフィックス
グラフのデフォルトを知る
ここにすべてのデフォルト・グラフがある。
デフォルト設定のほとんどを変更して、必要なグラフの外観を作成することができますが、これはグラフのプロパティパネルを通じて実現可能です。
| 線 | 列 | 積み上げ縦棒グラフ | コンボ |
| 面グラフ | 棒グラフ | 積み上げ棒グラフ | 積み上げコンボ |
| 円グラフ | ドーナツ | ウォーターフォール | 散布図 |
| バブル | 詳細なバブル | ||
|
|
チャート・プロパティ・パネル
グラフをクリックすると、チャート・プロパティ・パネルが利用可能になります。ここにはたくさんのオプションがあり、グラフの選択によって違ってくる。
グラフのプロパティ
一般
タイトルの追加やサイズの設定など、一般的なオプションはここで検索できます。
シリーズ/スライス/プロット
ここでは、グラフで使用するデータの色やラベルなど、さまざまな設定を行うことができます。
Left/Right Axis
これはY軸に影響し、LeftからRightに切り替え可能で、結合して使用することもできるが、どちらも同様のプロパティを持つ。
| 横軸 これはX軸に影響する。 |
Legend グラフの凡例の設定をここで変更します。 |
|
ヒント:非印刷セクションにいくつかの汎用グラフを設定し、レポート全体で必要なときにコピー、配置、更新すればよい。 |
基本的なグラフのセットアップ
ここでは、ゼロからグラフをセットアップする際のヒントやコツを紹介する。
- 選択したグラフタイプを挿入する。ここでは列グラフが選択されている。
- 幅と高さを設定します。ヒントとしては、最初のグラフの正しい幅を視覚的に設定するために、列幅いっぱいに設定した単一セルのテーブルを使うことである。
- グラフを一度クリックしてすべて選択し、フォント、フォントサイズ、色を変更する。
- 特定のテキストをクリックすることで、テキストのさまざまな部分を変更することができます。
- データの訂正や挿入は、グラフ上で右クリックし、「ビュー・チャート・データ」を選択することによって行うことができる。新規タブでデータが開きます。
- ここから、列や行の追加、データの訂正、軸書式の変更(2022年12月31日/12月など)、値の書式設定(アカウント/パーセンテージなど)を行うことができます。
データは他のソースとリンクし、自動的に更新することもできる。
- ここでの変更はグラフに反映されます。
- グラフ境界の端とグラフ要素の間の余白は、間隔オプションで調整できます。
- デフォルトは全体を通じて15です。
- 以下、空白は全体で5と設定しました。
- 間隔をゼロにしたい場合もあるかもしれませんが、エクスポートの書式設定でテキストが切り取られてしまわないか確認してください。
|
Awareness tip:間隔をゼロにしたい場合もあるかもしれませんが、エクスポート書式設定でテキストが切り取られてしまわないか確認してください。 |
- 棒グラフはシリーズによってコントロールされる。グラフのプロパティ・パネルで系列を選択するか、グラフの棒グラフをクリックします。
- シリーズを選択した状態で、プロパティ・パネル内で訂正を行うことができる。
- パネル内の異なるシリーズ間を移動するには、シリーズ名称をクリックする。個々の棒グラフは2番目のドロップダウン・メニューで選択することもできる。
- この例では、赤の色が選択され、表示データラベルが選択され、凡例がオフにされている。
結果は以下の通り。
- 設定をオンにして表示される追加テキストは、あなたのテキストスタイルに合わせて調整が必要な場合があります。
|
ヒント:チャートのあらゆる設定を早めに試し、何が達成できるかを検索します。 |
- タイトルを訂正または非表示にするには、「全般プロパティ」パネルに移動します。
- 軸を訂正するには、軸をクリックするか、グラフ・プロパティ・パネルで軸を検索します。タイトルの下に、最小/最大値とステップサイズが追加された。
その他のヒント
グラフ内の脚注/化学記号
脚注参照番号および化学記号は、データラベル、軸ラベル、およびグラフタイトルに追加できるが、マニュアルでのみ可能である(自動脚注は不可)。上付き/下付きはユニコード参照で行わなければならない。
さまざまなウェブサイトが、0~9と( )のUnicode参照をリストアップしており、ユーザーはそれをコピーしてグラフに貼り付けることができる(それがタイトルであれデータシートであれ)。
この図は、Superscript/Subscript とそのコピー Unicode バージョンが、グラフ、データシート、および通常のテキストでどのように表示されるかを示しています。
ハイパーリンクとブックマーク
ハイパーリンクとブックマークは、大規模なレポートには欠かせないツールです。このプラットフォームでは、ハイパーリンクをブックマーク、ページ、外部リソースに向けることができ、ナビゲーションを可能にする。
リンクタイプ
ハイパーリンク
ハイパーリンクは、Workiva外のリソースへのリンク、ドキュメント内の異なるセクションやブックマークへのナビゲートを可能にします。ハイパーリンクは、ドキュメント内にナビゲーションバーを作るときに最適です。
Workivaサポートでのハイパーリンクの使用に関する詳細情報
ブックマーク
ブックマークを使うと、ドキュメント内のある場所にマークを付け、ハイパーリンクで簡単にその場所に移動することができます。
Workivaサポートでのブックマークの使用に関する詳細情報
リンクにスタイルを適用する
ハイパーリンク
ハイパーリンクを適用すると、デフォルトではテキストが青くなり、下線が追加されます。
現在のところ、デフォルト設定は変更できませんが、ハイパーリンクの外観はリボンを使って手動で変更できます。
自動的に適用された下線と青い色を削除するには、その下にあるテキストスタイルのロックを解除する必要があります。
ハイパーリンクテキストをハイライトし、マニュアルで色を希望の色に変更し、下線をオフにします(下線ボタンを2回クリックする必要があるかもしれません)。
ブックマーク
ブックマークを適用しても、テキストの見た目は変わりません。
ブックマークを目立たせたいなら、テキストスタイルを作成し、一貫して適用すること。
ブックマークの位置を確認したい場合は、ブックマークパネルでブックマークをクリックしてください。ブックマークに直接リンクされ、リンク先のテキストがハイライトされます。
エクスポート
ハイパーリンクとブックマークは、PDFとXHTMLの両方のエクスポートで機能します。PDFのブックマークリストはWdeskドキュメントのセクション構造に基づいているため、プラットフォームのブックマークはクリック可能なリンクとして機能しても、リストには表示されません。
エクスポート
エクスポート先は、使用する Workiva ソリューションに従属します。異なるエクスポートオプションが表示される場合があります。すべてのエクスポート書式設定は、ファイルメニューの「名前を付けて保存」ドロップダウンから使用します。
以下は主なエクスポート書式設定です。
- XHTML(ウェブ、ESEF、タグ付き)
- XHTMLは3つの異なる目的のために生成することができます。
- Web
Workivaドキュメントは、「名前を付けて保存」ドロップダウンのXHTMLオプションを使用して、XHTMLに直接エクスポートすることができます。
エクスポートオプションウィンドウが開きます。そこから、ドキュメント全体または一部をエクスポートするかどうかを選択し、詳細タブでその出力にさらに調整を加えることができます。
外部ハイパーリンクを無効にする
このオプションは、読者をドキュメント外のリンク先に誘導するハイパーリンクを無効にします。
編集可能なXHTML
編集可能なXHTMLは、ウェブサイトとの統合をより良くするために、結果のコードを編集することができ、WebAPIの基礎となっています。このオプションを選択すると、XBRL世代で生成されるXHTMLがより準拠したものになります。
|
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エクスポートでリーダー点線が含まれます。 - Embed Fonts
これを選択すると、Wordファイルにフォントが埋め込まれます。これは、フォントがローカルにインストールされていない場合に、Wordファイルを画面に正しく表示するためのヘルプです。 - Show Table Cell Shading
これを選択すると、セルに追加された網かけを含みます。 - Reduce Image Resolution (PPI) to:
ここから画像解像度を下げ、画像のピクセル/インチ(PPI)をダウンスケールし、全体のファイルサイズを小さくすることができます。
|
認識:WorkivaドキュメントはWordドキュメントではありません。100%の調整は保証されませんので、テスト中であることを推奨します。 |
ドキュメント状態
Workivaプラットフォームには、ドキュメントヘルスツールが組み込まれています。これは、Workivaドキュメント内のさまざまな問題をチェックするのに便利です。ここに概要が示されたものは、ドキュメント作成やサインオフの際に手助けになる可能性があります。
|
認識:すべての問題を解決する必要はない。これはユーザーの裁量に基づいて問題を発見し、対処するためのツールに過ぎない。 |
ドキュメントの状態をチェックするタイミング
ドキュメント作成
ドキュメントが最初に設定/デザインされたとき、画像、コンテンツ、グラフ、ハイパーリンクの問題を調べるためにヘルスチェックを実行するのは良い習慣です。
ドキュメントのサインオフ
最終版のデザインを最終確認する際、画像、コンテンツ、グラフ、ハイパーリンクの問題を確認するために、最終状態のチェックを実行することも有効です。
方法
ドキュメント状態のアイコン
ドキュメントの状態のパネルに使用するには、セクション概要メニューから下を見下ろし、下図のようにドキュメント・ヘルスのアイコンを見つけるだけでかまいません。
ドキュメント健全性パネル
アイコンをクリックすると、自動的にドキュメントの健全性チェックが実行されます(下図)。
理想的なシナリオでは、潜在的な問題すべてに緑色の目盛りが表示されます。
以下は、説明書健全性チェックの実行時に表示される可能性が高い内容です。これらのチェックのすべてがデザインの問題に関係しているわけではない。
続行ボタンをクリックすると、ドキュメントヘルスのメインウィンドウが開きます。問題の所在の内訳はすべて掲載される。
概要フィルター
カテゴリーのドロップダウンメニューでは、不要な検索結果をオフにすることで、結果をフィルターにかけることができます。
フィルターメニューが表示されていない場合は、フィルターボタンを選択することで開いたり閉じたりすることができる。
よりデザインに関連した検索には、ドロップダウン・メニューからこれらの選択に目を通してください。
続いて更新ボタン。
レビュー担当者
表示される問題は、ドロップダウンで目盛りを付けたものだけになりました。
新規デザイン拡張機能 - フル動画
| 新たに追加されたWorkivaのデザイン機能のフルビデオ |
WorkivaからRNS(Regulatory News Service)に適したドキュメントを入手する方法
エクスポートオプションで、RNS提出用のWorkivaドキュメントを作成できます。詳細はExport for Regulatory News Service (RNS) をお読みください。
巻末資料
Workivaプラットフォーム・ガイドラインのフルデザインPDF(英語、フランス語、スペイン語
|
Workiva プラットフォームでの設計 Guide du concepteur pour la conception sur la plateforme Workiva Vous trouverez dans le guide Le Widget –Plateforme toutes les indications nécessaires pour réaliser la conceptiondans Workiva. Guía de maquetadores para maquetar en la plataforma Workiva Las directrices de la plataforma TheWidget le ofrece todas lasorientaciones necesarias para realizarsus maquetas en Workiva. |
|
|
Workiva の新規デザイン機能 |