前回（第3537号）紹介した「パッと見でわかるゾーン」は，見やすくするルールがある程度確立されており，プロでなくても効果的なイラストを制作することは可能だ。筆者は現在所属している北海道大学で，グラフィカルアブストラクト制作演習を担当している。演習を通してイラスト制作初心者を含む受講生それぞれが，自身の研究に関するグラフィカルアブストラクトを制作している。今回はその演習内容に沿って，制作フローにおけるTipsを順を追って説明する（図）。

解説系か比較系か

　まず，自分の研究のタイプについて考えてもらいたい。「○○のしくみ」「△△の影響」と示すことができる“解説系”と，「AとBの比較」といった“比較系”に分類できるとすれば，どちらになるだろうか？

　これまで制作してきたグラフィカルアブストラクトを振り返ると，この解説系と比較系で工夫するポイントが違うことに気づいた。解説系は視線誘導，比較系は対照性を意識してレイアウトするという点である。具体的な手法については後述する。

キービジュアルを入れる

　次に，一番印象付けたいキービジュアルを考える。例えば，新型コロナウイルス感染症に関連した解説系の研究であれば「ウイルス」と「肺や気管支」，ゲノム編集や薬の投与による細胞の変化を調査した比較系の研究であれば，「細胞」「ゲノム編集」「薬」がキービジュアルになるだろう。なお，目立つキービジュアルがたくさん詰まっているとゴチャゴチャした印象になるので，キービジュアルはできれば1つか2つ，多くても3つぐらいが良い。

レイアウトを考える

　上記のキービジュアルをどのようにレイアウトして研究の流れを見せるかが肝心である。解説系と比較系で意識するポイントを下記に示す。

解説系：視線誘導を意識した配置

　今この連載記事を左から右，上から下と読んでいるように，基本的に人の視線は左から右，上から下へと流れる。限られたスペースにあるビジュアルとテキストを素早く見せるには，このような視線誘導の法則を利用すると効果的だ。人の視線をリアルタイムで追跡するアイトラッキングを使ったこれまでの報告^1）では，視線誘導の形にはパターンがあり，特にメリハリのないレイアウトで情報が羅列されている場合はF型（最初に左上から左下に垂直方向に流れ，左上に戻り左から右へと水平方向に進む），情報の密度がそれほど高くない場合はZ型（最初に左上から右上へと水平方向に流れ，斜め下に視線を戻した後また水平方向に流れる）になるケースが多いらしい。

　私は解説系のレイアウトでは，後者のZ型を少し変形したひらがなの“て”を描くような視線誘導を意識して，なんとなくキービジュアルを配置している。...