osawaです。
今日は①Figmaでモーダル表示するには？、②引き寄せの法則、③読書の時間、の3本です。
①Figmaでモーダル表示するには？
最近アプリのデザイン作業をしていて、あるボタンを押したら後ろの画面が暗くなって一番上に選択できるボタンを表示したいという時がありまして…
画面遷移についてはできるようになったのですが、モーダル表示はわからない！！ということで、こちらで紹介！
- あるボタンが配置されているページと、モーダルで表示したいアラートを用意します。
- ボタンをクリックして右側のプロトタイプをクリック
- インタラクションをクリックして「タップする」の部分をクリックして、「オーバーレイを開く」を選択し、モーダルで表示したいアラートを選択
- これだけであるボタンをクリックするとアラートがモーダル表示されます！
- また、これだけでは後ろと同じ色で見づらいです。そのため背景を暗くさせる作業を行います！
- モーダルで表示したいレイヤー部分の左上にファイルのようなマークが記載されているのでそれをクリックして、インタラクション詳細を開きます。
- オーバーレイに背景を追加で色を調整して完成です！
こちらで詳しく確認できるので、ぜひぜひ〜
https://note.com/minetti/n/n9173f95924a4
以上のステップで作成することができます！ぜひ活用してみてくださいね♪
【実際にFigmaを使用してみよう！】
今回使用しているツールであるFigmaは無料で使用することができます！
利用はこちらから簡単にできるので、ぜひ挑戦してみてくださいね🎵
→Figmaに登録する
②引き寄せの法則
今日の朝会でお話ししたのですがこちらでも少しご紹介！
人は誰しも良いことも悪いことも考えていることを引き寄せる力があるみたいですよ。
ポジティブなことを考えればポジティブな未来が近づくし、反対もしかり…
私はどちらかというとネガティブ思考多めなので、ネガティブな発言をしていたら、ポジティブな方に導いてくれるとありがたいです。(私もできるだけポジティブに考えられるよう意識します💦)
なんか前に社長から「できる！」と自分に呪文をかけると本当にできるようになるという話を聞きましたが、これも引き寄せの法則なんですかね…引き寄せ力すごい！！笑
③読書の時間
今日は社長から本を紹介していただきました！
実は他のメンバーがこれ読んだ方がいいよ、と社長から紹介されているところを見ていいな〜羨ましいな〜って思ってました笑
なので、とても嬉しいです。頑張って読みます！
あ、本といえば小学生の頃、朝読の時間といって朝15分間くらい読書するという時間がありました。
私は、幼少期の頃、文章を読むのが大の苦手だったので、好きなイラストが描かれている本を買って、ちゃんと読むのではなく、イラストからお話を想像する時間にしていました笑
でも最近は気になる本があるので、本当に時々ですが読書するようになりました。なので、小学生の時よりも今の方が朝読の時間欲しかった～なんて思ったり思わなかったり…笑
ということで今日もお疲れ様でした！
WEB制作・ITに関するお悩みや
ご質問等お気軽にご相談ください
