TOP  >  フラットデザイン

Tag : フラットデザイン

2017年08月26日

フラットテイストなグラフィックフリー素材まとめ「35 Free Flat Graphics and Web Elements for Designers」

今や、多くのwebサイトやグラフィック、アプリケーションのUIはフラットなデザインがメイン。無駄を省いたシンプルな見た目が、使いやすさや見やすさにも大きく影響しているようです。そんな中今回は、フラットテイストなグラフィックフリー素材まとめ「35 Free Flat Graphics and Web Elements for Designers」を紹介したいと思います。

Flatgraphics01
Flat Workspace Illustrations by GraphBerry – Dribbble

フラットな質感であり、さらに高いクオリティやデザイン性を感じさせてくれる素材が揃っています。幾つか気になるものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2014年06月14日

フラットデザインのwebサイト制作に利用したい フリーPSDテンプレート集「35 Free and Flat PSD Web Templates」

主流のフラットデザイン。一からデザインをすると、手間も時間も多くかかってしまうもの。そんな時に利用したい、フリーPSDテンプレート集「35 Free and Flat PSD Web Templates」を今回は紹介したいと思います。

psdtemp140614_1
Mod Portfolio to Tell a Story of Your Art – MonsterPost

さまざまなレイアウト、テイストのフラットデザインテンプレートがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年04月30日

ダーク系カラーベースのUIキット「DARKY UI FRAMEWORK」

webサイトやスマートフォンサイトをデザインするには、設計から制作までどうしても時間がかかってしまうもの。さらに高いデザインクオリティを求められると、さらに制作時間を要すると思います。今回はそんなシーンに是非利用したいUIキット「DARKY UI FRAMEWORK」を紹介します。

darky1

ブラック・グレーのダーク系カラーをベースにした、フラットデザインのさまざまなUIがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年03月22日

フラットデザインの制作に活用したい PSD UIキット「15 Latest PSD Flat UI Kits for Designers」

現在主流のフラットデザイン。シンプルなデザインが特徴ですが、これまでに制作したことがない方にとっては、コツをつかむまでに時間を要することもあるのでは?今回はそんな制作シーンに活用したい、PSD UIキット「15 Latest PSD Flat UI Kits for Designers」を紹介したいと思います。

ui140322_1
EAMEJIA | Premium and free graphic design resources | Flat UI Kit PSD

フラットデザインテイストの、さまざまなwebデザインで利用できるUIがセットになって紹介されています。

詳しくは以下

ui140322_2

Free Spark Flat UI Kit | Vector Chameleon
エメラルドグリーンのカラーリングが特徴のUIキット。クリーンな印象のデザインにおすすめ。
 
 
 
 
 
ui140322_5

Robotic UI
フラットテイストの中にも、デザイン効果で立体感もところどころに取り入れたUIキット。デザインを印象的に仕上げたい時に。
 
 
 
 
 
ui140322_4

Flat User Interface Kit on Behance
4つのカラーパターンがまとめられています。デザインするベースカラーに合わせて使い分けることができるのでは。
 
 
まずはUIキットを使ってフラットデザインのイメージをつかみとり、さらにデザインに応用を加えてみるのも方法かもしれません。是非活用してみてください。

PSD Flat UI Kits Free Download | Design | Graphic Design Junction

続きを読む
posted 09:52  |  
Category: Design   
このエントリーをはてなブックマークに追加
2013年06月01日

フラットデザインに便利なフリーフラットアイコン「20 Free Flat Icon Sets」

最近のWEBのトレンドとして、露出が増えてきているフラットデザイン。多くのWEBサイトがそのフラットデザインを取り入れ、国内でも徐々にその流れが見えるようになってきているような気がします。今日紹介するのは、フラットデザインに便利なフリーフラットアイコンを集めたエントリー「20 Free Flat Icon Sets」です。

flat_icons_01
Flatilicious (48 Icons, PSD)

基本的なものからグラフィカルなものまで、様々なフラットアイコンセットが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2013年05月25日

フラットデザインをオーダーされたデザイナーのためのデザインインスピレーション「Flat Design Inspiration」

今年はフラットデザインがWEBのトレンドとして、多くのクリエイティブブログで伝えられています。windows8を始めとして、OS側のユーザーインターフェイス側にも取り入れられ、今後ますます、目にする機会も多くなってくると思います。今日紹介するのはフラットデザインをオーダーされたデザイナーのためのフラットデザインをオーダーされたデザイナーのためのデザインインスピレーション「Flat Design Inspiration」です。

今回はWEB側とスマートフォンUIをそれぞれ取り上げているエントリーから気になったものをまとめて紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2007年10月16日

被ブックマーク数を表示+ランキング生成プラグイン「SBM Popular Entry」

はてなブックマークを始めポータル系を中心にソーシャルブックマークサービスが運営されていて、効果的に利用されている方は記事の周辺に下記のようなボタンを設置して、人気の目安だったり、ブックマークを促してアクセス数アップにと利用されていますが、今回はそんなーシャルブックマークボタンを簡単に設置してくれるプラグイン「SBM Popular Entry」の導入から利用方法までを紹介したいと思います。

こちらのプラグインは上記のようにブックマーク数を表示するだけでは無く、ブックマーク数を基準としたランキングも生成してくれて、コード一行追加するだけで表示できるようになっています。

ソーシャルブックマークボタンを設置してみたいけど面倒だ、またはソースをいじる自信が無いと言う方にはオススメのプラグインです。ちなみにWordpress2.3でも問題なく動作していますが、現在Yahoo!ブックマークで不具合が出ているようです。

