[B! *Web] seita05のブックマーク

Figmaのプロトタイプ機能でアニメーションを再現しよう！【簡単3ステップで完成】｜東京のWEB制作会社・ホームページ制作会社｜株式会社GIG

こんにちは、GIGでデザインとアートディレクションを担当している向田嵩（TKC）です！ UIデザイナーの多くは、一度は以下のような経験をしたことがあるのではないでしょうか？デザイナーからエンジニアにUIのアニメーションについて資料や口頭で伝えたが、実装されたものが想定と違った...実装後にお客様から「アニメーションの動きがイメージと違う」と修正依頼を受けた...いくら資料や口頭で説明しても、イメージを細部まで共有するのは難しいものです。しかし、実際の動きをデザイン上でほぼ完全に表現できれば、このようなトラブルを防ぐことができます。今回は、GIGデザイナーが業務で使用している「Figma」というデザインツールで、実際にアニメーションを作成する方法を解説します！ Figmaのプロトタイプ機能とは？Figmaでアニメーションを作成するためには、基本的に「プロトタイプ機能」を使う必要があります

seita05 2023/01/20

リンク

No more worries about iPhone SE / 5s / 5! Easy scaling down with Viewport Extra | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

No more worries about iPhone SE / 5s / 5! Easy scaling down with Viewport Extra Hello. I am Tsuchi, a front-end engineer. Over the past few years, the screen size of smartphones has been increasing. Currently, 360px and 375px wide devices are the most common (as of February 2019). Therefore, in many cases, we will want to optimize our smartphone design to 360px or 375px wide devices. However, this