タグ

DTPとdesignに関するkulurelのブックマーク (5)

  • LINE社員1,361名の"色覚に関するアンケート"

    LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog はじめに こんにちは。フロントエンド開発センター UIT Accessibilityタスクフォース 岡﨑です。私たちは、Webサイトのアクセシビリティに関するガイドラインの策定・推進、社内に向けたアクセシビリティの勉強会やe-ラーニングを通じて、LINEとそのファミリーサービスのアクセシビリティ向上を目指しています。 色に対する配慮 アクセシビリティの国際規格となっているWCAGでは、テキストにおける色の取り扱いで以下のことが求められています。 色に依存した表現にしないこと コントラスト比を確保すること なぜ、色に対する配慮が必要なのでしょうか? 困っているのはロービジョンユーザーだけではない LINE STYLEの"Alwa

    LINE社員1,361名の"色覚に関するアンケート"
  • デザインの基本: フォントのカーニングとは、カーニングの基本的なやり方 | コリス

    Webでも紙でも文字のデザイン、タイポグラフィは非常に大きな存在です。 文字のデザインで基となるカーニングについて、基礎知識から基的なやり方、CSSでのカーニングのやり方までを紹介します。 The Ultimate Guide to Kerning 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 この画像のどこがおかしいか カーニングとは カーニングの基的なやり方 カーニングはいつ必要なのか カーニングではないもの CSSでカーニング 終わりに この画像のどこがおかしいか この画像のどこがおかしいのか、経験の浅いデザイナーは頭をひねるかもしれません。

    デザインの基本: フォントのカーニングとは、カーニングの基本的なやり方 | コリス
  • Webデザイナーが知っておく、DTPの基礎知識

    Webデザイナーが知っておく、DTPの基礎知識 2011-05-08 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シアン(Cyan)、マゼンタ(Magenta)、イエロー(Yellow)、キー・プレート(Key Plate)から成っており、シアン、マゼンタ、イエローの三色で理論上、黒も表現できますが、実際は強く表現されないためブラックを補ったCMYKが使用されています。 しかしCMYKの黒でも当の黒には見えません。 そこで他の色も混ぜて、当の黒に近づけることをリッチブラックといいます。 印刷会社によっては推奨されているリッチブラックの濃度もありますが、C30%+M20%+Y20%+K100%で問題ないと思います。 入稿時にはCMYKの色指定を、5%刻みで指定する様にするよ

    Webデザイナーが知っておく、DTPの基礎知識
  • [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary

    これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版(MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う)の仕事をしていて、見出しは言うまでもなく、文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み

    [Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
  • Illustratorで文章を扱うとき(文字組版) - DTP Transit

    Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置(行頭行末揃え/ジャスティファイ) 禁則 文字組み(約物前後や和欧間のスペースの設定) 逆を言えば、Illustratorではポイントテキスト(文字ツールでクリックして入力したテキストオブジェクト)を前提としています。 デフォルトの[行送り]は、文字サイズの175%に設定されています。「(14.4pt)」のように()付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日語では150-190%程度に設定します。 [段落]パネルの[均等配置(最終行左揃

    Illustratorで文章を扱うとき(文字組版) - DTP Transit
  • 1