【WEBデザイン初心者必見】Figmaでマウスオーバー時に色が変わるアニメーションするボタンを作る方法
Тәжірибелік нұсқаулар және стиль
WEBデザインをする上でAdobeのXDと並んで人気のFigma(フィグマ)。
今回はFigmaを使ってマウスオーバーすると色が変わるボタンを作る方法について解説しました。
ボタンを作った後に別ページへジャンプする簡単なデモも作りましたので、ぜひチェックしてみてください!
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
【チャプター】
00:00 イントロダクション
00:35 ボタンのデザイン作成
03:31 コンポーネントの作成
04:24 マウスオーバーアニメーションの設定
06:35 ボタンを押すと別ページにジャンプさせる設定
10:49 ボタンアニメーションのバリエーション作成方法
13:05 まとめ
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
【お仕事のご依頼、お問い合わせ】
creatorsrock777@gmail.com
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
bedtime after a coffee by ikkun (ex. Barradeen) | / ikkunwastaken
Music promoted by www.free-stock-music.com
Creative Commons / Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
creativecommons.org/licenses/...
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/pecan-pie/sweetn...
License code: V6BAIWPH7GFOQWNM
Пікірлер: 6
素晴らしいソフトの紹介凄く勉強になりました!驚きました!😳😮😲 私が初めて自分のWebpageを作ったのが2006年で当時はお金も無かったのでフリーのgif画像にリンク先などは… JavaScript、css、HTMLファイル等々にエディタで編集して試行錯誤を繰り返しながら作ってました😅 サーバーもレンタルじゃなくレンタル代が勿体ないのと容量と置けるcgiとかの規制が邪魔だったので自分で自宅サーバーを開設し数年前まで公開してました😁
@ROCK-hr3su
10 ай бұрын
すごいですね! 情報が今ほどなかった時代に自宅サーバーを開設するなんて、自分の周りでは聞いたことがないです。自分も2006年ごろからWEBの勉強を始めたのですが、いまだに知らないことが多いので精進します!
@user-my6uc2sx3x
10 ай бұрын
@@ROCK-hr3su まぁ仕事じゃなく趣味でやってるだけですから😅 今はサーバーは止めましたが、再開するにはソフトの更新とハードも再構築になるので、めっちゃ気が重いです。😭 そんな中、おっとりしたうさぎちゃんと可愛いイラストを見てると気持ちが癒やされるんですよね。🤗
@ROCK-hr3su
10 ай бұрын
趣味でそこまでやるってすごいですね!ウサギさんを応援していただきありがとうございます!本人も喜んでいます😀@@user-my6uc2sx3x
お二人の自己紹介拝見しました! が、が!何故に肝心のお二人の出会いの話が抜けているのですか😭💦 しかもコメントオフだし…
@ROCK-hr3su
10 ай бұрын
コメントありがとうございます! すみません、出会いの話はまたの機会ということで…😅