2014年5月14日のブックマーク (9件)

  • 読ませる文字組みと注目してもらう文字組み1/8

    デスクトップパブリッシング(DTP)が注目され始めた頃から、文字組みはページレイアウト上での話だけというのが主流でした。大量の文章を効率よく処理するためのDTPですから、当然の流れということになります。 ところが私は、これ以前からパッケージ類のデザイン*、ロゴタイプ、あるいはキャッチフレーズの視覚化といった仕事を中心としていたために、世の中でいうところの支流、いや亜流と揶揄される処理が私にとっての主流という逆転状態を長く続けてきました。もっとも、どちらが主流か支流かといった論争は私にとっては無意味なことでしかありません。 強いて私論を述べれば、美意識や価値観は不変ではないので、固定概念で語るべきではないということでしょうか。これについては連載の後半で触れてみたいと思います。 さて、アナログ時代のデザイナーは文字組み処理は指定だけで、あとは写植屋さんにお任せというワークフローでしたが、初期

    ponta8
    ponta8 2014/05/14
    もじぐみ
  • デザイナーは文字詰めに命をかけよう ~和文と欧文のフォーマットの違いから考える~|株式会社アクトゼロ|クリエイティブブログ

    こんにちは。梅雨入りしたのかしてないのか曖昧な天気が続きますが、体調は崩してませんか?比較的嫌われやすい時期ではありますが、私は雨は好きなほうです。「小夜時雨」「涙雨」「白雨」等、雨を含んだ日語は美しいですよね。 さて、先週は明朝体とゴシック体について書きましたが、今週は和文書体と欧文書体について書こうと思います。 フォントには日語の漢字、ひらがな、カタカナで構成された「和文書体」と、アルファベットで構成された「欧文書体」があります。二つの書体は、文字の形状の違いから文字のフォーマットも違います。 それぞれのフォーマットから、文字間隔の詰め方について考えてみましょう。 和文書体のフォーマット 和文書体は【仮想ボディ】という正方形のフォーマット内で文字が収まるようにデザインされています。実際は仮想ボディの枠いっぱいではなく、ひとまわり小さい枠(字面枠)の中に文字が作られます。 仮想ボディ

    デザイナーは文字詰めに命をかけよう ~和文と欧文のフォーマットの違いから考える~|株式会社アクトゼロ|クリエイティブブログ
    ponta8
    ponta8 2014/05/14
    もじづめ
  • Basic Design Note

    CLOSED This site has been closed. 当ブログは2022年12月30日をもって閉鎖しました。 開設から10年間、ご覧いただきありがとうございました。

    Basic Design Note
    ponta8
    ponta8 2014/05/14
    もじのよみやすさ
  • 文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン

    研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

    ponta8
    ponta8 2014/05/14
    しょたい
  • Webデザイナーなら知っておきたいWebタイポグラフィの基本 | FICCナレッジブログ | FICC

    Webサイトを閲覧していて、文字を読まないということは滅多にありません。情報アーキテクチャの先駆者として世界的に有名なInformation Architectsは、「Web Design is 95% Typograpy」という記事で、「Webデザインの95%はタイポグラフィである」と述べています。 私たちの行動は文字によって喚起されます。例えば、オンラインショッピングをするときに、商品のイメージだけで購入することはほとんどないのではないでしょうか。価格をはじめ、特徴や仕様、レビューなど、文字が伝える情報を咀嚼して購買を決定しているはずです。オンラインショップは実店舗とは違い、商品を手にとって確認することができませんから、文字から伝わる情報がより重要性を増すのです。 これらは、タイポグラフィのデザインがWebデザインにとって無くてはならない役割を担っている証拠だと言えるでしょう。 それで

    Webデザイナーなら知っておきたいWebタイポグラフィの基本 | FICCナレッジブログ | FICC
    ponta8
    ponta8 2014/05/14
    たいぽ
  • 文字を組む方法 | 文字の手帖

    ブックデザインや電子メディアのプロジェクト、展覧会のアートディレクションなどを手がけ、メディア横断的なデザインを推進している。愛知万博政府出展事業「サイバー日館」、スペイン・サラゴサ万博日館サイトのアートディレクターを歴任。著書に『デザインの風景』(BNN新社)、『日語のデザイン』(美術出版社)、『創造性の宇宙』(共著、工作舎)など。MMCAマルチメディアグランプリ最優秀賞など受賞。国際タイポグラフィ協会(A.Typ.I)会員。電子出版プロジェクトepjp主宰。多摩美術大学情報デザイン学科教授。

    文字を組む方法 | 文字の手帖
    ponta8
    ponta8 2014/05/14
    もじぐみ
  • 美しく文字を組む

    タイポグラフィとは Webデザインの世界では、デザイン教育を受けたことがないデザイナーが大勢います。始めたきっかけはHTMLの勉強からだったり、もともとプログラマーだったりと、その背景はさまざまです。これはWebが、プログラムや動画など、ほかのメディアよりもジャンルの要素が多いためではないでしょうか。 筆者も同じく学生時代にデザインの教育は受けていません。デザイン会社の現場で、実践とともにデザインを学んできました。しかし、デザインの仕事を始めてからスキルアップのため、重要性・必然性にかられて正式に学んだものの1つにタイポグラフィがあります。 タイポグラフィとは、デザインの中で文字を扱う技術、もしくは文字にかかわる知識・学術のことを指します。例えば、レイアウトを行う際に、美しい書体を選択することや、字間のバランスを整えて、読みやすさと視認性を高める技術がこれに該当します。 現在の商業デザイン

    ponta8
    ponta8 2014/05/14
    もじぐみ
  • 和文フォント大図鑑 [フォントの基礎知識]

    当サイトは和文フォント専門ですが、一応欧文書体の基も押さえておきましょう。 欧文、いわゆるアルファベットは遠くエジプトの象形文字を起源にし、表意文字から表音文字のフェニキア文字を経てギリシア文字、現在のアルファベットに近いローマ文字へと変化していきました。これは、複雑な象形文字では書くのに時間がかかるため、合理的かつ必然的に単純化されていった結果です。

    和文フォント大図鑑 [フォントの基礎知識]
    ponta8
    ponta8 2014/05/14
    しょたい
  • ウェブデザイナーにお勧め!フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス

    前の会社では新人ウェブデザイナーが必ずやっていたことの一つに、文字詰め1,000ノックがありました。1,000は大げさな数字ではなく、実際にはそれ以上の数をこなしていたと思います。 ウェブデザインのUI/UXにおいてタイポグラフィは重要な存在で、特にミニマルやフラットなどはタイポグラフィが非常に重要な役目を担っています。 フォントやタイポグラフィの知識を深め、テクニックを身につけるのに役立つ情報をまとめました。