組版の将来 | 文字を組む方法 | 文字の手帖
この連載のタイトル「文字を組む方法」の「方法」は「アルゴリズム」の訳語として用いています。アルゴリズムはもともと数学の用語で、正しくは「算法」と訳されています。広辞苑では「問題を解決する定型的な手法・技法」と説明しており、広くは、なにかを手に入れるための手順と考えればいいでしょう。 文字組みの手順については、第1回で説明しています。もう一度おさらいするとこのようになります。 文字を組むときに決めなければならないことは、書体、組み方向、並びモード、字間（字送り）、行長、行揃え、行間（行送り）、行数、です。中でも重要なのが、字間、行間、段間、版面のアキなどのスペースを決める作業でしょう。このためのさまざまなスタイルと根拠については、第2回以降で述べてきました。 しかし、それだけでは文字は組めません。前回で紹介しましたが、より多くの人にスムーズに意味を理解してもらうために「禁則」と呼ばれるルール
今年のトレンド！2016年最も売れたフォント、トップ50を集めてみた
5. Avenir デザイナー：Adrian Frutiger デザインされた年：1988 発行者：Linotype Avenirも、Futuraフォントの影響を受けたフォントですが、幾何学的なデザインを取り入れたフォントではありません。 垂直方向の文字が、水平方向の文字とアセンダ （アルファベット文字において、標準的な高さのx文字よりも背の高いb、fなどの文字の、上に突き出た部分）よりも太い幅になっているデザインです。 可読性が重視されるテキストに最適です。 6. Helvetica Neue デザイナー：Edouard Hoffmann デザインの日付：1983 発行者：Linotype Helveticaは世界で最も人気のある書体の1つであり、マーケティングが成功した例です。 このフォントファミリーは51種類のウェイトから構成されています。 古典的なサンセリフのフォントであり、時代を
デザイン戦略やタイポグラフィの歴史などがゲームしつつ理解できるトランプ「The Design Deck」レビュー
正統派ファンタジーRPGのような雰囲気でデザインされたトランプなど、トランプにはさまざまな絵柄・デザインが登場していますが、デザイン戦略やデザインコンセプトの解説、タイポグラフィの歴史、著名デザイナーの格言などが1枚1枚のカードに書かれているクリエイティブなトランプが「The Design Deck」です。トランプとしてゲームを楽しみつつも、デザインに関する興味深い知識を得ることができるというトランプになっていたので、実際に購入してみました。 The Design Deck http://www.forrestgoods.com/ The Design Deckのパッケージは赤と金の華やかなデザイン。 箱を開けようとしたところ、「DON'T BE AFRAID OF WHITE SPACE(余白を恐れないで)」というメッセージをさっそく受け取りました。 これがカードの裏面。 ペラリと1枚め
Webデザインにおいて「フォント選び」がどれだけ重要か？がわかる7つの視点
Webデザインにおいてタイポグラフィーの書体は見過ごされがちです。しかし、書体は考えている以上にブランドのイメージに関係するものです。 1．フォントタイプは意思決定に影響を与える 書体はマインドコントロールパワーを持っています。書体によって、閲覧者の感じ方が変わるのです。 以下のチャートは、書体によって情報を信じる人数が変わるかどうかを表しています。この調査では、「Baskerville」という書体が読み手に信頼されやすく、また「Geogia」は信頼を最も得にくいフォントという結果となりました。 2．フォントタイプは感情を呼び起こす 人々の関心を引き付けるには、感情を呼び起こすことが重要であり、書体はそのためのツールとなります。良い書体は、あなたのブランドに対するポジティブなイメージを与えます。 以下はEVSが創作したWebページです。ハンドライティング書体で書かれている“一緒ならとんでも
美しいデザインを作る鍵「タイポグラフィ」の基礎
Liberato 自然素材をアップサイクルしたサステナブルなシューズブランド「Liberato(... 詳細を見る
フォントや文字のデザインをUI上で見やすくするコツをまとめた「Typography for User Interfaces」
by Marco / Zak ウェブサイトやアプリをデザインするにあたって、使いやすい・読みやすいコンテンツを作成するために必ず考えなければいけないのが「情報をどのように配置するのか」ということ。情報の多くは文字や文章で表示されるということで、ウェブデザイナーのViljami Salminenさんが、なぜウェブデザインにとって文字列が重要になるのか、どうすれば読みやすい文字列をデザインできるのかをまとめています。 Typography for User Interfaces | Viljami Salminen https://viljamis.com/2016/typography-for-user-interfaces/ ◆グラフィカルユーザインタフェース(GUI)の成り立ち GUIの歴史の中で重要な転換点にいるのが、マウスによるウィンドウ操作を初めて導入したゼロックスのコンピューター
エンジニアも今すぐ始めたい「タイポグラフィ」と「ロゴデザイン」｜Technical Creator Hub
前川 裕一 Github: kaelaela Twitter: kaelaela31 2014年度入社。755のAndroidエンジニア。 前回 、 前々回 に引き続き、エンジニアがデザインについて学び、身につけていくテクニカルクリエイター研修についてのレポートです。 今回は 「 タイポグラフィ 」 と 「 ロゴデザイン 」 を実際に手を動かしてやってみました。 本業としている人からみたら基礎中の基礎かもしれないですがとても勉強になる研修でした。 少しくらいエンジニアでも聞いたことがあると思いますが、今すぐ始められてなおかつ奥深いのがよかったです。 タイポグラフィというと幅広いですが、今回の課題は 自分の名前をローマ字でタイプする と 自分の肩書きと所属を日本語でタイプする でした。自分が課題に対して考えたのは以下のようなことでした。 - 書体・字体 - 文字の大きさ
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
なぜタイポグラフィにおいてVertical Rhythm（バーティカルリズム）は重要な手法なのか？ | POSTD
Webのタイポグラフィについて少しでも調べたことがあるなら、 Vertical Rhythm という言葉を耳にしたことがあるのではないでしょうか。タイポグラフィを用いて仕事をする場合、最も重要な手法の1つです。このことについて知って以来、私は自分のサイト全てにVertical Rhythmを使っています。 ある日、Vertical Rhythmの重要性について自分が全く理解していないことに突然気付き、愕然としました。そしてその後すぐに2つの疑問が湧き上がってきました。「なぜVertical Rhythmを使うとサイトのデザインが向上するのか？ 」「自分のデザインを良くするために、Vertical Rhythmから何を学べばいいのだろうか？ 」。 私はこの疑問を解明しようと決めました。その考察を綴ります。 記事の最初にあたって認識を共通にするため、まずはコンテキストについて説明します。 Ve
Webデザインでよく使う要素やカラーやタイポグラフィに一手間加えて、マンネリ化から抜け出すデザインテクニックを解説
Webデザインで今、注目されているトレンドはデザイン的にも面白く、かなり使いやすいです。最新のデザインやトレンドな機能をサイトに加えて、いつもの同じようなデザインから抜け出すために使ってみるのもよいでしょう。 ここで紹介するトレンドは、よく使用している要素やカラーやタイポグラフィに一手間加えるだけで、新鮮なデザインに変わります。 Essential Design Trends, February 2016 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 DuoToneのカラースキーム Split-Screenのデザイン 共有スペースのタイポグラフィ 総括 DuoToneのカラースキーム DuoToneのカラーパレットは存在自体は昔からありましたが、最近の使い方としてはフルスクリーンの画像にDuoToneのグラデーションを加えて強いイン
タイポグラフィーデザインの参考になるギャラリーやデザインプロジェクト - NxWorld
欧文フォントを使ったものが多めですが、参考になるタイポグラフィーデザインが多数まとめられているギャラリーやwebフォントを利用して様々なデザインを表現しているプロジェクトなど、タイポグラフィーやフォントに関連するようなものを幾つかまとめてみました。 ちょっと特徴的なフォントがどのようにしてデザインに上手く取り入れられているかとか複数のフォントを用いた場合の組み合わせ方など勉強になる部分も沢山ありますが、とにかくフォント好きな人は見てて楽しいものが多数あると思います :) Typewolf フォントに関する有益な情報が多数まとめられているブログとしてご存知の方も多いと思います。 参考デザインのギャラリーでは使用されているフォント名だけでなくそれらをダウンロードできるページヘのリンクなども用意されており、他にもフォントに関するブログエントリーや便利なリソースなどの情報もまとめられています。 F
第17回 - ウイリアム・モリスの軌跡 -120年を超えて愛される美しきデザインとケルムスコット刊本- | モリサワ文字文化フォーラム | 文字の手帖
第17回目を迎えるモリサワ文字文化フォーラムでは、ウイリアム・モリスの創作活動の軌跡をたどり、そのデザイン思想をテーマにした藤田治彦氏による講演と、ケルムスコットプレスで生まれた書体「ゴールデンタイプ」「トロイタイプ」「チョーサータイプ」の現代まで続く歴史的な影響と変遷をテーマにした白井敬尚氏による講演を行います。 会場では、モリサワが所蔵するコレクションの中から「ケルムスコット刊本」の展示を行います。実際に「ケルムスコット刊本」をご覧いただき、モリスの世界をより深く理解し、歴史を体感することができます。 おかげさまをもちまして、満席、盛会裏に終えることができました。 ありがとうございました。
初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント
優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然になってしまうことも。そんな時は文字間隔を調整するカーニングを行うことでデザインをよくすることができますが、どのようにすれば適切にカーニングができるのか、初心者でも使える9つのポイントがまとめられています。 A Beginner’s Guide to Kerning Like a Designer – Design School https://designschool.canva.com/blog/kerning/ 文字と文字の間隔は、単純に同じ距離であれば自然に見えるというわけではありません。以下の画像では左側の「Type」の文字間隔が全て等しく、右側は同じではないのですが、実際に人間の目で認識されると自然に見えるのは右側になります。これは、それぞれの文字によって持っている「空間」の大きさに
持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方
フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライドと同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で51ページ。 フォントに含まれている全ての字形がバランスよく、カッコいいものはあまり多くはありません。多くのデザイナーが使用している各フォントの特徴を理解し、漢字と仮名、そして英数字・約物・
日本語フォントの書体の選び方・組み合わせ方、そしてデザインする日本語タイポグラフィのテクニック
明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で45ページ。 日本語の読ませるタイポグラフィについて、書体の選び方や組み合わせ方、実例とともにデザインのテクニック、どのように勉強すればよいのかまで掲載されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
