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

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

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

関連記事

【美容業界】マーケティングの参考になる統計情報

WEBサイトや販促ツールを制作するにあたり市場の動向を調べて取り掛かることがあります。ヘアサロン・エステサロンなど美容業界のお客様のお仕事させていただくことが多く、今回のブログではヘアサロンやエステサロンなどの美容業界のマーケティングに参考となる統計情報を発信しているサイトを...続きを読む

2015.02.17マーケティング

ぴんきぃまこ様WEBサイト制作

藤枝市青葉町にあるドックトリミングサロン「ぴんきぃまこ」様のWEBサイトを制作いたしました。ロゴに合わせてピンク色のベースに、大人っぽい可愛らしさを演出できるようにデザインをしました。お店からの最新情報をお届けできるように、CMSで構築し、お知らせやおすすめ商品、スタッフ...続きを読む

2018.06.01WEBサイト制作

【CSS】スタイルシートが適用される優先順位について

WEBサイトのデザインでは定番になっているCSS(カスケーディング・スタイル・シート)。最近では、CSSで出来ることも多くなり、自然と記述する内容を多くなってきています。また外部のライブラリーなどを読み込むとCSSのボリュームが増えます。 そうなると、同じ名前の宣言で異...続きを読む

2015.02.06CSSHTMLコーディング

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

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

2019.05.16HTMLコーディング

【動画】スマートフォンを使った面白いトリック写真の撮影方法

こんにちは。最近はyoutubeで世界中の様々な方が撮影方法を動画で紹介しています。自分もカメラの勉強にとよく見ています。今回は、スマートフォンとちょっとしたアイディアを加えることで撮影できるトリック写真の撮影方法が紹介されていましたので紹介いたします。動画の解説は英語ですが、映...続きを読む

2018.02.15撮影スキル