デザインから考えるWordPress vol.4

FigmaでWordPressのブロックのデザインをして実装までやってみよう その2

こんにちは！「デザインから考えるWordPress」です✨

Webサイト作成をするときに、デザインの方向性を決めるために「ムードボード」というものを作ることがあります。 今回はFigmaを使って、ムードボード作りからデザインコンセプトを決めていくまでの流れをやってみます。 まずは「デザインから考えるWordPress」のサイトを作るとしたらとうテーマで作成を進めます。

これは「ブロックのデザインをFigmaで行い、WordPressに実装していくところまでやってみよう」に繋がる回です。

できるだけ気兼ねなく発言できるようにするために今回はYouTubeでの配信はしません。 デザイナーではない方も、職種問わずWebサイト作りを知るために参加するというのも歓迎です！

👤 こんな方におすすめ！

• WordPress を使ってのサイト構築でのデザインに興味がある
• Figmaを使ってのサイトデザイン制作に興味がある
• WordPress の進化とともに変わりゆく（かもしれない）サイト制作に興味がある

🗓 日時

2021年12月15日 (水) 21:00～23:00（開場： 20:55） ※今回はできるだけ参加しやすい時間とするために21時始まりとしてみます。

🕰 スケジュール

21:00〜20:10　会の説明

21:10〜21:55　 1. ムードボードって何？→今日のゴール 2. 想起するキーワード出し 3. それぞれイメージ集め（共同のボードで） 4. とりまとめて、テンプレートに入れてみる

21:55〜22:00　締め、次回について

🌍 会場・申し込み方法

オンライン（Zoom）

このconnpassイベントに参加申し込みをすると「参加者への情報 (※参加者と発表者のみに公開されます)」欄にてお知らせします。

🖋「デザインから考える WordPress」について

WordPress は、日々進化しています。特にブロックエディター（Gutenbergプロジェクト）により革新的に変化しました。そして今後FSE（Full Site Editing / フルサイト編集）という方向に向かって進んでいます。

そういった中でどんな設計思想でWordPressでのサイト構築をしたらより良いのか、ともに紐解き学びながら進んでいけたらと考え、この会を立ち上げました。

それぞれの回によって、デザイン寄りになったりWordPress寄りになったり、もしくは全然違う寄り道もあるかもしれません。

一緒にわいわい話しながら学ぶ人、大歓迎です！

🌟 こんな人が主催してます

mimi

Webデザインを主に、フロントエンド側のアレコレをイジったり、 イラスト描いたり、あらゆる創作が好きです。2003年初めてMTに触れて以来CSSに振り回されっぱなし。基本的に企画・デザイン〜デプロイまでやるタイプの昔ながらのWeb屋です。制作会社勤務を歴て現在は夫と二人で受託開発をしています。 WordPress.org プロフィール Twitter Photosynthesic

額賀順子

瀬戸内にある人口約160人の島、男木島に住んでいます。フリーランスのWebデザイナー、NPO法人男木島図書館理事長。グローバルコミュニティチームにてDeputyを務める。オンラインWordPress勉強会WP ZoomUP運営中。著書に『WordPressのやさしい教科書。』、雑誌「せとうちスタイル」「みんなの図書館」にて男木島の生活や文化について連載中。 フィルムで写真を撮ってます。 WordPress.org プロフィール Twitter 技術的なことは全く関係ないブログ [Coweb](https://coweb.cc/

🌟 こんな人が一緒に運営してます

Atsushi Ando

ショップ店員、ギタークラフトマン、ストレージメーカーでの製品開発などを経て、2015年からフリーランスとして関西を中心に活動。デザイナー・エンジニアとして活動。ウェブやグラフィック・ITテクノロジーなどの様々なメディアを繋ぎ、一貫したブランド・コミュニケーションづくりで “プレゼンスを世に送り出す”ためのサポートを行ってます。 WordPress.orgプロフィール Twitter NExT-Season

虎野とも

WordCamp Osaka 2019で初めてスタッフを経験してから、WordPressコミュニティにかかわるように。 普段は株式会社キテレツでフロントエンドとして働きつつ、日々好きなイラストを描いてたまにデザイナーとしてお仕事してます。 ロードバイクと日本酒と抹茶が好きです。 どんなことも「楽しむ」をモットーに生きてます。 
Figmaはコーダー目線でなにかお伝えできればと思っています(｀･ω･´)ゞ Twitter： WordPress.org