プロの現場でも使えるハイクオリティなフリーフォント「35 Latest High-Quality Free Fonts for Professional Designers」 フォントのがデザインに与える影響はとても大きく、フォントの選び方でデザインの感覚がガラリとかわったりします。今日紹介するのはプロの現場でもプロの現場でも使えるハイクオリティなフリーフォントを集めたエントリー「35 Latest High-Quality Free Fonts for Professional Designers」です。 Kilogram 今日は今までDesigndevelopで紹介した事が無いフォントを中心にいくつか気になったフォントをピックアップして紹介したいと思います。 詳しくは以下 ■ Franchise とにかくスタンダードな書体。汎用性があります。 ■Bada Bing ギリギリ文字と認識で

デザイナーとフォトグラファーのためのphotoshopアクション集「40 Photoshop Actions for Designers and Photographers」 決まった動作をボタン一つで実行できるアクション。単純作業の簡略化だけではなく、複雑な写真加工などでも大いに力を発揮してくれますが、今回紹介するのは便利に使えるデザイナーとフォトグラファーのためのphotoshopアクションをあつめたエントリー「40 Photoshop Actions for Designers and Photographers」です。 Action Set 1 写真補正を中心に様々なphotoshopアクションが公開されています。今日はその中から気になったものをいくつか紹介したいと思います。 詳しくは以下 ■Polaroid Generator 2 簡単にポラロイドを再現できるphotoshopア

何かと便利な紙のテクスチャセット集「158 Paper Textures For Kickstarting Your Backgrounds & Designs」 デザインのクオリティを引き上げてくれる何かと便利な紙のテクスチャ。使い方によっては様々なデザインシーンで利用できる優れものですが、今回紹介するのはそんな紙のテクスチャを多数あつめたエントリー「158 Paper Textures For Kickstarting Your Backgrounds & Designs」です。 4 Retro Old Dirty Paper Textures – Download From ベーシックなものから、破れや汚れを表現したグランジっぽいものまで様々なテクスチャが公開されています。今日はその中から気になったものをいくつか紹介したいと思います。 詳しくは以下 ■13 HQ Old Paper

TOP  >  Design , WebDesign  >  グローバルナビゲーションのショーケース「A Showcase of Website Navigations with Serious Click Appeal」 WEBサイトのなかでも最も重要で、ユーザーが利用するナビゲーション、グローバルナビゲーション。今日紹介するのはそんなグローバルナビゲーションのショーケース「A Showcase of Website Navigations with Serious Click Appeal」です。 SYNTHVIEW 海外のサイトにはなりますが、様々なナビゲーションが集められています。今日はその中から気になったものをいくつか紹介したいと思います。 詳しくは以下 ■The House Media 上からぶら下がってきたようなナビゲーションです。 ■Curious Generation G

TOP  >  WebDesign , WebService  >  知っておいたほうが良いCSS3テクニック「CSS3 Techniques You Should Know」 CSS+XHTMLでのコーディングスタイルが主流になってかなり建ちますが、さらに新しい、CSS3という言葉も最近は耳にするようになってきました。CSS3を使えば、今まで画像でしかどうしても表現できなかった部分等もコードで実装可能になりますが今日はそんなCSS3のテクニックをあつめたエントリー「CSS3 Techniques You Should Know」を紹介したいと思います。 グラデーション表現や、ドップシャドウなどなど、いままでどうしても画像に頼っていた部分がかなり解決されるみたいです。紹介されているものノン蚊からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Drop Shadows ドロッ

プロユースに耐えれる、高品質なフリーフォントを集めた「50 High-Quality Free Fonts for Professional Design」 デザインの重要な要素の一つであるフォント。同じ意味の言葉でも、そのカタチから受ける印象と言うのは非常に強く、それ故にデザインをする上で、フォント選びは非常に重要となります。今日紹介するのはプロユースに耐えれる、高品質なフリーフォントを集めたエントリー「50 High-Quality Free Fonts for Professional Design」です。 League Gothic キレイ目な書体から、インパクトがあるものもあで幅広く収録されています。今日はその中から気になったものをピックアップして紹介致します。 詳しくは以下 ■Calluna Regular 細身ながらも、少し遊びのある書体。 ■Birra Stout 見出し等

TOP  >  Design , vector  >  商用可！5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」 様々なデザインシーンに使えるシルエット素材。単純で、曖昧なので、どんなデザインにも合わせる事ができますし、背景だったりアクセントだったり使い勝手も非常に良い素材の一つですが、今回紹介するのはそんなシルエット素材を集めたWEBサイト「All Silhouettes」です。 全部で5000を超えるシルエットが88にも及ぶパックで公開されています。種類は様々で、動物から人間、機械、矢印と様々なシーンのシルエットが公開されています。 詳しくは以下 上記は今最も人気のシルエット素材。人物のシルエットがやはり人気が高いみたいですね。デザイナーだけでなく、企画書を書いている方にも良い素材なのでは無いでしょうか！？ ライセンスは「You are free t

