![見出し画像](https://assets.st-note.com/production/uploads/images/53751031/rectangle_large_type_2_eb4a241856d157c804a978e8984ea7ac.png?width=1200)
【デザイナー向け】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にて懇親会を行います。
デザイン業務のお悩み相談や質問、情報共有などなどなんでもウェルカムです!
途中退室も大丈夫ですので、ぜひぜひ気軽にご参加くださいませ。
この記事が気に入ったらサポートをしてみませんか?