英語コンテンツを作るときに気をつけたいタイポグラフィのディテール
ウェブやソーシャルメディアなどで、日本語の原稿を英語に翻訳した（と思われる）コンテンツを目にする機会が増えています。しかしそういった英語のコンテンツの中には、欧文タイポグラフィの視点から見ると少しおかしく感じられるものも少なくありません。たとえば句読点や記号の使い方が間違っていたり、語句が不自然に強調されていたりといった具合です。このようなちょっとしたミスは、ひとつひとつは些細なことでも、結果としてコンテンツが正しく伝わらなかったり、書き手の信用を下げてしまったりする原因にもなります。 この記事では英語のコンテンツを作るときに気をつけたいタイポグラフィのディテールについていくつか解説します。タイポグラフィといっても、グラフィックソフトを扱う技術も高度なCSSの知識も必要ありません。ほんの少しテキスト原稿に手を入れたり、マークアップを工夫したりするだけでも、タイポグラフィの質を高められるので
なぜWebブラウザの文字組みは汚いのか？元エディトリアルデザイナーが解決策を提案します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。入社以前はエディトリアルデザイナー（新聞・雑誌・書籍などの出版物のデザイナー）として書籍の装丁などもしていました。フロントエンドエンジニアのほりでーです。 今回は紙のデザインとWebデザインにある大きな違いのひとつ、「文字組みアキ量」というものについてお話しします。日本語組版のルールにも詳しく触れていくため、Webの経験しかない方も是非読んでみてくださいね！ 2017年2月27日追記：有識者の方からのご指摘を反映し、記事の内容を一部訂正いたしました。詳細な訂正内容については記事末尾をご覧ください。 今回の要点 日本語組版は約物（記号類）のアキが大事 Webブラウザの文字組がイマイチなのは、約物のアキ量が常に一定であることが原因 font-feature-settings: “halt” 1; で約物のアキをなくせるようになった jQury.yakumonoプラグインで行末約物半
センスが素晴らしい！科学者をテーマにしたミニマルなタイポグラフィ -Minimalist Science Posters
センスが素晴らしい！科学者をテーマにしたミニマルなタイポグラフィ -Minimalist Science Posters
大阪のブランディングデザイン事務所 8otto
HOMEABOUTWORKSMEDIACONTACT LOGO CI / VI White Rose English School BALYET SICILIAMO nennen Uehara Dental Clinic Quadrifoglio Tsubakuro Suppon Shokudo CANELÉ du JAPON doudou Dominique Corby ZEALPLUS Hibica / First Chair Kit Pensées Uchiya Bake Shop CHARISTA EDOBORI CHUBO ROOM MALICE B.R.W 3050 ANDELINA Tankame TAOCA COFFEE otto WALLS SUNZO DESIGN PROJECT p!nto KANSAI GAIDAI UNIVERSITY Pangohan Yuyma
美しく文字を組む
ステムをそろえる ここでは20世紀の著名なデザイナー、ヤン・チヒョルトの書籍「書物と活字」（出版社: 朗文堂）で取り上げられている手法に基づいて紹介したいと思います。 ヤン・チヒョルトは20世紀に活躍したドイツ人のデザイナーで、ペンギン・ブックスのアート・ディレクターとしても知られています。チヒョルトの著書「書物と活字」は、日本語版も出版されており、現在では希少となっていますが、美しい装丁とともにデザイナーにタイポグラフィの教科書として使われています。 それでは、美しく見せる文字組を実践していきましょう。 欧文活字書体「Universe」を使って文字を組みます。図2-1の「mimi」という文字組を使って解説します。「m」と「i」の活字には、ステムと呼ばれる縦のラインが存在します。ステムとは活字の骨格の縦の柱を指しています。 まず「m」は活字自身にステムを3本持っています。この3本の間隔を基
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Studio Albin Holmqvist
Grip Limited - DentsuOne