TOP  >  WebDesign  >  クリエイティブなフォームの為のインスピレーション集「20 Creative Web Forms For Design Inspiration」 WEBに置いてユーザーと運営側を繋ぐフォーム。ログインフォーム、コンタクトフォームと色々と種類はあれど、現在、様々なサイトで導入されています。以前「クリエイティブなフォームをCSSで実現する為のTips「20+ Resources and Tutorials for Creative Forms using CSS」」と言う記事でも少しお伝えしましたが、今日紹介するのはクリエイティブなフォームの為のインスピレーション集「20 Creative Web Forms For Design Inspiration」です。 Five Cent Stand 一風変わった様々なフォームデザインが収録されて、クリエイテ

ペインティングを実現するphotoshopブラシ集「300+ Excellent Photoshop Brushes for Creating Painted Effects」 photoshopには様々なブラシがリリースされており、ブラシ次第でその表現の幅はかなり広がります。今日紹介するphotoshopブラシ集300+ Excellent Photoshop Brushes for Creating Painted Effects」は絵の具やペンキで描いたような表現を可能にしてくれるブラシセットを集めたエントリーです。 WaterColor Reloaded – 83 brushes 様々な種類のブラシセットがあつめられていますが、今日はその中からいくつか気になったものいくつか紹介したいと思います。 詳しくは以下 ■Wet Paint Acrylic Photoshop Brushes

TOP  >  Design , Font  >  商用可！クリエイティブでユニークな厳選フォント集「The League of Moveable Type」 様々なフォントが国内外、配布されていますが、今日紹介する「The League of Moveable Type」はそのなかでもクリエイティブなフォントをいくつか公開していてダウンロードする事ができます。 Blackout-13 サイトの名前を見るとちょっとフォント配布サイトに聞こえない部分がありますが、すべてのフォントはオープンソースの考え方が根底にあるみたいで、無償で社会貢献のため無償で公開されています。収録されているフォントを下記に紹介したいと思います。 詳しくは以下 Chunk-11 Flaminia-type-system-8 Sniglet-5 Junction-1 収録されているフォント種類は上記の5種類と数こそは少な

WEB制作を行なうにあたりそのサイトの雰囲気を大きく左右するのが背景。色だったりパターンだったりテクスチャだったり様々な背景がサイトのテイストに併せて展開されていますが、今日紹介する「PatternWall.com」はそんな背景パターンをダウンロードできるWEBサイトです。 上記のようにグリッドに背景が引き詰められており、選択する事で、全面がその徘徊に切り替わります。さらにDownloadのボタンをクリックする事で、表示されている背景がjpgでダウンロードで切ると言うものになっています。 詳しくは以下 クリックすると、選択した背景に切り替わる。ものすごくシンプルで全く迷う事がない潔いWEBサービス。配布されているパターンファイルは割と大きめなものなので、目の細かさなどはリサイズすれば調整できそうです。 全体的にはPOPなパターンが多いような気がします。まだリリースされたばかりで背景パターン

TOP  >  WebService  >  だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」 WEBデザインの印象を決定付ける大きな一つの要素の一つに背景があります。様々な背景素材やジェネレーターがWEB上で公開されていますが、今日紹介するのはだんだん小さくなるドット柄の背景パターンを制作してくれる背景ジェネレーター「Dotted Background Generator」です。 上記のように上部から下部に向ってだんだんと小さくなっていくような背景を簡単に作る事ができます。 詳しくは以下 使い方は至って簡単でドットのカラーと、背景色、そして高さを指定すればOKです。色はカラースライダーなどは実装されていませんので、指定する必要があります。また選べるカラーはドット、背景ともに2色までとなっています。背景色は2色選んだ場合はA

TOP  >  WebDesign  >  商用可も有り！アイコンセットをひたすらまとめた「More than 100,000 icons in one place」 クオリティの高いアイコンはデザイン度の完成度やユーザービリティを高めてくれます。今日紹介するのはフリーでダウンロードできるアイコンセットをまとめた「More than 100,000 icons in one place」です。 デスクプトップで利用するアイコンから、WEB制作の素材として使えるアイコンまで幅広いアイコンセットがまとめられています。数多くのアイコンが公開されていますが、今日はその中からいくつか気になったものをいくつか紹介致します。 詳しくは以下 ■Licence: 丸の中に描かれたミニアイコン。 Licence:Creative Commons (Attribution 2.5 Generic) ■Disco

