Advertisement

sallyblocks_top

 

レスポンシブデザインに対応した、Webサイトテンプレートを簡単に作成することができる、収録エレメント数200以上!の無料UIキット「Sally Blocks」が公開されていたので、今回はご紹介します。

 

 

モバイルやタブレット、デスクトップなどスクリーンサイズが異なるレイアウトも、パズル感覚で並べることで完成させることができ、Webデザイン制作が捗る無料アイテムとなっています。

 

 

 

詳細は以下から。

 

 

 

レスポンシブデザインに対応した、Webサイトテンプレート作成UIキット

 

Sally Blocksは、スクリーンサイズに応じてレイアウトが変化する、レスポンシブデザインに対応したWebサイトテンプレートを、簡単に作成することができるPhotoshop用PSDファイルです。200種類を超えるエレメント素材が収録されており、お好みのパーツを並べるだけで、手軽にWebテンプレートを完成させることができます。

 

demo1

 

 

各パーツは異なる解像度ごとに作成されており、レイアウトがどのように変化するのかひと目で分かる仕組みとなっています。並べて表示することで、クライアントへのデザイン提案やプレゼンテーション用資料作成など、幅広く活用できそうなアイテムとなっています。

 

comparison

 

 

Webテンプレートの全サムネイルは、以下リンクをクリックすることで確認できます。

 

[list type=”star”] [li]480px[/li]

[li]960px[/li]

[li]1440px[/li]

[li]1920px[/li][/list]

 

demo2

 

 

収録されているUIデザインも豊富に揃っており、配色用カラーパレットも用意されているので、カスタマイズも自由自在に行うことができます。以下は収録されているエレメント素材サンプルとなります。

 

 

パーツ ボタン

parts1

 

 

パーツ 表テーブル

parts2

 

 

パーツ アコーディオン&トグルデザイン

parts3

 

 

パーツ 値段表

parts4

 

 

パーツ タイポグラフィー一覧

parts5

 

 

パーツ ラジオボックスやグラフ、チャートパーツ素材

parts6

 

 

パーツ メッセージボックス

parts7

 

 

一緒にサンプル用Webサイトテンプレート素材も収録されており、こちらもスクリーン解像度ごとにPSDを分けて用意されています。トレンドをうまく取り込んだ、Webデザイン作成にピッタリです。

 

 

ナビゲーションメニューも複数用意されており、自由にデザインを入れ替えることが可能です。

sample1

 

 

ホバーエフェクトなどもていねいに作成されており、無料とは思えないほどの仕上がりです。

sample2

 

利用に関するライセンスも個人、商用ともに可能となっています。Webサイトを制作するときは、参考にしてみてはいかがでしょう。

詳細情報はこちら

利用に関するライセンスは個人、商用ともに可能となっています。

ダウンロードする

参照元サイト: Sally Blocks - PixelBuddha