今回はアイディアの引き出しを増やすべく、タイポグラフィデザインをご紹介したいと思います。アイディアラフを出すときや、今後のデザイン制作にもぜひご参考にしてみてください。 デザインとタイポグラフィ グラフィックデザイン、広告デザインでは「タイポグラフィ」という言葉は日常でもよく耳にする言葉ですが、Wikipediaにてタイポグラフィとは…を調べてみました。 タイポグラフィ（英: Typography）は、活字（あるいは一定の文字の形状を複製し反復使用して印刷するための媒体）を用い、それを適切に配列することで、印刷物における文字の体裁を整える技芸である。 文字をバランスよく整えてデザインに落とし込んでいく技法全般を指すようです。主に印刷物のデザインで案出しの時に考えますが、最近ではWebデザインのトップイメージのデザインでもタイポグラフィが使われています。 具体的な使用場面は書籍の装丁デザイン

デザイン事務所やフリーデザイナーさんはロゴ案を出す機会が多いと思います。一般的なモチーフではありませんが、ベジェ曲線やCMYKをテーマにしたロゴもいろいろあるのですね。シンプルですが、同じ業種の人にはすぐに同業種だとわかるデザイン案です。デザインのインスピレーションにもどうぞ↓ 今からデザイン事務所起業やフリーランスを目指す方にはぜひご参考に◎

リアルなイラストを描く練習をすることでIllustratorソフトのスキルアップにもつながります。いつも使わないツールの練習にもなるのでオススメです！ 1.リアルな靴を描く Illustratorソフトを使用して、リアルなイラストを描く方法を紹介しています。写真からトレースして描く方法なので、デッサン力などは必要なく描ける所がポイント。トレースすることはペンツールの練習にもなるので初心者さんにもオススメのチュートリアルです。 >>チュートリアルはコチラ 2.リアルなトウモロコシを描く コーンの粒をひとつひとつ描くのは大変ですよね…。そんな時に便利なのはブレンドツール。コーン部分はブレンドツールで描かれています。葉っぱ部分のグラデーションも練習になります。 >>チュートリアルはコチラ 3.リアルなサクランボを描く より複雑なグラデーションを描きたいときはメッシュツール。サクランボの実の光沢や

今回は欧文フォント。とくに丸文字のかわいらしいデザインのものを集めました。かわいいフォントでも装飾がしすぎていないのでオシャレに使えるものなので様々な場面にはまるフォントです。 1. Static >>downloadサイトはコチラ 2.moby >>downloadサイトはコチラ 3.Thesis >>downloadサイトはコチラ 4.Miso (Registration Required) >>downloadサイトはコチラ 5.Terminal Dosis >>downloadサイトはコチラ 6.Pasargada >>downloadサイトはコチラ 7.Chocolate Box >>downloadサイトはコチラ 8.Little Lord Fontler >>downloadサイトはコチラ 9.Caviar Dreams >>downloadサイトはコチラ 10.Govern

3DタイポグラフィはPhotoshopやillustratorの効果をふんだんに使って制作しています。ソフトスキルとデザイン力をぎゅっと凝縮したものでもあります。3Dタイポを勉強する時にやくだつチュートリアルサイトをご紹介したいと思います。 3Dタイポグラフィは一時下火でしたが、最近またよくみるようになってきました。最近は複合施設やファッションビルなどのポスターなどに使われているのをよく目にします。写真やグラフィックデザインなどの素材がなくても、タイポグラフィだけでもデザインの間がもつので重宝します。 SOHO-Collegeでも過去に3Dタイポについて取り上げてきた記事があるので、ご参考にどうぞ ガーリーな3Dタイポグラフィデザイン Illustratorで作る3Dテキストのチュートリアル10選 Create an Extruded Glossy 3D Text Effect in Ph

