【デザイン】ライセンスフリーのグラフィカルユーザインタフェーステンプレート

graphical-user-interface-design-template

WEBサイトやパソコンの画面などに見られるメニューやボタンなどのグラフィカルユーザインタフェース(GUI)のテンプレートをまとめてみました。

Flat Style & iOS 7 Line Style UI Kit PSD

フラットデザイン、iOS 7 イメージのユーザインタフェースデザインです。

flat-ui-ios7-style-kit

25 Line Icons (PSD & PNG)

ラインでデザインされたシンプルなアイコンのセットです。

25-line-icons

Metro Vibes UI Kit (PSD)

こちらもフラットデザインのユーザインタフェースデザインです。

metro-ui-freebie

27 Business Doodles (Vector PSD)

手書き風のシンプルなアイコンのセットです。

business-doodles-vector

Dashboard UI Elements PSD Freebie

ダッシュボード(管理画面)のユーザインタフェースデザインです。

dashboard-ui-elements-freebie

Toggle switches UI elements (PSD)

スイッチタイプのボタンデザインです。

toggle-switches-ui

[button link=”http://www.graphicsfuel.com/2012/10/toggle-switches-ui-elements-psd/” icon=”59212″ target=”blank” color=”0f0f0f” textcolor=”ffffff” size=”big”]Toggle switches UI elements (PSD)[/button]

20 pixel-perfect glyph icons (vector PSD)

シンプルなシルエットのアイコンのセットです。

20-glyph-icons

20 pixel-perfect glyph icons (vector PSD)

ダークとグレーの光沢感のあるメニューデザインです。

sleek-navigation-menu

以上、メニューやボタン、アイコンなどのグラフィカルユーザインタフェースのテンプレート素材をまとめてみました。

関連記事

【デザイン】エレベーターに仕掛けられたクリエイティブな広告

エレベーターでは多くの人がじっとしていることが多く広告を見てもらうには良い空間かもしれません。そのようなエレベーターに仕掛けられたアイディアがあるクリエイティブな広告をまとめてみました。 Be born again. / Dr.Kim plastic surgery ...続きを読む

2015.03.12インスピレーション

【CSS】Googleマップの埋め込み用HTMLコードをレスポンシブに対応させる

Googleマップで、埋め込み用HTMLコードを発行して、ブログやサイトに貼り付けて使うことがよくあると思います。 サイトがレスポンシブ対応の場合、本文中のGoogleマップが、要素からはみ出して見栄えが崩れたり、案内したい所在地のポインタが表示されないということがあります...続きを読む

2015.02.08HTMLコーディング

スマートフォンで動画を作成する動画編集アプリ

最近はスマートフォンで写真や動画を撮影してSNSや動画投稿サイトなどへ手軽に公開できるようになりました。 そこで今回はスマートフォンで動画を編集することができるアプリをまとめてみました。 Video Collage フレームに写真や動画を当てはめてコラージュのよ...続きを読む

2015.03.05動画制作

HTML文章の歴史を振り返る

WEBサイトの制作において基礎となるのは、HyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)略称をHTML(エイチティーエムエル)と呼ばれる、拡張子が.htmlや.htmなどであらわされる文章ファイルです。 WEBサイトの制作に...続きを読む

2015.01.14HTMLコーディング

【JavaScript】フォームの入力チェックができるライブラリ『Validatr』

お問い合わせフォームなどの入力フォームで入力された値をチェックや未入力をチェックする事ができるJavaScriptライブラリ『Validatr』をご紹介します。 『Validatr』はjQueryをベースに開発され、MIT License にて公開さております。電子メー...続きを読む

2015.02.14HTMLコーディング