WEBサイトを作っていて悩むのが、配色。配色はプロのWEBデザイナーでも非常に難しく、いつも悩んでいるという方も多いと思います。今日紹介するのは、サイトにどんな色が利用されているかを分析し、視覚化してくれるWEBサービス「Colours」を紹介したいと思います。指定のURLから上記のような配色を割り出してくれるというもので、国内外でも知られているサイトがまとめられていました。 指定のURLからも分析が可能でしたので、Designdevelopを分析してみました。 詳しくは以下 解析はBreakdown、Hue Distribution、Colour Wheelと三種類の解析結果を得ることができます。 自分のサイトを改めて分析したり、気になっているサイト、配色のバランスの良いサイトを分析して、構成をみてみるのも勉強になりそうです。配色に迷っているのであれば、最近解析された他のサイトの分析結果

TOP  >  Design  >  しなやかに渦を巻くブラシ素材まとめ「33 Pretty Swirl Brushes for Free Download」 植物の蔦であったり、美しいカーブを描く曲線をデザインで表現するためのブラシ素材、デザインの幅を広げるためにはできるだけ多く所持していたいもの。そんな中今回は、しなやかに渦を巻くブラシ素材まとめ「33 Pretty Swirl Brushes for Free Download」を紹介したいと思います。 （Swirl Brushes by *DianazDesignz on deviantART） さまざまなテイストのブラシ素材が収録されており、幅広いデザインで活用することができそうです。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Grunge Swirl Brushes 3 by ~L

グラフィックデザインからWEBデザイン、CGまで、さまざまなシーンで利用されるテクスチャは、解像度の高さとテクスチャとしてのクオリティの高さが重要です。そんな中今回は、高画質な大理石のマーブル模様が揃うテクスチャセット「Free Marble Textures」を紹介したいと思います。 自然の石の質感がダイレクトに感じられるベージュの色合いのテクスチャが5枚セットになった、デザイン制作に使いやすいテクスチャセットとなっています。 詳しくは以下 グランジ感を表現するために使用したり、CG合成のために利用したりと多彩な制作場面で利用しやすい素材ではないでしょうか？各テクスチャはJPEG形式で、4928x3264pxと画像サイズが大きいというのも嬉しいところです。個人利用も商用利用も可能ということなので、広告や商業映像など、幅広いクリエイティブワークで活躍してくれそうですね。素材感のあるテクスチ

最近の暖かい春の日差しに、空を見上げることも多くなってきているのではないでしょうか？毎日、毎時間、一瞬として同じ表情のない空や雲の風景は、いつ眺めても感動させられるように思います。そんな中今回紹介するのが、印象的な雲が豊富に揃うテクスチャをまとめた「20 Dramatic Clouds Textures」です。 All sizes | sky-clouds-texture-19 | Flickr – Photo Sharing! 昼間の明るい雲の様子から、朝焼けや夕焼けの美しい雲まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■All sizes | sky-clouds-texture-2 | Flickr – Photo Sharing! 暗雲立ち込める中に現れた一筋の光に、幻想的な雰囲気を感じ

TOP  >  WebService  >  デザイン制作に利用しやすい クリエイティブフリーフォントまとめ「30 New Free Fonts for Headlines」 クオリティが高くて、使いやすく、まだあまり利用されていない新しいフォントは、デザイナーの方なら誰もが使いたくなるものではないでしょうか？そんな中今回紹介するのが、デザイン制作に利用しやすい クリエイティブフリーフォントまとめ「30 New Free Fonts for Headlines」です。 Mathematical Free Font シンプルなデザインのフォントから、インパクトを与えられるフォントまで、遊び心のあるデザインフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Airbag typeface by simon stratf

ワンポイントがより華やかに!ベクターで制作されたフレーム素材まとめ「A Collection Of 25 Free and Attractive Vector Frames」 デザイン制作にも、ちょっとしたメモを書き込むためのカードにも、モチーフなどを組み合せたデザインが入っているだけで、見た目の華やかさもアップするのではないでしょうか？そんな中今回紹介するのが、ワンポイントがより華やかになる、ベクターで制作されたフレーム素材をまとめた「A Collection Of 25 Free and Attractive Vector Frames」です。 Cloud Frame 植物をモチーフにした素材から、幾何学模様が可愛らしい素材まで、さまざまなフレーム素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Grungy Fra

