Webサイトの制作において、写真やデザインが同じベクターイメージを多用する機会や、一度配置したデザインを制作工程において色変更またはサイズ変更することはよくあることだ。すべての同種のデータをひとつずつ変更するのはとても手間がかかり、非効率である。そこで活用したいのが「シンボル」だ。これによって効率化を図れる。

ここではメニューボタンの作成を例にとって説明する。まず、メニューボタンの文字以外の部分をシンボルに変換する【1】。次に、文字ごと必要な数のコピーを行い、文字部分のみ項目に応じた名前に変更する【2】。また、デザインする中でマークの色変更をする必要が発生したとする。そこでシンボル変換した元レイヤーおよび複製したレイヤーのひとつを変更すると、まとめて全ボタンの色を変更することが可能である【3】。また、画像を「シンボル」に変換しておくことで、サイズ調整や変更をする際、オリジナルデータが残っているため、画像の劣化なく繰り返し変更が可能だ【4】。

【1】シンボルに変換したいボタンベースを作成する