KeynoteとPhotoshopでGIFアニメを作った話 - てくすた

＼エンジニアブログ「てくすた」更新！／

弊社のデザイナーである河添がてくすたに記事を投稿しました！

今回は、ロゴ使用ガイドラインにKeynoteとPhotoshopで制作したGIFアニメを導入した話をお送りします。

ピクスタでは昨年、コーポレートサイトのリニューアルを行いました。 その際、コーポレートサイトに存在していた「ロゴ使用ガイドライン」ページについても改修の対象になったのですが、当時のロゴ使用ガイドライン表示がこちら。

PIXTAのロゴを利用する場合、ロゴ周囲には一定のアイソレーションが必要で、アイソレーションの大きさはロゴに存在する「X」を基準に設けなくてはなりません。

しかし、当時の状態としては「ロゴの周りの「X」が一体何を示しているのか分からず、注釈文を読まなければクリアスペースについての規定が伝わりづらい」という状態になってしまっていました。

そこでこのリニューアルに際して、ロゴのアイソレーション規定の画像を新たに作り直す判断を下しました。