阿部 文人
阿部 文人

necco Note

Adobe XD ユーザーグループ名古屋 vol.6に「デザインシステム」をテーマに出演しました。

  • Uncategorized
Adobe XD ユーザーグループ名古屋 vol.6[オンライン]

イベント概要

https://xdstudy-nagoya.connpass.com/event/229273/

2021年11月24日に開催された、Adobe XD ユーザーグループ名古屋 vol.6[オンライン]にデザインシステムをテーマに出演しました。

当日は50名ほどの参加者さんに聴いていただけたみたいです。ご視聴いただいたみなさまありがとうございました。

イベントダイジェスト

デジタルプロダクトの目的を達成するために首尾一貫したルールで編成された、お互いのに関連付けられたパターンとその実践方法
デザインシステムつくるぞ!ではなく小さくスタート
まずはここからやってみよう
サービスやウェブサイトの目的をいつでも見れるようにしよう
パターンを一箇所に集約して管理する
パターンの使い方とその機能、目的を書いてみよう
パターンや機能の増減は必ずあるので柔軟に小さくはじめよう
チームが複数人なら誰が管理・更新するか決めよう

当日は上記に加えて実際作成してきたものなどをみながら失敗談や気づき、次回からやっていきたいことなどを合わせてお話させていただきました。

私もデザインシステムについてはまだまだなところもあり、今までの経験を振り返ったり、改めて書籍を読んでみたりして勉強になりました。今後はStorybookやSupernovaなどのデザインシステムをFigmaなどと連携して管理していくものを利用したりしていきたいです。

参考書籍&リンク

デザインシステムを作成して実践していくうえでの参考になる事例や考え方などが満載です。ウェブ上に公開されている完成されたデザインシステムをみることも参考になりますが、デザインシステムを作成する前に必要な、デザインの原則についてなど記載があります。デザインシステムに取り組まれる前に一度読まれることをおすすめします。

まとめ

イベント時に何度もお伝えしてしまったのですが、デザインシステムをつくるぞ!!!と意気込んでつくるというよりはまずはパターンライブラリーから、パターンやモジュールの呼び名の統一、フレームなどの命名規則など小さくスタートできることはたくさんあります。

デザインシステムを完成させるというよりはどのようにシステムにして運用・改善していけるかがポイントになるのかなと思います。


📮 お仕事のご依頼やご相談、お待ちしております。

お仕事のご依頼やご相談は、お問い合わせ からお願いいたします。

🤝 一緒に働きませんか?

下記の職種を募集中です。より良いデザイン、言葉、エンジニアリングをチームで追求していける方をお待ちしております。詳細は 採用情報 をご覧ください。

  • フロントエンドエンジニア
  • アシスタントフロントエンドエンジニア

🗒 会社案内資料もご活用ください。

弊社のサービスや制作・活動実績、会社概要、ご契約など各種情報をまとめた資料をご用意しています。会社案内資料 からダウンロード可能ですので、ぜひご活用ください。

株式会社necco ダウンロード資料へのバナー画像

(2024年11月時点)

阿部 文人

阿部 文人

Fumito Abe

東京都生まれ。オフィス仲介、外国人専用ゲストハウスなどの不動産業界にて自社ブランデング・ウェブマーケティングに従事。ウェブサイトの解析、広告運用、多言語サイトの制作を経験。その後、サンフランシスコにて語学留学を兼ね1年渡米。現地企業ECサイトの企画からCMS開発、デザイン制作なども担当。帰国後、2013年9月より秋田県内企業にてWordPressを中心にウェブサイトを多数構築。 2016年10月秋田県秋田市にて株式会社neccoを設立。WordCamp Kyoto 2017・WordCamp Osaka 2018・各地のJP_Stripes・JP_Stripes Connect 2019、CSS Nite LP64の登壇やAlexa Day2018・2019の運営など社外でも積極的に活動中。 好きなものは猫、読書、建築、Apple。2匹の猫と仲良く暮らしています。

SHARE

Other Note

necco Note

デザイナーがStudio実装に参加して感じたメリットとおすすめの学習方法