TOP  >  WebDesign  >  スムーズに伸び縮みするサイドバー用タブメニュー「jQuery Sidebar Sliding Tab Menu Tutorial」 限りあるWEBのスペースを有効に利用できるタブメニューは非常に便利で実用的です。その使い勝手の良さから、大手のWEBサイトなどでも良く見かけますが、今回紹介する「jQuery Sidebar Sliding Tab Menu Tutorial」は自由自在に伸び縮みするサイドバーでの試用を前提としたタブメニューです。 デザインはCSSで制御されており、それぞれのタブ毎に自由にカスタマイズする事ができます。 詳しくは以下 実際のDemoは「jQuery Sidebar Sliding Tab Menu Tutorial」からご覧ください。 解説は英語になりますが、図解を用いて構造を解説していたり、CSSからjavascr

TOP  >  Design , Photoshop  >  ヴィンテージテクスチャの決定版「 60+ Vintage Style Textures Every Designer Should Have」 様々な種類のテクスチャがWEB上では公開されていますが、その中でも質感を出すのに非常に重宝するのがヴィンテージテクスチャ。布だったり紙だったり独特の古びた風合いはデジタルデータになっても質感や雰囲気を伝えてくれます。 今日紹介するのはヴィンテージテクスチャを数多く収録したテクスチャセット「 60+ Vintage Style Textures Every Designer Should Have」です。非常に多くのテクスチャが収録されています。一部のサンプルを下記に貼付けておきます。 詳しくは以下 全部で60枚以上収録されていて、風合いや柄もそれぞれなので、何か使えるテクスチャはあるかと

顔からカラダまで人間を美しくするphotoshopテクニックを極める「26 Professional Photoshop Retouching Tutorials」 作業環境や仕事にもよりますが、photoshopで行う補正の中でも得に補正を行なうのが人間。パンフレットだったり、ポスターだったりと作品の中心となる事が多く、細かな部分の修正を求められたりする場合があります。今日紹介する「26 Professional Photoshop Retouching Tutorials」はphotoshopで人物補正を行なう為のテクニック集です。 Super Fast and Easy Facial Retouching 数多くのテクニックが紹介されていますが、今日はそのなかからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下から ■Basic Retouch and C

季節はもうすっかり夏で毎日暑い日が続いていますが、今日紹介するテクスチャは夏らしい季節感を与えてくれるテクスチャ「25 High-Res Beach & Sand Texture Shots (Part 1)」です。 タイヤの後が付いたもの、粗いものからさらさらした感じがするものまで、様々なビーチや砂のテクスチャがまとめられています。実際収録されている画像のサンプルが公開されていましたので下記に貼付けておきます。 詳しくは以下 石や布とはまた違った質感を与えてくれるテクスチャだと思います。ライセンスは「Attribution-Share Alike 3.0 Unported-日本語」で保護されており、再配布などを行なう事ができませんが、ライセンスに従って自由に利用する事ができます。少し違うテクスチャを探していた、夏らしい季節感を演出したいと言う方は是非どうぞ。 現在数週間後にはパート2を準

デザインをする上で、完成度や世界観を伝える為に大きなチカラになってくれるのがテクスチャ。良いテクスチャが見つかっても大きなものを制作していたり、テクスチャ自身のサイズによっては引き詰めた時につなぎ目が見えてしまって上手く使えないときもあります。 今日紹介するのは引き詰めて使う事ができるテクスチャを集めた「Free Seamless Grungy Green Textures」です。グランジ系のテクスチャがセットになって配布されています。 詳しくは以下 収録されているテクスチャは全部で3種類と少ないですが、jpg画像の他にphotoshopのパターンファイル「.pat」も収録されていますので、使い勝手は良いかと思います。グランジ系なので、どんな制作にも役立つ汎用性はあるとは言いにくいのですが、グランジの雰囲気を出したい時には便利に使えそうなテクスチャセットです。 ダウンロードは原文エントリー

TOP  >  WebDesign  >  最新のjQueryプラグインとチュートリアル25選「25 Fresh and New jQuery Plugins and Tutorials」 軽量でなおかつ様々な動作が可能な人気のプラグイン「jQuery」。世界中で利用されており、そのテクニックも豊富ですが、今日紹介するのは比較的新しいチュートリアルやテクニックを集めたエントリー「25 Fresh and New jQuery Plugins and Tutorials」です。 Create Featured Content Slider ツールチップからスライダー式のギャラリー、サウンドプレイヤーなどなどjQueryで実現できる様々なテクニックが紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■vTip シンプルで使い勝手が良

TOP  >  Design , vector  >  イラストレーターのチュートリアル22選「22 Very Useful Adobe Illustrator Tutorials」 デザイン業界には必須のアプリケーション。イラストレーター多くのクリエイターが利用しているかと思います。今日紹介するのはそんなイラストレーターのチュートリアルを集めたエントリー「22 Very Useful Adobe Illustrator Tutorials」です。 Design with Swirls and Flourishes WEBのワイヤーフレームから、グラフィックテクニックまで幅広いチュートリアルが記載されています。今日はその中からいくつか気になったチュートリアルをピックアップして紹介したいと思います。 詳しくは以下 ■Illustrator full spectrum spirograph 色