WEBでのユーザーインターフェイスを劇的に改善してくれるアイコン。それだけに素材としても多く流通しており、WEB上では様々な高品質のアイコンセットが公開されていますが、今日紹介するのは丸で囲われたシンプルで使い勝手の良いアイコンセット「Metrize Icons」です。 収録されているアイコンは全部で300種類にも及び、それぞれシンプルなピクトグラムライクなものとなっております。 詳しくは以下 ダウンロードできるデータ形式はPSD (Single Shape Layer)、SVG (Single Icon 512 x 512)、EPS、AI、PDF、Web Fontとなっておりあらゆる形式で配布されており、ライセンス形式は商用やオープンソースでの利用も許可されているようなので、制作者に取っては非常にありがたいアイコンセットだと思います。 またアイコンのバージョンは1.0となっており、今後の

TOP  >  Design  >  タグデザインフリーPSDまとめ「25 Appealing Tags PSD Designs for Free Download」 webやBLOGの制作時に必須となってくるタグ自体をデザインすることは少ないかもしれませんが、より細部にまで力を入れることで作品のクオリティを高めることができるのではないでしょうか。今回はそんなシーンに利用したい「25 Appealing Tags PSD Designs for Free Download」です。 Tag Cloud with Post Count (PSD) | Themedy フリーのタグデザインが、PSDデータで多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Dribbble – Tags (Free) by Danny Knaac

TOP  >  Design  >  高解像度が嬉しい!フリーファブリックテクスチャセット「Free High-Resolution Fabric Textures」 デザイン制作時に使うことの多い布地などのテクスチャは、たくさんの種類を保持しておきたいもの。そんな中今回紹介するのが、高解像度が嬉しい!フリーファブリックテクスチャセット「Free High-Resolution Fabric Textures」です。 ジーンズやしわのある布地など、解像度300dpi、幅が2000px以上という高品質な素材が6種類セットとして紹介されています。 詳しくは以下 ナチュラル系の優しい質感の生地をはじめ、ジーンズなど全て質感の異なる布地がセットになっています。シンプルな素材ばかりがセットになっているので、手頃な布地を探すのにぴったり。さらに素材としてのクオリティの高さは、デザインを手がけるクリエイ

TOP  >  Design , Photoshop  >  筆の力強さを表現できるPhotoshopブラシセット「12 Free High Res Dry Brush Stroke Photoshop Brushes」 デザイン制作の際に、筆で描いたようなラインを利用する機会もあると思いますが、ソフトにデフォルトで入っている素材だけでは物足りなさを感じている方も多いのではないでしょうか？そんな中今回紹介するのが、筆の力強さを表現できるPhotoshopブラシセット「12 Free High Res Dry Brush Stroke Photoshop Brushes」です。 太さの違いを利用し動きのある筆を表現した、力加減の異なるブラシが12個もセットになっています。 詳しくは以下 筆には、書道用の筆、水彩用、油彩用とさまざまな種類や形があり、それらを駆使することで深みのある作品が作り上

TOP  >  Design , vector  >  春のやわらかな風景を表現できるベクター素材「A Collection Of Free Spring Vectors For Designers」 春が訪れ、デザインの現場でも春らしさを表現するデザインが増えていると思います。そんな時に活用っできる、春のやわらかな風景を表現できるベクター素材「A Collection Of Free Spring Vectors For Designers」を今回は紹介したいと思います。 （Colorful Spring – Vector Graphic by DryIcons） 花や蝶蝶、植物など、暖かい季節にぴったりな素材がイラストレーションに表現された素材が収録されています。気になるものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Blooming Spring – Ve

TOP  >  Design  >  美しい装飾を表現したテクスチャセット「17 Tremendous Ornate Patterns And Textures」 テクスチャにもさまざまな種類が存在しますが、柄が非常に凝ったタイプのものが欲しい時は、自身で制作する手間を省きできれば素材を利用して効率良くデザインしたいもの。今回はそんなシーンにおすすめの、美しい装飾を表現したテクスチャセット「17 Tremendous Ornate Patterns And Textures」を紹介したいと思います。 （Patterns Ornate Flowers 01 Gallery） アンティークで美しい装飾がデザインされたテクスチャが17種紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Ornate Grungy Golden Pattern

TOP  >  Design , Photoshop  >  躍動感ある鳥のイラストを描くことができるブラシまとめ「25 Free Bird Themed Photoshop Brush Sets」 自然をテーマにしたデザインなどにモチーフとして利用することが多い鳥のイラストは、さまざまなアングルや角度から捉えた姿の種類が必要になってきます。また時にはリアルな質感が求められることも。今回はそんな鳥たちを描くことができるブラシまとめ「25 Free Bird Themed Photoshop Brush Sets」を紹介したいと思います。 （bird brushes II by =lpdragonfly on deviantART） シルエットタイプの定番として使いやすいもの、また実際の鳥の質感を忠実に描き出したものまで、さまざまな種類がまとめられています。気になったものをピックアップしてみ

