Bootstrap向けのデザインが便利になる!Photoshopの無料拡張ツール「Bootcomp」
2016年8月13日
素早いWebサイト制作が期待できると、急激にニーズが高まっている「Bootstrap」。 今日は、そのBootstrap向けのWebデザインを便利に行うためのPhotoshopの無料拡張ツール「Bootcomp」をご紹介します。
「Bootstrap」とは
Bootstrapは、Twitter社が開発したCSSの「フレームワーク」です。 通常、Webサイト制作では、CSSを一から書かなければなりませんでした。しかし、Bootstrapには、よく使うCSSスタイルがあらかじめ定義してあるため、素早く、そして簡単にCSSでデザインを進めることができます。 また、レスポンシブWebデザインにも対応しているため、スマートフォン対応のニーズの増加に伴い、その注目度も高まっています。
Bootcompの魅力
そんな、制作スピードの速さが注目されているBootstrapですが、そもそもWebデザインのもととなるデザインカンプを制作する際の、Photoshopの作業効率が上げるとさらにスピードアップにつながりますよね。 その、Photoshopでデザインカンプを作成するためのエクステンション(拡張)ソフトが、「Bootcomp」なのです。 Bootcompを使えば、Bootstrap用の最適なフォーマットや、ガイド、画像、見出し、余白挿入などもボタン一つでさくっとデザインカンプに挿入することができます。
Bootcompの使い方・インストール方法
Bootcompの公式サイトで、詳しい導入・使用方法が掲載されています。 また、チュートリアル動画もYoutubeに掲載されているので、そちらもご参照ください!
本ブログは、日本初Web専門スクールのインターネット・アカデミーの講師が運営するWebメディアです。 スクールの情報はもちろん、最新のWebデザイン・プログラミング・Webマーケティングについて役立つ情報をご紹介しています。