タグ

webDesignとフォントに関するsisicomのブックマーク (2)

  • 続編/さらにプロっぽくなった!フォントに関するまとめ

    作成:2013/11/11 更新:2014/10/24 Webデザイン > 前回フォントや「文字」に関するまとめを書きましたが、書き足りないことが結構あったので、続編を作りました。今回は自分の勉強もかねて、フォントに関する基礎知識、アキ、段組み、詰め、図版などデザインに携わるなら知っておきたい知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 文字の基礎知識 1.文字用語 組版 2.組版(くみはん) 3.禁則処理 4.追い込み/追い出し/ぶらさがり 5.段間 行間(レディング) 6.アキ 7.行長 8.段組み 9.黄金比 詰め 10.プロポーショナル詰め 11.音引き 12.拗音(ようおん) 13.合成フォント 余白 14.近接と遠隔 15.版面(はんづら) 図版 17.図版率 18.訴求度 文字の基礎知識 1.文字用語 頻繁に出てくる、ちょ

    続編/さらにプロっぽくなった!フォントに関するまとめ
    sisicom
    sisicom 2013/11/12
    まとめ。すごくわかりやすくまとまっている。
  • Web制作における文章の可読性について考える |https://wp.yat-net.com/name

    ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは? 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは? 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか? 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど

    Web制作における文章の可読性について考える |https://wp.yat-net.com/name
  • 1