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をそれぞれ取り上げているエントリーから気になったものをまとめて紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2008年05月28日

無料配布のベクター素材をまとめた「Quality Free Vector Graphics」

今までベクター素材については数多く取り上げてきましたが、今日紹介するのはそんな無料のベクター素材を収集してまとめたサイト「Quality Free Vector Graphics」です。

ベクター素材

レーティングやコメント機能などもあり、カテゴリーも「Abstract」「Misc」「Swirl」「Illustration」「icons」「symbols」などとわけされていたり、サイト内検索もできるみたいですので、ベクター素材を探すのには便利な作りになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:33  |  
Category: Design , vector   
tag: Design vector
2008年04月24日

詳細な設定ができる鏡面画像ジェネレーター「Wet Floor Maker」

WEB2.0的なデザインとして普及した鏡面画像処理。photoshopを初めとした画像編集ソフトを使わなくても、あらゆるところで簡単に実現できるサービスが存在しますが、今日紹介する「Wet Floor Maker」はそんなサービスの中でもかなり細かい所まで設定できる鏡面画像ジェネレーターです。

320×240と生成できる画像サイズが制限されている物の、カメラの高さやアングル、鏡面の透明度など細かい指定が可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:46  |  
Category: WebService   
2018年01月29日

ヴィンテージなヒップスターを演出できるフォントをまとめた「20 Hipster Fonts You Can Download For Free」

シンプルかつシックなデザイン性で根強い人気を誇るヒップスター。ファッションはもちろんのことトレンドのマテリアルデザインと相性がいいこともあり、Webにも取り入れられつつあります。そんなレトロさを演出してくれるフォント集「20 Hipster Fonts You Can Download For Free」をご紹介致します。

hipstar_font_top
Rising Star Monoline Script — discover Pixelbuddha Plus design resources library

トレンド感を出すことができるフォントが20種類もまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Font , WebDesign   
2010年04月10日

商用可!シンプルなpsdフリーアイコンセット「iconSweets」

インターフェイス設計にとても便利なアイコン。機能が絵で表示できるため、うまく使えば、直感的に操作できるインターフェイスを作ることができます。今日紹介するのは60個ものシンプルなアイコンがセットになったアイコンセット「iconSweets」を紹介したいと思います。

iconsweets01

アイコンは汎用性の高いものが多く、インターフェイス向けです。iPhone & iPad アプリの開発にも使ってと公式にはおすすめされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:08  |  
Category: Design , Photoshop   
2012年05月10日

水彩画のさまざまな水滴が楽しめるテクスチャまとめ「Watercolor Splashes: Texture Pack」

素材の持つ優しさをダイレクトに感じられるデザインが好まれることも多く、手書きの質感を活かしたデザイン制作を求められることも増えているのではないでしょうか?そこで今回紹介するのが、水彩画のさまざまな水滴が楽しめるテクスチャをまとめた「Watercolor Splashes: Texture Pack」です。


watercolor_01.jpg (JPEG 画像, 2500×1656 px) – 表示倍率 (48%)

色の濃淡を楽しめるモノクロのテクスチャが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:28  |  
Category: Design   
2008年09月01日

方眼紙を意識したフリーゴシックフォント「FontStruct Font-Les Bains」

様々なフリーフォントを紹介してきましたが、今回紹介するのは方眼用紙のバックグラウンドの線を使って作ったフォント「FontStruct Font Les Bains」です。アルファベットの大文字、小文字、数字、記号と基本的な物はすべて揃っています。また記号的な物や独自のフォントタイプも用意されているみたいです。
 


 

このフォントは以前、「オリジナルフォント作成サービス「FontStruct」」という記事で紹介したWEBサービスを使って作られたフォントです。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:13  |  
Category: Design , Font   
tag: 
2009年07月22日

商用可も有り!アイコンセットをひたすらまとめた「More than 100,000 icons in one place」

クオリティの高いアイコンはデザイン度の完成度やユーザービリティを高めてくれます。今日紹介するのはフリーでダウンロードできるアイコンセットをまとめた「More than 100,000 icons in one place」です。

10000more01

デスクプトップで利用するアイコンから、WEB制作の素材として使えるアイコンまで幅広いアイコンセットがまとめられています。数多くのアイコンが公開されていますが、今日はその中からいくつか気になったものをいくつか紹介致します。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:09  |  
Category: WebDesign   
tag: webdesign
2017年05月24日

これで配色の組み合わせを迷わない 便利で簡単なカラーパレット作成サイト「Color Supply」

視覚的要素の中で一番重要だと言っても過言ではない色。配色バランスを決めるのはなかなか難しく、それが2色、3色と増えることで難しさは増していくのではないでしょうか。そんな時に活用したい、便利で簡単なカラーパレット作成サイト「Color Supply」を今回は紹介したいと思います。

配色サーチ01

円形の色相環図をぐるぐると選択するだけで、バランスの良い配色パターンを生成できる、とても便利なwebツールとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:00  |  
Category: Tool   
2017年05月25日

UIデザインに機能的なアニメーションをつける4つのポイント「4 Ways Use Functional Animation in UI Design」

デザインに動きをつけてより見やすいUIを作り上げるとこができる、UIアニメーション。上手に利用すれば良いUIを制作できますが、動きという印象に残る要素になるため、取り入れるにはコツが必要です。今回ご紹介するのは、そんな時に役立つ、UIデザインにアニメーションを盛り込むコツをまとめた「4 Ways Use Functional Animation in UI Design」です。

animationui

アニメーションを採用するための4つの覚えておきたいポイントが、非常にわかりやすく実例も踏まえて解説されています。

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebService   
2009年01月17日

制作に役立つ10の商用利用できるフリーフォント「10 Delicious Free Fonts with commercial-use license」

デザインをする上で、一つの重要な要素となるフォント。今日紹介するのは制作に使える実用的な商用利用できる利用できるフリーフォント集「10 Delicious Free Fonts with commercial-use license」です。シンプルで使いやすいフォントがいくつも紹介されています。


Marketing (download)

全部で10個のフォントが紹介されていますが、今日はその中から、いくつか気になったフォントを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:37  |  
Category: Design , Font   
tag: Design Font

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る