TYPECACHE.COM
New Font Release: Cast Foundry released Kornel designed by Radek ... July 31‚ 2024 The list of alternative fonts to Helvetica #2. July 14‚ 2014 New: Typecache Interview #04: Sagmeister & Walsh October 23‚ 2013 News Highlight August 1‚ 2024 New Font Release: Latinotype released Uffizi. August 1‚ 2024 New Font Release: July’s font of Font of the Month Club is Roslindale Compressed. July 31‚ 2024 New
[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)
タイポグラフィを基本から学べるオススメの本
ウェブデザインでも非常に重要なタイポグラフィを基本から学べるオススメの本を紹介します。 きれいな欧文書体とデザイン 文字の組み方 欧文組版 デザインの教室 市川崑のタイポグラフィ 欧文書体百花事典 きれいな欧文書体とデザイン -名作書体の特色とロゴづくり ポピュラーな書体の基本情報から、それぞれの特徴をふまえた文字組・ロゴ作成を分かりやすく解説しています。装丁がとても美しい本なので、ぜひ手にとって見てください。 『メイキング「きれいな欧文書体とデザイン」』では、そのコンセプトを垣間見ることができます。 目次 欧文書体の基礎 欧文書体を使ったロゴづくり 欧文書体の特色とアレンジ 響き合う書体たち [ad#ad-2] 文字の組み方 -組版/見てわかる新常識
Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11]
Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11] CSS Nite LP11の鷹野さんのセッション「Webデザイナーのためのタイポグラフィと文字組版」のメモ的まとめ。twitterも合わせてチェック！ 画像フォント ベタ組み ツメ組み 和文フォント 基本的に正方形の仮想ボディ内に文字が配置されている。 オーソドックス（仮想ボディーに対して小さ目・文字間が大きく感じる） モダンスタイル（仮想ボディーに対して大き目・文字間を感じない） イラストレーターで文字詰め 自動（フォントの情報から詰める） オプティカル（字面から詰める） その後、手動で詰める MSPゴシックとMSP明朝だけ仮想ボディを持たないポロポーショナルフォント。 欧文フォント プロポーショナル（文字ごとにサイズが違う） 欧文向け(ベースラインに余裕がある) line-height:
![Webデザイナーのためのタイポグラフィと文字組版 by 鷹野 雅弘 [CSS Nite LP11]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
Modernist: Free WordPress Theme with Focus on Typography — Smashing Magazine
Today we are glad to release a yet another freebie: a beautiful Modernist WordPress theme, designed by Rodrigo Galindez and released for Smashing Magazine and its readers. The theme is based on the design ideas of Jan Tschichold, Josef Müller-Brockmann, Dieter Rams, and other modernists. Beautifully built yet transparent, it was designed with a focus on optimal typography in order to better showca
日本語組版処理の要件（日本語版）
1.1 このドキュメントの目的 すべての文化集団は，独自の言語，文字，書記システムを持つ．それゆえ，個々の書記システムをサイバースペースに移転することは，文化的資産の継承という意味で，情報通信技術にとって非常に重要な責務といえよう． この責務を実現するための基礎的な作業として，このドキュメントでは，日本語という書記システムにおける組版上の問題点をまとめた．具体的な解決策を提示することではなく，要望事項の説明をすることにした．それは，実装レベルの問題を考える前提条件をまず明確にすることが重要であると考えたからある． 1.2 このドキュメントの作成方法 このドキュメントの作成は，W3C Japanese Layout Task Forceが行った．このタスクフォースは，次のようなメンバーで構成され，ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた．
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
英文フォントの美しさやレイアウトデザインを押し出した雰囲気のあるタイポグラフィ壁紙いろいろ
タイポグラフィとは、もともとは活版印刷の技法などを指す言葉だったのですが、今では書体やレイアウトなどのデザイン全般を表す言葉として用いられており、特に英語圏などのアルファベット文化圏では文字の種類が日本語のように多くないので、「文字の効果的な見せ方」の研究が古くから行われ、美しく見せるデザインパターンが多く作られています。 というわけで、デザインの参考に、さらにデスクトップをちょっとかっこよくするための壁紙は以下から。 50 Stunning Typography Wallpapers For Inspiration - Noupe I Typography I LOVE TYPO by ~dzn-citizen on deviantART Typography I LOVE U by =askdzigner on deviantART Helvetica, how I love thee
Writing Systems And Calligraphy Of The World — Smashing Magazine
The beauty of typography has no borders. While most of us work with the familiar Latin alphabet, international projects usually require quite extensive knowledge about less familiar writing systems from around the world. The aesthetics and structure of such designs can be strongly related to the shape and legibility of the letterforms, so learning about international writing systems will certainly
50 Helpful Typography Tools And Resources — Smashing Magazine
We love beautiful typography, and we appreciate the efforts of designers who come up with great typographic techniques and tools or who just share their knowledge with fellow designers. We are always looking for such resources. We compile them, carefully select the best ones and then prepare them for our round-ups. And now it’s time to present a beautiful fresh dose of typography-related resources
fy{T}i - The Manual
The Manual, is dedicated to important aspects of typographic communication. The modules are concise, easy to read and loaded with illustrations. The series will quickly grow into a valuable reference source and typographic touchstone. The series will include topics such as: Bullets & Boxes, Type & Color, Word Spacing and Initial Letters. You’ll soon have a virtual cornucopia of typographic know-ho
タイポグラフィック・グリッド作成アプリケーション - lab
http://lab.allianceport.jp/web-typography-app/web_typography/ 私が印刷とウェブのデザインの比較について興味を持ち始めたのは、まだ私が学生だった頃なので、もう 10年近くも前になります。当時、Josef Muler Blockmannの『Grid System』をもとに、ウェブデザインへのグリッドシステムの応用を考えていました。その頃から「メディアによる再現性の違いを理解し、一つの理論をそれぞれに展開する」という考えをベースに、実用的なツールをつくりたいと思っていました。 グラフィックデザインには、グリッド・システムというデザイン手法が存在します。グリッドシステムとは、書籍デザインにおいて、全ページを同じグリッド上で展開することで、ページ全体に統一性を持たせ、レイアウト上の判断を効率的に行うツールとして、全世界のデザイナーに使われ
Alliance port LLC
ウェブタイポグラフィツール ウェブデザインのグリッド作成時の補助を目的に制作したツール 「グリッド・システム」とは？ グラフィックデザインには「グリッド・システム」というデザイン手法が存在します。 グリッドシステムとは、書籍デザインにおいて全ページを同じグリッド上で展開することで、ページ全体に統一性を持たせ、レイアウト上の判断を効率的に行うツールとして、世界中のデザイナーに使われています。 最小単位である文字サイズをベースに、それぞれのデザイン要素を決定し、グリッドを制作します。このように文字を基本単位として作成するグリッドのことを「タイポグラフィック・グリッド」と呼びます。 アライアンス・ポートは、タイポグラフィック・グリッドがウェブサイトのデザインと親和性が非常に高いと考えています。 ウェブサイトのデザインにおいて、CSS等で文字をベースとした単位である「em」を使って、ほか
Typographic Design Patterns And Best Practices — Smashing Magazine
Even with a relatively limited set of options in CSS, typography can vary tremendously using pure CSS syntax. Serif or sans-serif? Large or small font? Line height, spacing, font size and padding… The list goes on and on. [Links checked February/09/2017] To find typographic design patterns that are common in modern Web design and to resolve some common typographic issues, we conducted extensive re
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ページを開く
IDEA * IDEA
タイポグラフィが大好きな人のための壁紙のまとめ
ロゴ作成などに参考にできるかもしれないタイポグラフィデザイン２８:phpspot開発日誌
Fonts supplied with Windows 7
組版規則と一般的な組版の用語