グラフィックデザイナーの仕事のひとつにロゴデザインがあります。ロゴは社名ロゴから、店舗ロゴ、その他ブランドロゴなどがあります。今回は制作の流れとモチーフ別ロゴデザインのまとめです。 ロゴの「新規作成」と「リニューアル」 ロゴの制作には大きく分けて2パターンあります。新規店舗やブランド立ち上げの為の新規のロゴ制作と、CI（コーポレートアイデンティティ）の見直しなどによるリニューアル制作。新規制作とリニューアル制作の大きな手順は変わりませんが、それぞれ力の入れどころが異なってきます。 ロゴの「新規作成」で重要な過程は…“ヒアリング”と“市場調査” 新しい店舗やブランド、社名ロゴを制作する場合は、1のヒアリングと2の市場調査がとても重要な過程になってきます。まずは“どんなロゴデザインにするか”ではなくて、“どういうコンセプトの店／会社なのか”が重要です。信頼性のあるものなのか、若い人にも受け入れ

ポップでかわいいベクター素材はちょっとしたラベルやカードを作るときも使えます。以下のサンプルのようにカラフルな色使いで使うのもかわいいです。

今回はPhotoshopで絵を描いているイラストレーターさんやクリエイターさんに便利なブラシをご紹介したいと思います。自分の作業に必要なブラシをダウンロードして置く事でデザインの幅も広がります。 Photoshopにはたくさんのブラシ素材があります。デフォルトで入っているものもありますが、インターネットで無料配布しているものもありますので、適宜ダウンロードしておくと便利です。今回はとくにアクリル画の様な作品を作る時にはかなり便利なブラシです。テクスチャのついた背景画像を作るときにも使えます。 1.Acrylic brushes set >>Downloadサイトはコチラ 2.15 Acrylic Paint PS Brushes >>Downloadサイトはコチラ 3.Acrylic Brushes >>Downloadサイトはコチラ 4.100 brush strokes >>Downl

パソコンの壁紙は何をお使いでしょうか？すきなクリエイターさんの作品にしたり、自作カレンダーにしたり、カスタマイズしだすと結構楽しい壁紙。今回は「役立つ壁紙」をご紹介したいと思います。 クリエイターにオススメ！仕事に役立つ壁紙ダウンロード Wallpaper Source ▲ウィンドウサイズがわかる壁紙。Webクリエイターさん向け Wallpaper Source ▲配色の基本“カラーセオリー”をみながら仕事ができます。 Wallpaper Source ▲Photoshopのショートカットキー。Photoshop初心者の方は勉強になります。 Wallpaper Source ▲ショートカット一覧。 Wallpaper Source ▲jQueryのチートシート。開発者向け壁紙です。 Wallpaper Source ▲Wordpressのヘルプシート Wallpaper Source ▲タ

複数のページが掲載されていくブログやWebマガジンでは、ページャー機能を使っているサイトが多いと思います。今回はWebの一部分のデザインに注目してご紹介したいと思います。 ページャーの役割とデザイン たくさんの記事を掲載しているサイトは、次のページに誘導する“ページャー”という機能が使われている場合が多いです。ページャーは次のページへ誘導するだけでなく、全部の記事がどれほどあるのかの指標にもなり、ユーザビリティの向上にもつながります。 現在のこのサイトのページャーはデザインされていないシンプルなもの…。もう少しデザインを加えていきたいなあと思っています。 そこで今回はページャー部分も凝っているサイトデザインです。色や動きがキレイなサイトばかりです。参考にしたいデザインばかり。これからサイトをカスタマイズしていきたい方やWebデザイナーの方はぜひチェックしてみてください。 1.The Str

フォント自体に個性があるものはそれだけでもタイポグラフィとしてのインパクトがあります。今回はレトロなデザインのフリーフォントをご紹介します。 1.Deftone Stylus >>Downloadサイトはコチラ 2.Varsity >>Downloadサイトはコチラ 3. Titania >>Downloadサイトはコチラ 4. East Market >>Downloadサイトはコチラ 5. Carnivalle Freakshow >>Downloadサイトはコチラ 6.Mailart Rubberstamp >>Downloadサイトはコチラ 7.haymaker >>Downloadサイトはコチラ 8.andes >>Downloadサイトはコチラ