TOP  >  Design , Photoshop  >  グランジからメタルまでさまざまなテクスチャが作れるブラシまとめ「155 High Quality Photoshop Texture Brushes」 Photoshopのブラシツールは、多彩な表現を簡単に可能にするとても便利なツール。多数ストックされている方も多いかと思います。そんな中今回紹介するのが、グランジからメタルまでさまざまなテクスチャが作れるブラシをまとめた「155 High Quality Photoshop Texture Brushes」です。 Grunge Brushes by ~silver- on deviantART 木目などの自然を表現できるテクスチャブラシから、印象的なテクスチャを制作できるブラシまで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップし

TOP  >  Design  >  優雅な雰囲気を感じられる蝶のベクター素材まとめ「25 High Quality Vector Butterfly for Free Download」 1日の日照時間が長くなってきたりと、少しずつ春の気配を感じられるようになってきているように思います。そんな中今回は、春の優雅な雰囲気作りにぴったりな蝶のベクター素材をまとめた「25 High Quality Vector Butterfly for Free Download」を紹介したいと思います。 Butterfly Vector Set2 (42 colored butterflies) | DragonArtz Designs リアルな蝶を表現した素材から、イメージ力の高い美しい素材まで、さまざまなベクター素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご

WEBを制作する上でユーザーエクスペリエンスを左右する。アイコンのデザイン。意図したとおりに作用すれば、言いたいこと、伝えたいことがかなりわかりやすく伝わります。今日紹介するのは、ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」です。 このアイコンセットはECサイト用ということで、支払いから、セール案内まで、幅広くECで重宝しそうなアイコンがまとめられています。 詳しくは以下 全部で106のアイコンがセットになっており、データ形式は、ai、eps、透過pngと製作者にはかなり嬉しい形式で収録されています。ベースと鳴るようなアイコンもセットされていますので、ベクターデータから必要なアイコンを作るなんてこともできそうです。 ダウンロードはRelated posts:の下のDownloadからどうぞ。 New e-commerce ic

モバイルとも相性が良いWordPressテーマ45「45+ Best Free WordPress Themes for Mobile Friendly Websites」 最近ではモバイル端末の普及とともに、モバイル端末のインターネット環境も整ってきてPCよりもモバイルを中心に情報を収集するという方も多いと思いますが、今日紹介するのはそんなユーザーもカバーできるモバイルとも相性が良いWordpressテーマ45「45+ Best Free WordPress Themes for Mobile Friendly Websites」です。 DailyPost PRO – Personal WordPress Theme 全部で45ものモバイルとも相性が良いWordpressテーマがまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは

TOP  >  Design  >  クリスマスを彩るベクター素材まとめ「62 Free Colorful Christmas Vector Graphics For Designers」 クリスマスまで後14日。街はクリスマスムード一色となっており、イルミネーションやプレゼントなどクリスマスの雰囲気を楽しんでいる方も多いと思います。そんな中今回紹介するのが、クリスマスを彩るベクター素材をまとめた「62 Free Colorful Christmas Vector Graphics For Designers」です。 Snow vector christmas illustration with santa – Vecteezy! – Download Free Vector Art, Stock Graphics & Images… オーナメントから、クリスマスをイメージさせるイラストま

TOP  >  Design , Photoshop  >  さまざまな石の表情が楽しめるブロックパターンまとめ「33 Fantastically Free Brick Photoshop Patterns」 デザイン背景やワンポイントに利用しやすいブロックパターンは、国や地域、また使用している石の種類によってデザインが異なり、多彩な表情を楽しめる素材ジャンルの一つでもあります。そんな中今回紹介するのが、さまざまな石の雰囲気を感じられるブロックパターンをまとめた「33 Fantastically Free Brick Photoshop Patterns」です。 Brick 2 Pattern Set for Photoshop or Gimp | texturemate.com – Free Textures, Brushes, Patterns, and Design Articles

WEBデザインに限らず、その作り込みや分かりやすさでデザインの精度を左右する要素アイコン。アイコンを作りこむにはかなりの時間を要しますが、今回紹介するのはそんなアイコン制作の手間を軽減してくれる、300個のアイコンをセットにしたフリーアイコンセット「Batch.」です。 全部で300以上のアイコンがセットになっており、スタンダードなものから少し変わったものまで、考えられるアイコンは粗方押さえられています。 詳しくは以下 POPなデザインから、シンプルなデザインと比較的合わせやすい少し角の丸い柔らかい雰囲気のアイコンとなっています。ダウンロードは無料で行え、PSD, SVGs (128×128) and PNGs (16×16, 32×32, 64×64)とそれぞれのデータ形式で配布されています。制作者サイドとしては嬉しい限りですね。 ライセンスは商用利用可のと明記されており、詳しいライセン