Sketch

アバターmasuda / 2019.2.27

834

sketch-materialでマテリアルデザインを試作!

UIデザインツールの代名詞となり、現在多くのIT企業で使われている「Sketch」今回は弊社でも導入しているs

UIデザインツールの代名詞となり、現在多くのIT企業で使われている「Sketch」
今回は弊社でも導入しているsketchをもっと活用するためのプラグインを紹介します!


アプリUIなどを作っているときに、フォームやメニューなどのデザイン作成は結構大変ですよね

今回はそんなまでリアルの試作ができるプラグイン「sketch-material」の紹介です。

sketch-materialでできること

このプラグインはsketch上で表やボタンなどのマテリアルを試作することがきます。


「Plugins」>「Sketch Material」から必要に応じてパーツを作成することができます。

例えばメニューを作る場合

「Plugins」>「Sketch Material」>「Menus…」からメニューの作成画面に入れるので、
<
必要な項目や幅などを指定して「GENERATE」をクリックします。
そうすると、指定幅のメニューが生成されます

他にも「Table…」でチェックリストを作成したり、

モーダルのダミーなどアプリUIなどであったら嬉しいものがたくさん作ることができます!


ということで今回は様々なマテリアルの試作ができるプラグイン「sketch-material」についてご紹介しました。
デザインの作成にはちょっとしたものもリアルに作っているとより完成度の高いものになると思いますので、ぜひ使ってみてください!


Warning: Use of undefined constant sidebar_widget - assumed 'sidebar_widget' (this will throw an Error in a future version of PHP) in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/sidebar.php on line 3

同じテーマの記事

アバターmasuda / 2019.2.27

954

スタイルを簡単に引き継げるStyle Inventory for Sketch


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

アバターmasuda / 2019.5.20

846

N’s Creates のデザインチームがSketchをこよなく愛する理由


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

アバターmasuda / 2019.2.27

834

sketch-materialでマテリアルデザインを試作!


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

アバターmasuda / 2020.11.11

499

繰り返しの作業を減らすsketchプラグイン4つ


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

アバターmasuda / 2019.3.26

4949

Sketch データから、Photoshop や XD に変換できる「Photopea」を試してみた


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152
N's Creates について詳しく見る