Webデザイナー、グラフィックデザイナーの方で配色パターンに悩んでいる方は多いのではないでしょうか。短時間で簡単にカラバリが作れる便利なAdobe kulerをご紹介します。 「Webクリエイターに便利なジェネレータ22選」の中でもご紹介しましたが、カラー配色に困った時に簡単に色を決めてくれるツール、「Adobekuler」の使い方をご説明したいと思います。 デザインをする時に「配色」はとても重要なポイントです。私もそうなのですが、好みの色の組み合わせは人それぞれきまっているので、前に制作した色の組み合わせを使ってしまいがち。カラバリを作るときにいつも自分が選ばない色や色の組み合わせを試してみたいですよね。そんな時に助けてくれる便利なツールがAdobeのkulerです。 PhotoshopやIllustratorを使っている人は使ってみる価値ありな便利ツールです。 Index 1.まずはA

クリエイターの方は自分のブログやポートフォリオサイトを持っている方は多いかと思います。独自性をだすか、サイト自体はシンプルにするか、、方向性から悩むところですよね。今回はデザイン性の高いブログサイトをご紹介したいと思います。ぜひ参考にしてみてください 1.ナチュラルな色合いとフォトギャラリーが参考になるブログ 大きなナビゲーションが印象的なサイト。背景のテクスチャもいい感じです。写真ギャラリーも奇麗です。 ［>>link］ 2.水彩画風の背景デザインと手書き文字がかわいいブログサイト やわらかい色とデザインが女性らしいデザイン。イラストレーターやデザイナーさんのブログデザインに参考になりそうです。 ［>>link］ 3.スタイリッシュなコラージュが参考になるブログサイト かわいい紙素材の使い方が上手くて参考になります。Webデザインもさることながら、掲載写真などもかわいいものがたくさん。

WordPressで作った企業サイトが増えてきました。今までHTMLのみでサイト制作していたWebデザイナーの方も、Wordpressでのデザイン制作を勉強している方も多いと思います。今回はWordpressで作ったおしゃれなサイトを集めました。 WordPressで企業サイトを作る時に参考になるオシャレなサイト10選 もともとWordpressはブログサイト制作のためのCMSですが、最近は更新作業の手軽さから、企業向けサイトもWordpressで作られているものもよく見るようになりました。Wordpressで作られているか、HTMLコーディングのみで作成されているかは見た目だけではわからなくなってきています。オリジナルデザインのWordpressサイトを作る時の参考に今回はおしゃれなサイトを10点ご紹介したいと思います。どれもハイクオリティでスタイリッシュ。勉強になります。 1.proe

手書き風のフォントはデザインのポイントとしても使う事ができます。手書き風だと少し柔らかいイメージになるので女子向けのデザインにあわせやすいのではないでしょうか。無料ダウンロードしてぜひ使ってみてください。 女子向けの手書き風欧文フリーフォント 今までにも、インストールしておくと重宝するフォントはいくつかご紹介しました。フォントはザインテイストにあわせて選ぶ必要があるので、自分の好きなフォントや、仕事で使いそうなフォントは集めておくといいと思います。今回は最近よく見かける、かわいらしい手書き風の欧文フォントです。雑貨デザインやポップなデザインに似合うフォントです。 フォント関連／過去記事 ・wedding関連のペーパーアイテムデザインにぴったりのフリーフォント ・かわいい日本語フォントダウンロードサイト ・スタイリッシュなデザインにぴったり！ミニマルなフリーフォント Meander >>Do

今回は背景画像が印象的なWebサイトを集めてみました。twitterの背景や、ブログのトップ画像、作品のポートフォリオサイトを制作する際にも参考になります。 最近のWebサイトのトレンドは、背景にテクスチャやイラストが上手く使われたサイトです。特に自分の色がだせるブログではオリジナルイラストやコラージュを上手く使ったものが多いようです。グラデーションや単色のものもすっきりしていてキレイですが、よりインパクトの強いサイトデザインには背景にこだわってみるのもよいかと思います。 ■やわらかい質感とイラストがおしゃれな背景 女性らしいイラストが心地いいサイトです。作品も上品なピンクを上手く使ったものが多くて勉強になります。 >>link ■暖かみのあるテクスチャが効果的な背景 イラストもカワイイのですが、おしゃれな配色とざらっとしたテクスチャが暖かみをプラスしています。 >>link ■タイル風の