Kern Type, the kerning gameA game to learn how to kern type
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
Photoshop/Illustratorでつくるタイポグラフィのチュートリアル -Part20
Photoshop、Illustratorでつくるタイポグラフィのチュートリアルの紹介です。 ※明記の無いものはPhotoshopです。
基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
Wordで作った文書が素人臭くなる理由（その4） by Inquisitor
デフォルトの欧文フォントがどういうわけかCenturyなのです。 Windowsに付属するCenturyはちょっと中途半端なフォントで、イタリック体がありません。Wordの「i」と書かれたアイコンは、イタリック体にするためのものだと思うのですが、Centuryのイタリック体はないので、下のような斜体になります。 斜体はローマン体を単に傾けただけのものであって、イタリック体ではありません。それにも拘わらずCenturyを使う人は、ちょっとどうかしてるんじゃないかと思います。サンセリフの場合はイタリック体＝斜体でもいいのですが、Centuryはセリフなので、イタリック体と斜体を同一視してはいけません。たとえば、Palatinoでは下のようになります。ローマン体とイタリック体では、デザインがかなり違います。 Times New RomanやPalatinoのような、筆記体風のイタリック体のある立
タイポグラフィの動画がかっこよすぎて鳥肌たった
Webdesigner Depotでエントリーされたクリエイティブなタイポグラフィ動画が かなりかっこよくて鳥肌立ったのでご紹介したいと思います。 ちょっと重いのでリンク先で見た方が良いかも。。 Stop and Think – Talking Head STOPandTHINK – Talking Head from Jr.canest on Vimeo. D-Tronics from Manny Garza Kinetic Typography – D-Tronics from Manny Garza on Vimeo. Citizen Cope – Let the drummer kick it Video – Citizen Cope Let the drummer kick it ( After Effects Composition ) from Bogdan Macovici
Fonts Used In Logos of Popular Websites « Build Internet
This roundup was gathered through a combination of top notch Google-ing and What the Font?-ing. Midway through my travels across the internet, I stumbled upon a Web 2.0 logo font roundup, which is worth a look as well. You’ve seen these fonts, now you get to learn their names: Twitter – Pico Alphabet (Modified) Digg – FFF Forward (Modified) Cork’d – Triplex Vimeo – Black Rose Grooveshark – FF Nuvo
記号BA-90とは 一般の人気・最新記事を集めました - はてな
脱力感のある笑い顔マークで、漫画にも多用される。 「ぽげむた」は、これに波平ヘアーをつけたもの。 ユニコードでは、Unicode 6.0.0で採用された絵文字“FULL MOON WITH FACE”(U+1F31Dに配置されていて「顔付き満月」という意味)がこれに該当するが、ユニコードコンソーシアムの標準字形や各種キャリアの絵文字で大幅にデザインが異なっている。 このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
プレパレードの曲にあわせて歌詞を動かしてみた‐ニコニコ動画(ββ)
AfteEffectsの練習、KineticTypographyの2作目です。とらドラ！の前期OP曲「プレパレード」の曲にあわせて歌詞を動かしてみました。今回は尺が若干長めな為、粗が目立つかもしれません('∀`;) ⇒1作目:sm5953344（ハルヒ自己紹介 モーショングラフィックス）
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TYPOGRAFFIT
舎利禮文（しゃりらいもん）【初音ミク×M＠STER_fonts Pv】(音修正版)‐ニコニコ動画(秋)
http://twittermeigen.tumblr.com/