デザイン

無料で商用利用も可能なフラットデザインUIキット「Flat Rounded Square UI Kit」


iOS 7へのアップグレードに合わせてさまざまなアプリがインターフェースや機能の変更を行っていますが、これからウェブサイトやアプリをフラットデザインにしよう、という時に便利なUIキットが「Flat Rounded Square UI Kit」です。ブログのデザインや各種ボタン・アイコン・グラフ・テキストボックスなどが統一感のある落ち着いたデザインで作られており、ファイルはPSD形式、JPG形式、ACO形式の3種類、ライセンス・フリーなので商用・非商用を問わず自由に使用することができます。

Flat Rounded Square UI Kit
http://www.webappers.com/flat-ui-kit/



まずはウェブサイトやソフトウェアなどで使用するナビゲーション・ボタンいろいろ。紺色を基調としており、効果的に赤や水色が使用されています


ノーマルのボタンはバリエーションのある緑・黄・青・赤の4色。SNSボタンも各種用意されています。


チェックボックスも青・緑・白で統一。プログレスバーには4パターンのデザインが存在します。


テキストボックスや検索欄など。


複数の写真や画像が自動的に切り替わるカルーゼルは説明文がサイドにあるパターンと、画像にかぶさる形で下部に出現するパターンの2つ。


メッセージやグラフ。いずれもカラーが効果的に使ってあり、非常に見やすくなっています。


タブレットの画面っぽい少し小さめのUIキットいろいろ。


ショッピングの際に出現する個人情報入力欄や、商品の検索・評価欄。


商品の価格はタイプによって3種類に色分けすることが可能。


ブログのUIもカードデザインを使った非常に美しいものになっています。


タグや「最近のニュース一覧」など、細部まで作り込んであります。


モーダルウィンドウ


ヘッダーサンプル。


以下は文章のサンプル。


電波やメール・ムービーなど、単純化されたアイコンは全21種類です。


UIキットはページ最下部の「Download for Free」をクリックすると始まります。


なお、このUIキットを公開しているのはアイコンやプラグインなど、ウェブデザインに使用するさまざまなツールや情報を紹介しているWebAppers。この他に商用利用可能なフリーアイコンなども公開しています。

Free Download: Flat Rounded Square UI Kit | Web Resources | WebAppers


この記事のタイトルとURLをコピーする

・関連記事
「iOS 7」で採用されるかもしれない「フラットデザイン」とは何か? - GIGAZINE

ウェブ業界で流行しているフラットデザインの利点と欠点 - GIGAZINE

iOS7でアプリのデザインがどれだけ変わるかが分かるビフォーアフター集 - GIGAZINE

ウェブの未来を担う次のUIデザインは「カード」にあり - GIGAZINE

無料でダウンロードできる洗練されたデザインのUIキットいろいろ - GIGAZINE

2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」 - GIGAZINE

無料でダウンロードできる多種多様なアイコン・ボタン・UIキットいろいろ - GIGAZINE

無料でダウンロードでき商用利用も可能なUIキット「Polaris UI Kit」 - GIGAZINE

in デザイン, Posted by logq_fa

You can read the machine translated English article here.