フォントの基本的な選び方
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
DrillSpin （ドリルスピン）
DrillSpinは事業構造の検討を行なうため、 現在、すべてのコンテンツページが 非表示となっております。 表示再開までしばらくの間お待ちください。 2018年6月29日 DrillSpin
文字の空きにこだわる1/9
◆カーニング*の基本をグラフィックデザインの視点から整理し、文字間と行間について従来の王道とは異なる視点で整理してみてはどうでしょう。時にオートではなく手動で調整してみる事が大切です。 写植全盛の時代を体験している私でも、当時の文字組みのすべてを写植に依存していたわけではありません。輸出関係のパッケージ等の仕事に多く関わっていたため、インレタ**やモンセン書体清刷集***が必需品でした。つまり、自分自身でカーニング処理を行なっていたわけです。製品ロゴタイプなどであれば完全な書き文字が鉄則ですから、クロッキー帳のスケッチからイメージを描き起こし、最後はロットリングで輪郭を描き、内側はマジックインキで塗りつぶすといった手順でした。 もちろん、最初の頃は丁寧にポスターカラーや墨汁で塗りつぶしていましたが、ある時マンガ家の生原稿が、塗りつぶし部分に油性のマジックインクを使っていることを知り、その合
美しく文字を組む
タイポグラフィとは Webデザインの世界では、デザイン教育を受けたことがないデザイナーが大勢います。始めたきっかけはHTMLの勉強からだったり、もともとプログラマーだったりと、その背景はさまざまです。これはWebが、プログラムや動画など、ほかのメディアよりもジャンルの要素が多いためではないでしょうか。 筆者も同じく学生時代にデザインの教育は受けていません。デザイン会社の現場で、実践とともにデザインを学んできました。しかし、デザインの仕事を始めてからスキルアップのため、重要性・必然性にかられて正式に学んだものの1つにタイポグラフィがあります。 タイポグラフィとは、デザインの中で文字を扱う技術、もしくは文字にかかわる知識・学術のことを指します。例えば、レイアウトを行う際に、美しい書体を選択することや、字間のバランスを整えて、読みやすさと視認性を高める技術がこれに該当します。 現在の商業デザイン
ポスターなどでのタイトルの文字の調整の実際｜DTP Transit
年に一回、担当させていただいている多摩美術大学 デザイン学科向けの「Illustrator/Photoshop」セミナーを5月9日、10日に終了しました。 そのフォローアップ的な記事です。 なお、この素材は『Illustrator CS4 完全制覇パーフェクト』のものです。 日付 日付における年月日の文字や曜日、また、金額などの単位（円とかkmとか）は少し軽くしてメリハリをつけた方が、情報として文字列の内容を理解しやすくなります。 "打ちっ放し" 年月日や曜日が少し"重い"のでフォントサイズを下げました。 Illustrator CS以降は［文字］パレットメニューから［文字揃え］を「中央」から「欧文ベースライン」に変更しておくこと。 パーレン（丸括弧）を削除し、水、金をそれぞれ異体字切り替えで記号にします。 異体字切り替えを行うには、まず、［書式］メニューの［字形］をクリックして、［字形］
基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
[Webデザイン]カーニングの件もっと | chihosh blog
先日、このブログのエントリーを見て衝撃をうけたよ！ ⇒ [Webデザイン] 文字組みについて本気出して考えてみた 正確にはこのエントリーについているはてブコメントに衝撃を受けたよ！ 「これは参考になる」とか書いてあるよ！ これって基本中の基本だと思っていたよ！ 私は紙の経験はほとんど無いけど、ウェブデザインの仕事は10年以上になるので 世の中の文字詰めの甘いサイト（やポスター）のことは同じく気になっていたよ!! 東横線の中刷りの東急のポスターとかひどいよね！ あと運用していくうちにカーニングぐちゃぐちゃになってるサイトとかね！ ということで、上のエントリーに書かれていないことで、 カーニングの基本と思われることを書いてみるよ！ 音引きは横85%、小さい「ャ」は縦横85%、「・」は縦横50%＋ベースライン調整 漢字の「一」と音引きの「ー」が似ているため。 ぱっと見で音引きとわかるように横幅を
![[Webデザイン]カーニングの件もっと | chihosh blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a01e1629306ca9cf40722f445a3870ff46e172e/height=288;version=1;width=512/https%3A%2F%2Fpds.exblog.jp%2Fpds%2F1%2F201102%2F17%2F53%2Fa0144753_17402048.jpg)
タイポグラフィの基礎 – 文字の扱いで印象が変わる - - EC studio デザインブログ
こんにちは。新免です。 普段から私たちは沢山の文字を目にする機会があります。 文字は身の回りに溢れており、私たちに様々な情報や 印象を与えてくれます。 文字はただ読み物として情報を伝えるだけではなく、 文字をデザインに落とし込むことで様々な印象を 与えることになります。そのため、デザインをする上で 文字の扱は非常に気をつけなければいけません。 そこで今回は、文字の扱い方で気をつけていることの 基本的な部分をまとめてみようと思います。 フォントの統一 フォントは和文フォントの中に「明朝体」「ゴシック体」、 欧文フォントの中にも「セリフ体」「サンセリフ体」という種類があり、 その中にも様々なフォントがあり、選ぶのに迷ってしまうほどです。 ただし、いろんな種類のフォントがあるからといって、異なるフォントを 多数使ってしまうと、イメージに違和感が出てしまいます。 フォントは作るビジュアルの雰囲気に
Webdesign is 95% typography. Period.
95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with
Webデザイナー（私）によるタイポグラフィーレイアウトの注意書き
私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー（私）によるDTPデザイン注意書き：Webと
タイポグラフィーを使ったアイデア爆発の広告デザイン45個まとめ
Burger King: Wrap 世界の広告デザインは、商品や会社などを成功に導くためのプロモーションとして重要なアイテムのひとつです。 海外デザインブログSpyreStudioで、ユーザーの目を惹きやすいパワフルなメッセージをタイポグラフィーを使って表現した広告デザイン45個をまとめたエントリー「45 Creative Typography Print Ads」が公開されていたので、今回はご紹介します。 どれも圧倒的なデザイン力で印象に残る作品ばかりとなっており、デザインアイデアの参考にいかがでしょう。 詳細は以下から。 タイポグラフィーを使った世界のユニーク広告 Burger King: Burger Adobe Magazine: Haagen Dazs(ice cream) Chupa Chups: Lollypops, 3 Procopio Ferreira Theatre:
Photoshop VIP ☞ すごいテキストエフェクトのPhotoshopチュートリアル28個まとめ 2011年5、6月度
テキストエフェクトを利用したタイポグラフィーデザインは、日常生活においてもよく見かけるデザインのひとつです。 雑誌や広告、CDジャケット、パッケージデザインなどジャンルもさまざまですが、多くのデザインにおいてフォトショップを利用している場合が多いようです。 海外デザインブログHongkiat.comで、新しく公開されたテキストエフェクトに関するPhotoshopチュートリアルを28個まとめたエントリー「28 Fresh Photoshop Text Effect Tutorials」が公開されていたので、今回はご紹介します。 レイヤースタイルのみを使った手軽なチュートリアルから、時間をかけてじっくりデザインしたいタイポグラフィーデザインなどが揃っています。 詳細は以下から。 新しく公開されたテキストエフェクト用Photoshopチュートリアルまとめ 本物そっくりの炎が出ているテキストエフェ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
見るだけでもワクワクする、CSS3とjQueryのかっこいい7つのエフェクト
Kern Type, the kerning game
新着記事
新着記事
新着記事
新着記事
http://weddingphotography.com.ph/7507/45-wedding-invitation-designs-reflect-style-event/
新着記事
