新人くん、これわかる！？書体の要素が手っ取り早くわかる例え画像 | WebNAUT by Beeworks
こんにちは！新人デザイナーの入社を今か今かと待ち望んでいるデザイナーのタカハマです。 前回は「定番書体代わりに使えるGoogle Fonts」をご紹介しましたが、今回は「書体の要素」をちょっとした例え話と画像を用いてご紹介します！ フォントにも家族がある デザイナーが書体を語る上で、まず知っておきたい言葉「フォントファミリー」 書体の太さ・傾き・字幅が異なっても、書風に一貫性のあるフォント群をまとめて「ファミリー」と言います。 そう、書体にも家族があるんです！次の画像はヘルベチカファミリーの一例です。 そんなフォントファミリーの特徴をWebNAUTにちょこちょこ登場しているキャラクター「ウェブノートくん一族」に例えてご紹介します。 太さ（ウェイト） 同じ書風で太さに変化をつけた書体を用意することをウェイト展開といいます。いわば体重ですね。 シンくんはガリガリタイプで、レギュラー・ブックくん
PhotoshopとIllustratorを使って、カリグラフィーに挑戦 / ウェブデザインライブラリー
Home ＞ フォトショップ講座 ＞ テキスト ＞ PhotoshopとIllustratorを使って、カリグラフィーに挑戦 PhotoshopとIllustratorを使って、カリグラフィーに挑戦 投稿日：2012年12月25日 レベル：初心者 ソフトウェア： このチュートリアルではPhotoshopとIllustratorを使って、カリグラフィーを作成する方法について紹介します。 Step1 ： はじめに Step2 ： スケッチのトレース Step3 ： カラー・シャドウの調整 Step4 ： 完成 カリグラフィーというのは、文字を美しく見せるための技法です。以前はペンやブラシ、羽などを使った伝統的な手法でしかできませんでしたが、今ではデジタルツールを用いてカリグラフィーを行うことができます。 このチュートリアルでは、PhotoshopとIllustratorを使って、デジ
Page not found | abdz.do
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
フォントの基本的な選び方
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
Uma™ Font
Uma is a typeface family consisting of 2 variables weights, light and bold. The typography is fresh, informal and friendly at first glance, but the constructive architecture makes it elegant and modern. it works equally as well in large or small sizes, and the combination between the two weights is very interesting to work with. It is a contemporary typeface, ideal for use in magazines, brochures,
Cities & Typography
Sign up or Sign in to view personalized recommendations, follow creatives, and more.
Typography Effects with CSS3 and jQuery
One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared wi
文字組関連編 カーニング、字送り、文字ツメの違い
アドビは世界を変えるデジタルエクスペリエンスを提供しています。アドビのクリエイティブ、マーケティング、ドキュメントソリューションは、新進アーティストからグローバルブランドまでのあらゆるデジタルコンテンツを適切なタイミングで適切な人に提供することで最高の結果の実現を支援します。
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:
ポスターなどでのタイトルの文字の調整の実際｜DTP Transit
年に一回、担当させていただいている多摩美術大学 デザイン学科向けの「Illustrator/Photoshop」セミナーを5月9日、10日に終了しました。 そのフォローアップ的な記事です。 なお、この素材は『Illustrator CS4 完全制覇パーフェクト』のものです。 日付 日付における年月日の文字や曜日、また、金額などの単位（円とかkmとか）は少し軽くしてメリハリをつけた方が、情報として文字列の内容を理解しやすくなります。 "打ちっ放し" 年月日や曜日が少し"重い"のでフォントサイズを下げました。 Illustrator CS以降は［文字］パレットメニューから［文字揃え］を「中央」から「欧文ベースライン」に変更しておくこと。 パーレン（丸括弧）を削除し、水、金をそれぞれ異体字切り替えで記号にします。 異体字切り替えを行うには、まず、［書式］メニューの［字形］をクリックして、［字形］
Page not found | abdz.do
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
kate spade new york |Shop
OUR SOCIAL IMPACT ケイト・スペードニューヨークのミッションは ソーシャルインパクトの取り組みの中心に メンタルヘルスを据えて 世界中の女性と女の子をエンパワーすることです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Painted Lettering 01
Fresh Typography Poster Designs | Orphicpixel
Rosario Valente
Photoshop VIP ☞ すごいテキストエフェクトのPhotoshopチュートリアル28個まとめ 2011年5、6月度
Graphic Design :: All Categories :: Behance
Lucia Soto - Illustration
宮崎名物うどん専門店 きっちょううどん