現役デザイナーが実践している、フォント組み合わせ10個の黄金ルール
海外デザインブログCanva Design School Blogで公開された「10 Golden Rules You Should Live by When Combining Fonts: Tips from a Designer」の著者より許可をもらい、要点をまとめて日本語抄訳しています。 デザインやアートの世界には、変えることができないいくつかのルールがあります。基本ルールを知ることで、自由にルールを壊すこともできるようになります。では、フォントの効果的な組み合わせ方はどのように学べよいでしょう。デザインとしてうまく利用できると証明されている、いくつかのガイドラインを見ていきながら、実践的なデザインの基本を学んでいきましょう。 詳細は以下から。 01. デザインに合ったフォントを選ぼう 多くのフォントはカジュアルさや、陽気さ、真面目さ、エレガントさなど、他とは異なる雰囲気（英: M
デザイナーが入れておきたい、クリエイティブな Chrome拡張機能15個まとめ
グラフィックデザインの世界は進化を続けており、今ではすべてオンライン上で作品を作成、公開まで行うことができるツールも数多く登場しています。デザイン制作をより快適にしてくれる、インストールしておきたい Chrome 拡張機能をまとめています。 デザイン過程をよりスムーズにする、時間短縮系アイテムを中心にセレクトしています。自分だけのカスタマイズで、より使いやすくさぎょうの捗る環境を手に入れてみてはいかがでしょう。 詳細は以下から。 01. Responsive Web Design Tester Responsive Web Design Testerを一度インストールしてしまえば、Webサイトのレイアウトを画面サイズや、解像度別に確認することができます。モバイルが普及したいま、レスポンシブ必須ツールのひとつと言えるでしょう。 ウェブデザイン: Benjamin Guedj – French
モックアップでデザイン力を上げる！手軽で無料のPSDファイル50選
苦労して完成させたデザイン、せっかくならより魅力的に演出したいもの。しかし、面倒なデザイン編集作業もしたくない。 そんなときは、作品イメージをはめ込む作業のみで、デザインのクオリティを高めることができる Photoshop 用ファイルを利用してみましょう。今回はクライアント向けプレゼン資料や、ブランディングに欠かせない無料のモックアップ用PSDファイルをまとめてご紹介します。 まるで本当に撮影したような「リアルな仕上がり」を追求したフリー素材が揃います。ここぞというときに使いたいモックアップはいかがでしょう。 詳細は以下から。 モックアップとは？ では、モックアップとは何でしょう。すこし調べてみると以下のように記述されています。 モックアップとは、工業製品の設計・デザイン段階で試作される、外見を実物そっくりに似せて作られた実物大の模型のこと。 ソフトウェアやWebサイト、印刷物などのデザイ
美しいプロ級の仕上げ！すごい無料PSモックアップ素材35個まとめ 2014年9月度
デザインが完成した作品をより美しく、よりプロっぽく演出するモックアップ素材をご存知ですか。作成したアートワークやサイト、モバイルデザインなどを簡単なテクニックで、魅力的に仕上げてくれます。 海外デザインブログGraphic Design Junctionで、Photoshopでカスタマイズできる、無料モックアップ素材をまとめたエントリー「Free Photoshop PSD Mockups for Designers (25 Mockups)」が公開されていたので、今回はこちらをベースに、ブックマークしておきたいフリーアイテムをまとめてご紹介します。 スマートオブジェクト機能を利用しているので、カスタマイズ作業もサクサクと行うことができます。モックアップ素材およびスマートオブジェクト機能の詳しい使い方については、以下のエントリーを参考にどうぞ。 [list type=”hot”] [li]
Photoshopに役立つ、無料の万能パターンテクスチャ厳選40枚 2017年4月度
グラフィックデザインからウェブ制作まで、幅広く利用できる Photoshop 用の無料パターンテクスチャ素材をまとめてご紹介します。どれも最近公開されたものばかりで、新しいデザイントレンドも手軽に取り入れることができ、制作時間の短縮にもつながります。 特に今年人気の高いカラフルデザインやモダンレトロの他に、どんなデザインにも役立つ万能アイテムなどが揃います。デザインが何か物足りないと感じるときは、無料ダウンロードできるPhotoshopパターンを活用してみましょう。 デザインの現場ですぐ使える、おしゃれな無料パターン素材38枚まとめ ミニマルスタイルの隠しテク！継ぎ目のない質感系フリーパターン素材まとめ 商用利用にも対応！すごいフォトショップのパターンテクスチャ素材まとめ 2015年7月度 Photoshop パターンの基本的な使い方 パターン素材は、一度インストールしてまえばパターンピッ
デザインの悩みを解決！商用可1000個の素材から選べる The Ultimate Artistic Design Bundle
もし世界中のトップデザイナーと同じツールを使うことができれば、あなたのデザインワークはどれほど刺激的なものになるでしょう。素晴らしいデザイナーやイラストレーターが参加し、高品質なアイテムのみを揃えた期間限定セット The Ultimate Artistic Design Bundle を利用すれば、そんな夢のようなデザインが実現できるかもしれません。 クライアント案件にも対応した商用ライセンス付き素材のみを集めたコレクションで、収録アイテムは1,000種類を超え、2週間限定で通常の99%オフ、＄29（およそ3,000円）で提供中です。 購入ページへ進む The Ultimate Artistic Design Bundle は、ドラッグ＆ドロップのシンプルな操作のみで、あらゆるデザインプロジェクトに利用できる、イラストや手書きスケッチを1000個以上収録したデザインセットです。 すべてのデ
美しい幾何学パターンを利用した、50個のデザインアイデアまとめ
これまでに幾何学パターン（英：Geometric Pattern）を、デザインにうまく活用したことはあるでしょうか。すこし変な質問に聞こえるかもしれませんが、幾何学パターンはとても使いやすいデザインツールです。 うまくデザインに取り入れることで、とても柔軟で効果的なビジュアルに、機能性を兼ね備えているケースもたくさんです。今回は、幾何学パターンをうまく利用する、50個のデザインポイントを、参考サンプル例と一緒に見ていきましょう。 詳細は以下から。 01. バランスを取ろう。 注目を集めたいときに、幾何学パターンは有効なデザインアイデアと言えますが、たくさんの素材を組み合わせるときは、余白スペースなどの要素を加えて、全体のバランスを検討しましょう。 以下のサンプル例では、鮮やかで大胆なデザインパターンが活用されていますが、パンフレットの中はよりシンプルとなっています。複数のパターンを利用する
ウェブ制作の面倒をズバリ解決！オススメChrome拡張機能23個まとめ
ウェブサイトやグラフィック制作をより快適にし、生産性をアップさせてくれるChrome拡張機能をまとめてご紹介します。ウェブ制作に携わる、すべての人にオススメです。 便利なオンラインツールを一緒に活用して、自分だけの爆速Web制作スタイルを目指しませんか。 What Font ウェブサイトで使われている、フォントの種類を知りたいと思ったことはないでしょうか。これまではFirebug や Webkitなどを利用していましたが、What Font を使えば、気になる書体をマウスクリックするだけで確認できる、シンプルさが便利なツール。 Fontface Ninja Fontface Ninja は、ウェブサイトで使われているフォントをカーソルを合わせるだけで確認できるだけでなく、その場で購入までできます。ウェブデザイナーは持っておきたい拡張機能のひとつ。 Window Resizer Window
これでフォントの組み合わせは完璧！確認しておきたい基本ルール、手順まとめ
デザイナーとして学ぶことができる重要なスキルのひとつは、書体を選択する力です。デザインの主要ポイントのひとつとして扱われることが多いフォント、書体は、デザインの仕上がりを良くも悪くもしてしまいます。 この記事では、これから学びたいひとに向けた書体をうまく選択する基本ルールをまとめてご紹介します。普段からよく利用しているフォント以外に、新しい組み合わせ方を詳しくみていきましょう。 デザインの目的をはっきりさせよう。 デザインをはじまる前に、目的はなにかきちんと確認しましょう。どのような情報を伝えたいですか。ウェブや印刷などどんな媒体を対象にしていますか。 優れているとされるデザインは、その目的に合わせてタイポグラフィーを合わせています。これは、タイポグラフィーが雰囲気や色調、スタイルを決める鍵となるからです。 たとえば、イラストを多用したグリーティングカードをデザインするとき、イラストのスタ
コード共有サイト Codepen で2015年に話題となった投稿ベスト100
HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるCodepen。その中でも、2015年のあいだに特に人気の高かったコードを、ランキング形式でまとめた The Most Hearted of 2015 が発表されていたので、今回はその中でも特に印象的だった、クリエイティブな作品をいくつかピックアップしてご紹介します。 やはり話題性の高い、最先端テクニックを駆使した投稿が中心にまとめられています。HTML/CSSやJSなどのコードを確認することができるので、今後のデザイン制作に活用してみてはいかがでしょう。 詳細は以下から。 コード共有サイト Codepen で2015年に話題となった投稿ベスト100 ページの読み込みに時間がかかる恐れがあります。しばらくしてからスクロールすることをオススメします。 100位 Calendar Widget HTML/CSSのみで作成された、
商用可でクリエイティブ！1000個の手描きイラスト素材完全キット The Creative Designer’s Complete Illustration Kit
商用可でクリエイティブ！1000個の手描きイラスト素材完全キット The Creative Designer’s Complete Illustration Kit 手描きのイラストは、デザインを魅力的に見せることができますが、作成するには膨大な作業時間に加え、うまくイラストを描くための練習や、高いデッサン能力が必要になります。 今回ご紹介する、手描きイラスト1000種類以上を揃えたデザインキット、The Creative Designer’s Complete Illustration Kit を利用すれば、絵に自信がないデザイナーも、ドラッグ＆ドロップの簡単な操作のみで、デザインを楽しむことができ、制作時間の短縮にもつながります。 世界でも指折りのデザイナーが多数参加した、抜群のクオリティーの高さと、豊富なグラフィック数に加え、クライアント案件にも対応できる、商用ライセンス付き素材のみ
Illustratorのすご技を体感、デザインチュートリアル30個まとめ 2012年3月度
デザイン制作でもよく利用されているグラフィックツール、Adobe Illustrator。 Photoshopとの互換性もあり、組み合わせて利用することで、よりデザイン表現の幅を広げてくれるツールです。 海外デザインブログDesignBeepで、新しいテクニックを学ぶことができる、Illustratorのデザインチュートリアルを30個まとめたエントリー 「330 Latest Adobe Illustrator Tutorials to Help You Improve Your Skills」が公開されていたので、今回はご紹介します。 ステップごとに順番を追って、解説しているデザインチュートリアルは、新しいテクニックを学ぶのに適した素材のひとつではないでしょうか。 詳細は以下から。 最近公開された、すごいIllustratorチュートリアルまとめ 2012年3月度 カラフルなデジタルモザ
知識ゼロから Illustrator をしっかり学ぶ！デザインの作り方、チュートリアルまとめ
「もっと楽な方法は？」「イラストレーターの効率的な使い方を知りたい。」 そんな悩みを解決してくれる Illustrator の基本操作から各ツールの実践テクニックまで、これからをはじめようというひとにもオススメの機能を網羅した、新作デザインチュートリアルをまとめてご紹介します。 ステップごとに進めていくので迷うこともなく、各種ツールのより実践的な使い方まで詳しく知ることができるチュートリアルを中心に揃えています。Illutrator の可能性を広げる万能テクニックを学んでみてはいかがでしょう。 詳細は以下から。 知識ゼロから Illustrator をしっかり学ぶデザインの作り方、チュートリアルまとめ カラフルな花がらの水墨画をデザインする方法 グラデーションメッシュ機能を利用し、Illustrator ではむずかしい淡い色合いを表現できるチュートリアル。 幾何学模様を利用した雪の結晶の作
計400枚超え！雰囲気を手軽にアップできる無料テクスチャ素材まとめ
あらゆるデザインプロジェクトに欠かせない素材のひとつ、テクスチャ素材。平凡な背景デザインを魅力的にしたり、重ねて利用するだけで見た目を良くしてくれるお手軽アイテムまで、現在ではさまざまな素材が公開されています。 今回は無料ダウンロードできるテクスチャ素材を厳選しご紹介します。トレンドの水彩ペイントやビンテージスタイル、マーブル柄の他、普段使いにオススメのウッドや紙、グランジテクスチャなど合計446枚の幅広いセレクションを揃えています。 デザインツールボックスに追加し、今後のクリエイティブなデザイン案件に活用してみてはいかがでしょう。 詳細は以下から。 雰囲気を手軽にアップできる、持っておきたい無料テクスチャ素材セットまとめ Freebie: High Res Marble Textures 背景デザインに最適なマーブル柄のテクスチャ素材セットで、落ち着いた色合いは幅広いクリエイティブな作品
キラキラ感たっぷり、ライトティングエフェクトを使ったPhotoshopチュートリアル15選
最近のグラフィックデザインやWebデザインでよく見かけるデザインテクニックのひとつに、キラキラと輝くライティングエフェクトを利用したデザインがあります。 何気なく撮影した写真の被写体にまぶしいほどの光を加えることで、インパクトのあるデザインに仕上げることができます。 海外デザインブログSlovideで、効果的にライティングエフェクトを利用したPhotoshopチュートリアルを15個まとめたエントリー「15 Photoshop Lighting Effects Tutorials」が公開されていたので、今回はご紹介します。 英語のみのチュートリアルとなりますが、後半ではライティングエフェクトを利用した日本語チュートリアルを同時にまとめていますので参考にしてみてはいかがでしょう。 詳細は以下から。 ライティングエフェクトを利用したPhotoshopチュートリアルまとめ キラキラに輝くロゴデザイ
もらって嬉しい！世界のクリエイティブすぎる名刺デザイン36枚まとめ
もらってうれしい名刺ってありますよね。今回はそんなワクワクさせてくれる、世界の名刺デザインを集めてみました。作成するときの参考、インスピレーションにしてみてはいかがでしょう。 海外デザインブログSmashing Appsで、ユニークなアイデア名刺からスタイリッシュなデザイン名刺までを集めたエントリー「Modern and Graceful Business Card Examples」が公開されていたので、今回はこちらを中心に印象的なアイテムをあつめてご紹介します。 [list type=”star”] [li]渡した相手の印象に残る！クリエイティブな名刺デザインまとめ 2014年度[/li] [li]会話のきっかけになりそうな、ユニークな名刺デザインコレクションまとめ[/li] [li]デザイナーのこだわりを魅せる、ユニークな名刺デザインまとめ[/li] [li]アイデア無限大、クリエイ
2015年を代表する、世界のクリエイティブすぎる名刺デザインまとめ - PhotoshopVIP
2015年も残すところあと少しとなり、今年もあっと驚くような名刺デザインがたくさん公開されました。今回は、クリエイティブなアイデアが光る、世界の名刺をまとめています。 採算度外視で、アイデアを形にしたユニークな作品から、来年の名刺デザインの参考にしたくなる作品まで、幅広く揃えています。来年はどんなデザインが登場するのか、いまから楽しみです。 詳細は以下から。 2015年を代表する、世界のクリエイティブすぎる名刺デザインまとめ Laura Fish, B Card 自分のスキルをアイコンでうまく表現している名刺デザイン。 Personal Branding Project Summer Business Card New Cards by Brian Steely Trendy Shop J.H. | Visual Identity & Business Cards Gasoline Pro
これでもう悩まない！2017年のデザイントレンド完全ガイド
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？
これからIllustratorを学ぶ人にオススメしたいチュートリアル、作り方35個まとめ
目まぐるしく変化するデザイントレンドに対応した作品を作り続けるのは、デザイナーにとってもっとも大変な課題のひとつです。これまで使っていたスタイルがいつの間に時代遅れになってしまうということもしばしば。 今回はデザイン表現の幅を広げる Illustrator チュートリアルをまとめてご紹介します。覚えておくと役立つテクニックはもちろん、新しいデザインテクニックを使って作成するデザインを中心にまとめています。 詳細は以下から。 これからIllustratorを学ぶ人にオススメしたいチュートリアル、作り方35個まとめ お好みの文字をチェリーパイで作成する方法 パイのサクサクとした質感や上にかかっている粉砂糖、チェリーどれもIllustrator のみでデザインできる、本格的なテキストエフェクト用チュートリアル。 ビスケットでできたテキストエフェクトの作り方 ツールでパスを描くだけでで、どんなシェ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLテンプレート アーカイブ - PhotoshopVIP