HirokiAdobeの製品をはじめ、デザイン制作のツールはさまざまです。その中で「レイヤー」の概念を持ったものがほとんど、というかこれが無いとウェブページやアプリケーションのデザインは難しいのではないでしょうか。今回はそのレイヤーの自己流整理方法をまとめてみます。レイヤーを整理すると何がいいのか?どんなにキレイで素晴らしいデザインであっても、データを開くとレイヤーがぐっちゃぐちゃ...ということはよくあることです。困るのはそのデータをもとにサイトを構築するコーダーやエンジニア。それから将来的にそのデザインを修正をする可能性のあるデザイナー本人(もしくは別のデザイナー)なのです。何ヶ月、何年、と前に制作したデータのひどいレイヤー構造に、過去の自分を責め涙を流すことになります。ひどいレイヤー構造(イメージです)私のレイヤー整理方法1.不要なレイヤーは削除する当たり前のことに思えますが、意外と出来ていないところ。要らないなら捨てる、が鉄則です。Photoshopだと、レイヤーとして存在しているけど中身が空っぽ、なんてこともよくあります。「今は使ってないけど必要」なのであれば、それが分かるようにしておくのが良いと思います。なんだか整理収納アドバイザーみたいな話をしていますが、割とそんな感じかもしれないです。2.できるだけ名前を付ける「レイヤー1」や「長方形2」など、その時は理解していても時間が経つと間違いなく「なにこれ?」となります。いうことは自分以外の人間は更に「なにこれ?」です。場合によっては怒られたり泣かれたりするかもしれません。そのレイヤーが何なのか、見て分かるようになるべく名前を付けてあげましょう。3.並び順のルールを決める使用するツールにもよりますが、だいたい新しいレイヤーが上に作られていくと思います。私はそのまま下から上へ、と作成していきます。(ヘッダーがスクロールに追従する場合などは例外)上からでも下からでも良いですが、データの中で統一されていることが重要だと思います。4.要素ごとにグルーピングする例えばヘッダーやフッター、コンテンツ領域ごとにざっくりとまとめて、その中の細かい要素やパーツでグルーピングをしていきます。何でもかんでもグループ化されていると逆に編集しづらいものになってしまいますので、マイルールをしっかり決めておきましょう。後回しにしない!仕事が立て込んでいたり、急ぎの依頼だったりすることはよくあります。そんなときに「あとでやるから」と思っていても、だいたいやりません。レイヤーがぐちゃぐちゃでもデザインには何の問題もありませんので、たぶんやりません。(主観です)そろそろ整理しておこうかな、と思ったときには他ページのデザイン作業や他の案件でそれどころじゃなくなっていますので、後回しにせずやっておきましょう。まとめ不要なレイヤーは削除するできるだけ名前を付ける並び順のルールを決める要素ごとにグルーピングする以上のことを後回しにせずにデザインをしていく、というのがマイルールです。しなければいけないという決まりはありませんし、極端にガチガチなルールがあると大変です。自分を含め、関わる人みんなに優しいデータが作れるよう、マイルールを設定しましょう。Entry2020.02.17「JPG-??」とか「PNG-??」の??ってなんだろう2020.02.10カレーパーティーが開催されました。