こんにちわ、Nagisaのデザイナーリーダーの川畑です。 最近FramerやInvisionSTUDIOを筆頭にインタラクション・アニメーションデザインのツールが続々登場して賑わっていますね。 弊社でも各デザイナーが新しいツールを手に取り、どのような制作ができるのかとワクワクしながら積極的に試しています。 その試みの一環として“Protopie”というツールを触っていたのですが、 評判通りとても使い勝手がよく、せっかく触るなら!と公式チュートリアルで紹介されていない動きもチャレンジしてみたので、その作例と手順を紹介したいと思います。 ProtoPieの概要や優れている点を知りたい!という方は公式サイトやこちらの記事をご覧になってください。 ・ProtoPie – 公式サイト ・“最も早くプロトタイプが作れる”と噂のプロトタイピングツール「ProtoPie」を使ってみた 今回紹介するもの ス
!["Protopie"を使って簡単に動的なプロトタイプを作ろう Part1.スクロールに応じて動くナビゲーションバーとローディング | Nagisaのすゝめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/3912480085ee8db5430fd6315b8b83ea810c6274/height=288;version=1;width=512/https%3A%2F%2Fblog.nagisa-inc.jp%2Fwp-content%2Fuploads%2F2018%2F01%2FArtboard-1-1024x512.png)