見出し画像

【デザイナー向け】CSSメインで作るUIインタラクション #スタテク


6月4日(金)18時「【デザイナー向け】CSSメインで作るUIインタラクション #スタテク 」というオンラインハンズオンを開催いたします!

開催背景

近年、パララックスやインタラクションなど、動きのあるデザインが主流になりつつあります。

デザイナーとしてクライアントやエンジニアに「こういった動きをつけてください!」と伝えるとき、普段使いしているデザインツールでは限界があります。
似たような作品を探して提示したり、口頭でニュアンスを伝えたりと手間がかかることもしばしば。

そういったアニメーションの作成に特化したツールもありますが、いっそ自分で作っちゃった方がいいよ!という提案も含めたテーマとなっております。

コーディング経験がある方はもちろん、あまり使ったことがない方も、デザインに生かせる、提案力の向上に繋がれば幸いです。

こんな方におすすめ

・普段デザインの仕事をしている方
・独学でHTML、CSSを学んだことはあるが業務で使用したことがない方
・最近HTML、CSSを扱うようになった方

内容

・静的なhtmlを元に、読み込み時に要素を表示させるアニメーションを追加します。
・jQueryの記述を減らし、CSSでアニメーションを付与させることで、見た目に関する指定をCSSに一元化しやすくします。
・デザインする上でネックになるアニメーション部分を簡易的に再現します。
・今回ご紹介する内容はスクロールでの表示やその他インタラクションにも応用できます。

イベント概要

【開催日時】
6月4日(金)18:00〜20:00
18:00-19:00 ハンズオン
19:00-20:00 懇親会

【開催場所】
Zoomにてオンライン開催します。

【参加方法】
connpassページからお申し込みください。
参加申し込み後にZoomやハンズオンに使用するGithubのURLなどご案内いたします。
https://startup-technology.connpass.com/event/213425/
【参加費】
無料

また、ハンズオンが終わり次第、同じZoomにて懇親会を行います。
 デザイン業務のお悩み相談や質問、情報共有などなどなんでもウェルカムです! 
途中退室も大丈夫ですので、ぜひぜひ気軽にご参加くださいませ。



いいなと思ったら応援しよう!