DISTさま主催の「Sketch時代のWebデザインワークフロー」にて「シンボルの効率的な作成・運用法とエンジニア連携についての取り組み」というタイトルでお話をさせて頂きました。

DIST.18 「Sketch時代のWebデザインワークフロー」 (2017/11/10 19:00〜)

# 更新履歴 更新日時 内容 10/25 16:18 「当日決済枠・キャンセルしない人用（勉強会のみ）」の定員を増やしました。 10/24 11:37 参加枠の定員を調整しました。 10/24 8:00 イベントページを公開しました。 # イベント概要 ビジュアルデザインとコーディング/プログラミングをスマートに連携、進行していくにはどうすればよいでしょうか？　Webデザインのワークフローの中でも、最も制作 側の比重が高いこの工程では、スマートデバイスやレスポンシブデザインの普及とともに、近年大きな変革が起こっています。 そんな中、...

dist.connpass.com

私自身Webデザインの経験が少ないのと、Sketch初学者の方が多いということでしたので、Symbolの作り方やデータの受け渡しを中心としたお話をさせて頂きました。

スライド内で新規性のあるトピックと言うと、レベルの分類についての部分でしょうか。この考え方、もともとはAtomic Designの構造をSketch上でSymbolデータを作りやすいように独自に解釈したことが始まりとなっています。
ですが、自分自身この構造に対しては「どのような分類が適切なのか？」があまりスッキリしないまま使っていたというのが正直なところです。

というわけで、せっかくの機会なので「レベルの分類ってどういうのがいいのだろうか？」について考えてみました。一旦は「コンポーネントとして独立しているかどうか」という、振り返ればMoleculesかOrganismsかみたいな無難なところに落ち着きまして、しかしながらいまだにモヤモヤは残っている、といった状況です。

改めて考えてみると、やはりこの分類の仕方はコードに親切ではないなあと思いますし、もう少しエンジニアさんの意見を吸い上げながら適切に整形していきたいですね。むしろそういった運用をされている組織やチームがあれば、ぜひ知見を伺いたいです。