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

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

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

関連記事

LGP(ラッキーガールズプロモーション)様WEBサイト制作

静岡を拠点に活動している『LGP(ラッキーガールズプロモーション)』様のWEBサイトを制作いたしました。ラッキーガールズプロモーション様では、カットモデル・サロンモデル・カメラマン派遣・体験モニター・撮影会・モデルイベント・パーティー企画・変身ビフォーアフター、ホームペー...続きを読む

2015.02.06WEBサイト制作

【HTML】Adobe Dreamweaverを使いSass・SCSSをコンパイルする方法

前回、ブログにて「Sass・SCSSを使うことでWEBサイトの制作を効率化すること」をとりあげました。そこでSass・SCSSは、どちらもCSSを効率よく記述することができること。そして、Sass・SCSSを変換(コンパイル)してCSSとして書き出してWEBサイトに組み込むことを...続きを読む

2019.05.16HTMLコーディング

【WP】WordPressテーマファイルのページ階層早見表

WordPressでサイト構築するために必須となるテーマ。初めてWordPressのテーマのファイルをみるとそれぞれのファイルがどのように関連してサイトが構築されているのか難しく感じるかもしれません。 テーマをカスタマイズしたいとき、テーマを利用したいとき、テーマをより深く...続きを読む

2016.07.03WordPress

HTML文章の歴史を振り返る

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

2015.01.14HTMLコーディング

【無料】商用利用OKシームレステクスチャ「岩石(白玉石風)」素材

自然の岩肌を表現したシームレスの無料で使えるテクスチャです。白玉石のような白色の石の質感を再現しています。継ぎ目のないシームレス加工をしているテクスチャです。テクスチャマッピングやタイル敷の背景素材などにお使いいただけます。商用利用OKのフリー素材となっております。 ...続きを読む

2018.09.12シームレステクスチャ