導入方法は以下
(さらに…)

続きを読む
posted 11:23  |  
Category: plugin , WordPress   
2010年04月26日

クリエイティブなフリーフォント集「40 Beautiful Free Fonts For Creating Attractive Typography Headlines」

さまざまな種類のフォントが日々リリースされていますが、。今回紹介するのはクリエイティブなフリーフォント集「40 Beautiful Free Fonts For Creating Attractive Typography Headlines」というエントリー。

freefont40_01

全部で40のフォントがまとめられていましたが、その中からシンプルで使いやすいタイプのフォントを中心にいくつピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:09  |  
Category: Design , Font   
tag: Design Font
2014年10月07日

いろいろなデザインに応用できる 最新のフリー素材まとめ「50 Free Resources for Web Designers from September 2014」

デザイン制作にもはや欠かすことのできないフリー素材。無料で、最近では商用フリーで使用できるものも非常に増えてきました。そんな中今回紹介するのは、いろいろなデザインに応用できる最新のフリー素材まとめ「50 Free Resources for Web Designers from September 2014」です。

free1008_1
Dribbble – iPhone 6 Plus by Oleg Sukhorukov

モックアップやフォント、UIなど、さまざまな種類の素材が集められており、このまとめをチェックするだけでおおいに制作に役立てることができます。

詳しくは以下

(さらに…)

続きを読む
posted 09:44  |  
Category: Design   
2015年08月08日

写真をもっと高品質かつイメージアップさせられるフリーPhotoshopアクション「50 Time-Saving and Free Photoshop Actions」

撮影した写真は、デザインで使用する前にPhotoshopなどで加工して使用することが多いと思いますが、なかなか思いどりの仕上がりにならないことも。今回はそんな時に活躍してくれるフリーPhotoshopアクション「50 Time-Saving and Free Photoshop Actions」を紹介したいと思います。

phactions1
Premium Looks Photoshop Actions by pstutorialsws on DeviantArt

写真をもっと高品質かつイメージアップさせられる魅力的なアクションが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:02  |  
Category: Photoshop   
2017年07月18日

プログラマーのためのWEBサービスや開発系のアイコンセット「devicon」

Twitterなどの有名なアイコンは、自分がよく使用するものはストックとして持っているかもしれませんが、必要時にない場合は探すことになり、非常に手間を感じるのではないでしょうか。そんな手間を省いてくれる「devicon」を今回はご紹介します。

devicon

デベロッパーが持っておくと便利なアイコンが多数まとめられており、ソースコードも記載してくれている優秀なアイコンセットになります。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
2012年10月26日

ハロウィンにぴったりなアイコンセットまとめ「A Cool Collection Of Free Halloween Icon Sets」

日本でもイベントとして楽しむ方が増えているハロウィン。町中がカボチャのオレンジ色とおばけで溢れているように感じます。そんな中今回紹介するのが、ハロウィンにぴったりなアイコンセットをまとめた「A Cool Collection Of Free Halloween Icon Sets」です。


Free Halloween Icon Set (22 PNG Icons, 32×32px – 512×512px) | Smashing Magazine

アニメーションの可愛らしいアイコンから、リアルな質感のアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:55  |  
Category: WebService   
2011年03月13日

100以上のハイクオリティなXHTML/CSSフリーテンプレート「100+ Stunning XHTML/CSS Free Templates [HQ] 」

制作に便利なフリーテンプレート。デザインやレイアウトによってはそのまま、もしくはサイト制作のベースとして便利に利用できますが、今日紹介するのは、100以上のハイクオリティなXHTML/CSSフリーテンプレートを集めたエントリー「100+ Stunning XHTML/CSS Free Templates [HQ] 」です。


Download Harvest

数多くのフリーテンプレートがまとめられていますが、今日はその中から特に気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2011年11月24日

個性を発揮した クリエイティブなwebデザイン集「35 Best Website Designs」

毎日数えきれない程多くのwebサイトが世界中でオープンしていますが、そんな中で個性を発揮できるのがデザインとクリエイティビティを兼ね備えたwebサイト。今回紹介するのは、クリエイティブなwebデザインを集めた「35 Best Website Designs」です。


Reklameskilte er yt. Glasfiber-ko med logo – synlig reklame-gimmick

シンプルで洗練されたデザインから、つい見入ってしまうような芸術的なデザインまで、さまざまなwebサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2013年07月24日

さまざまなシームレスパターン素材が揃うパターンセット「25 Seamless Web Patterns (JPEG + .PAT)」

デザイン制作に欠かせないパターン素材の中でも、デザインのサイズに合わせた自由な展開できるシームレスパターンは常に人気が高い素材ではないでしょうか。そんな中今回紹介するのは、25種類のシームレスパターン素材が揃うパターンセット「25 Seamless Web Patterns (JPEG + .PAT)」です。

dd_seamless_01

ダーク系からライト系の色まで幅広く、シンプルで汎用性の高いパターンデザインが25種類もセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 07:53  |  
Category: Design   
2012年10月05日

キラキラしたゴールドの質感を楽しめるテクスチャセット「30 Free Shiny Gold Textures For Designers」

テクスチャの色や質感によって、デザインの雰囲気は大きく変化するもの。そんな中今回紹介するのは、キラキラしたゴールドの質感を楽しめるテクスチャセット「30 Free Shiny Gold Textures For Designers」です。


Metallic Gold Textures by ~Gypsy-Stock on deviantART

きらびやかに輝くゴールドカラーのテクスチャが30種収録されています。中でも気になったものをいくつかピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:17  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る