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

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サイトやデザイン制作において、ベクター素材は加工もし易くロゴやアイコンいろんな場面で活躍します。そんなベクター素材が無料でダウンロードできるサイトをまとめてみました。 Vector Stock ユーザー登録が必要ですが、有料から無料のロイヤリティーフリーの素材が...続きを読む

2015.02.14インスピレーション

【WP】ログインページをカスタマイズする方法

WordPressのログインページはプラグインなどを利用してカスタマイズすることができます。 今回は、プラグインを使わずにアクションフックを利用してWordPressのログインページで利用されるCSSをカスタマイズしてオリジナルのデザインに変更する方法をご紹介します。 ...続きを読む

2015.02.25WordPress

【メモ】英語での曜日の省略表記

サイトや印刷物を制作するときに、英語の表記で曜日を表記することがあります。大文字、小文字、省略など制作時にコピーできる役立つメモをまとめました。 曜日の英語表記 日本語英語省略省略省略 月曜日MondaymonMonMON 火曜日TuesdaytueTueTU...続きを読む

2019.06.22

【CSS】スタイルシートだけで縦方向と横方向でセンタリングする方法

WEBデザインで画像やレイアウトした要素を中央に揃えるレイアウトを作ることがよくあります。実際にHTMLにコーディングをするときに、横位置をセンターにする場合や、縦位置をセンターにする場合などCSSだけで実現する方法をまとめてみました。 { margin: 0 auto...続きを読む

2015.02.07HTMLコーディング

【フォト】冒険と遊びの喫茶店 らみぃ

藤枝駅の近くにある冒険と遊びの喫茶店「らみぃ」に行ってきました。ボードゲームが遊べるプレイスペースで、並んでいるボードゲームをみるとワクワクします。 アナログゲームをじっくりと遊ぶことができるお店、はじめていきましたが、楽しい時間を過ごせてとても充実した時間を過ごせました!...続きを読む

2018.02.22フォトギャラリー藤枝