Sketch
Auto Layout by Animaでレスポンシブデザインを簡単に！
UIデザインツールの代名詞となり、現在多くのIT企業で使われている「Sketch」今回は弊社でも導入しているs
UIデザインツールの代名詞となり、現在多くのIT企業で使われている「Sketch」今回は弊社でも導入しているs
UIデザインツールの代名詞となり、現在多くのIT企業で使われている「Sketch」
今回は弊社でも導入しているsketchをもっと活用するためのプラグインを紹介します！
デザイナーとエンジニアがサイトを作るときのやり取りで一番ネックになるのが
画面サイズが変わった時のデザインです
例えばiPhone Xのサイズで作られたベースデザインをどこを可変にしてどこを固定にするか曖昧です。
別途なにかしらの形で可変な部分や固定する部分を指定してもらってもよいですが、なかなか手間ですよね。
今回はそんなネックを解決するプラグイン「Auto Layout by Anima」の紹介です。
このプラグインはデザイン上でパーツの固定・可変の指定などができます。
例えばiPhone 8用のサイズで画面にこの様に配置した円。
右下の子の様な部分で固定位置などを設定すると
アートボードのサイズを変更しても、オブジェクトの大きさは変わらずにいます。
また、下部にある「Generate Overview」を使うと、
全てのデバイスでの表示パターンが作成されます。
エンジニアへのデータもこの機能でお互いストレスなく制作することができます！
ということで今回はレイアウトの困ったを解決するプラグイン「Auto Layout by Anima」についてご紹介しました。
多くのデバイスが使われている現代で、デザイナーとエンジニア両方の困ったを解決する画期的なプラグインのなので是非是非使って見てください！
同じテーマの記事
