Doorkeeper

Figmaの基本と「ペアデザイン」の実践(CSS Nite)

2021-02-19(金)20:00 - 22:00 JST
オンライン リンクは参加者だけに表示されます。
申し込む

申し込み受付は終了しました

今後イベント情報を受け取る

事前購入(カード決済) 3,000円 前払い
事前購入(銀行振込) 3,500円 前払い
協賛企業枠 無料
出演者、スタッフ 無料

詳細

実際にFigmaを活用してペアデザインを行っているneccoの面々をお迎えします。

  • 「Figmaがいい」と聞いても、実際どのあたりがよいのか
  • Figmaの操作感や使い方の勘どころは?
  • ペアデザインって具体的にどう進めるの?

など、具体的な事例を交えてお話しいただきます。

当日参加できない方も、こちらにお申し込みいただければ後日アーカイブ(録画)を視聴いただけます。

セッション概要:Figmaの基本と「ペアデザイン」の実践

neccoのデザイナー3名でFigmaの基本とその操作、「ペアデザイン」の実践について事例などを交えてお話いたします。

下記のリストは、現時点での構成です。追って調整します。

Figmaの基本

  • Figmaの特徴、得意なこと
  • アイキャッチ画像の設定
  • Auto Layout
  • プロトタイプ、カルーセル、アニメーション
  • コンポーネント
  • ライブラリー
  • 便利なプラグイン紹介
  • コミュニティー機能(リソース関連)
  • 金額(権限によってどういう料金なのか?)

ペアデザイン

  • ペアデザインとは?
  • どのようにペアデザインしているか?
  • ペアデザインの何が良いの?(3人それぞれの視点)
  • グランドデザインも作れるの?(作り込みできる?最終デザインになるの?)
  • エンジニアはどうする?
  • 作業スペースの便利な分け方(Page構造→Reference/Archive…)
  • 他のツールとの掛け合わせ(Aiでデザイン素材づくり)
  • お客さんにはどう共有する?(プロトタイプのリンク)

阿部 文人(あべ・ふみと)

株式会社necco
代表取締役 | クリエイティブ・ディレクター / デザインエンジニア

オフィス仲介、外国人専用ゲストハウスなどの不動産業界にて自社ブランデング・ウェブマーケティングに従事。ウェブサイトの解析、広告運用、多言語サイトの制作を経験。2016年株式会社neccoを設立。現在は秋田市と東京での2拠点にて活動中。全6名の小さいデザイン会社です。

WordPressの最大のお祭りであるWordCamp Kyoto 2017・WordCamp Osaka 2018やCSS Nite LP64「Coder's High 2019」, WCAN 2020 Design Special登壇など社外でも積極的に活動中。 好きなものは猫、読書、デザイン、建築、Apple。2匹の猫と仲良く暮らしています。現在はJamstackなサイトアーキテクチャ、Grid System, 音楽づくりなどに夢中です。

今 聖菜(こん・せいな)

株式会社necco
デザイナー / イラストレーター

秋田県内の美術短期大学でデザインを学び、卒業後、県内外の企業ブランディング、商品パッケージ、販促ツール、書籍、ウェブなど商業デザイン全般に従事。イラストレーション及びそれを用いたデザインを得意とし、ニーズに合わせたジャンルを問わない幅広いデザイン展開を経験。2016年よりneccoに参画。常に丁寧なデザインを心がけ、グッとくる芯のある面白いものを作るべく日々奮闘中。 好きなものは、犬、猫、デザイン、洋服、アイドル。趣味はイラスト制作、寝ること。良くも悪くも全てにおいて非常にマイペース。似ているキャラクターはもののけ姫のこだま。人間に例えられたことがない。

中川 小雪(なかがわ。こゆき)

株式会社necco
アシスタントデザイナー

神奈川県生まれ。 中央大学で社会学を学び、2019年10月からneccoでインターンを始める。 2020年4月からアシスタントデザイナーとして働き始める。 好きなものはアイドル、可愛いもの。好きな食べ物は小籠包・ちくわぶ・いくら・えんがわ・ローストビーフ。一人前のデザイナーを目指して頑張っています。最近Figmaのオートレイアウトで遊ぶことにハマっています。

イベント概要

  • 開催日:2021年2月19日[金] 20:00-22:00
  • 形式:オンライン(Zoomウェビナー)
  • 主催:CSS Nite
  • 共催:CaT
  • 参加費:
    • 3,000円

終演時間は若干の延長の可能性があります。また、終了後、1時間を目安にアフタートーク的なものを行い、取りこぼしたQ&Aなどを取り上げます。

当日の進行などに関して

  • 19:50以降にZoomにログインしてください。Zoomアプリは最新版にしておくことをオススメします。
  • Zoomウェビナーのため、参加される方のカメラ、マイクは自動的にオフになっています(オンにできません)。
  • 質問事項は、Zoomウェビナー内の「Q&A」でなく、Sli.doにご記入ください。 https://app.sli.do/event/jzngmsdz
  • Zoomのチャット欄に、コメントを残していただくことは大歓迎です。
  • ツイートされる場合、ハッシュタグは「#cssnite」をお付けください。

視聴環境

ハンズオンとして参加される方は、Zoomの視聴用のデバイスと操作用のPCを分けてご用意いただくのがオススメです。

  • 操作用のPC
  • Zoom視聴用のデバイス(PC/タブレット/スマホ)

その他

開催前に「カウントダウンメール」、開催後に「フォローアップメール」をお送りします。こちらを必ずご一読ください。

コミュニティについて

CSS Nite

CSS Nite

CSS Nite(シーエスエス・ナイト)は、ウェブ制作に関わる方のためのセミナーイベント。2005年にスタートし、2020年10月で丸15年。 仙台、大阪、岡山、札幌、甲府、神戸、福岡、長野、青森、名古屋、沖縄、福島など首都圏以外での“地方版”なども開催しています。地方版は、現地の有志などにより主催・運営されています。 これまでに、660回を超える関連イベントを通して、のべ67,000名...

メンバーになる