CSSで句読点括弧のカーニングができるようになるぞ！ 日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ

2023/12/13 180 users スペーシング CSS 近日 フレーズ 途中

CSSのこの機能を待っていた人も多いと思います！ CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポー... 続きを読む

初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント - GIGAZINE

2016/02/05 432 users GIGAZINE フォント 間隔 デザイナー 文字間隔

優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然になってしまうことも。そんな時は文字間隔を調整する カーニング を行うことでデザインをよくすることができますが、どのようにすれば適切にカーニングができるのか、初心者でも使える9つのポイントがまとめられています。 A Beginner’s Guide to Kerning Like a Designer ... 続きを読む

ノンデザイナー必見！ 絶対に見ておきたいデザインスキルアップできる記事12選 - ICS MEDIA

2015/11/19 431 users ICS MEDIA デザイン 記事12選 フロントエンド 弊社

弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が出てしまいイマイチな仕上が... 続きを読む

ノンデザイナー向け！グラフィックデザインの基本用語、50個まとめました。 - PhotoshopVIP

2015/10/14 122 users PhotoshopVIP ノンデザイナー向け 寒色 CMYK

海外デザインブログCanva Design School Blogで公開された「A Beginner’s Guide to Kerning Like A Designer」より許可をもらい、日本語抄訳しています。 グラフィックデザインの世界に飛び込もうとしたときに、新しい言語を学んでいるような気分になるときがあります。 カーニングやトラッキング、暖色、寒色、CMYK、RGBと覚えなければいけない用... 続きを読む

カーニングのプロ技を学ぶ！文字組みに必要な9つのテクニックまとめ - PhotoshopVIP

2015/09/25 304 users フレーズ 単語 日本語抄 数字 見た目

海外デザインブログCanva Design School Blogで公開された「A Beginner’s Guide to Kerning Like A Designer」より許可をもらい、日本語抄訳しています。 単語やフレーズなどの文字デザインを組むときに、なにか見た目がおかしいと思ったことありませんか。 それはきっと、カーニング（英: Kerning）の問題かもしれません。2つの文字（数字や句... 続きを読む

ノンデザイナー必見！ 絶対に見ておきたいデザインスキルアップできる記事12選 – ICS LAB

2015/08/18 431 users ICS LAB デザイン 記事12選 フロントエンド テキスト

どうも、ICS加賀です。 弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が... 続きを読む

デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック | コリス

2015/06/15 628 users コリス デザインテクニック エフェクト デザイン フォント

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間の... 続きを読む

[JS]日本語のどんなWebフォントでも美しくカーニングできるスクリプト -jQuery.Kerning.js | コリス

2014/03/06 341 users コリス スクリプト Webフォント jQuery 句読点

ウェブページで日本語のWebフォントを使用する時にカーニングを適用して、読みやすくて美しく表示するjQueryのプラグインを紹介します。 全角の括弧や句読点などの約物は、日本語のどんなフォントでもスクリプトのみで美しくカーニングできます。 ※文字間のカーニングは、フォントごとに設定が必要です。 jQuery.Kerning.js jQuery.Kerning.js -GitHub jQuery.K... 続きを読む

デザインが死ぬほどはかどるIllustratorショートカットキー15個 | Find Job ! Startup

2013/09/10 104 users Startup Find Job Shift デザイン

IllustratorにはPhotoshopには無い、便利なショートカットがたくさんあります。 今回は、デザインをするのに知らないと絶対損するIllustratorショートカットキーをまとめます。 文字入力に関するショートカット Opt＋←　文字間隔を詰める（カーニング） Opt＋→　文字間隔を空ける（カーニング） ⌘＋Shift＋＞　文字サイズを大きくする ⌘＋Shift＋＜　文字サイズを小さく... 続きを読む

ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」についてのまとめ | クリエイティブメモメモ

2013/04/18 534 users Photoshop クリエイティブメモメモ 文字詰め まとめ

ワンランク上のデザインにはかかせないPhotoshopの文字詰めについてのまとめ記事です。デザイナー目線で特に「カーニング」「トラッキング」の使い方について説明しています。こんにちは。今日も元気にPhtoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労し... 続きを読む

HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | デザイナーブログ | 株式会社LIG

2012/10/29 276 users letter-spacing CSS ウェブフォント 日焼け

こんにちは、机に置いたおもちゃの日焼けが気になるもりたです。 今回は、前からちょっと気になっていたウェブフォントをカーニングできるJS「HTMLで文字詰めするタイポグラフィー用JS」を試してみました。 http://fladdict.net/blog/2011/02/auto-kerning.html ご存知のとおり、jsを使わなくてもletter-spacingを使ってcssだけで設定しようと思... 続きを読む

Photoshop VIP ☞ iPhone表示にも対応、レスポンシブデザインの無料WordPressテーマ15選(プラグイン付)

2011/09/08 218 users レスポンシブデザイン Photoshop Vip 併用 編集

レスポンシブデザインに関するjQueryプラグインなど レスポンシブWebサイトを作成するときに便利なツールなどをまとめています、ご参考までに。 FitText ウィンドウ幅に応じてフォントサイズを変更してくれるプラグイン、Webフォントを利用するときに便利。 無料ダウンロード Lettering.js タイポグラフィーのカーニングや編集なども可能にするプラグイン、こちらもWebフォントとの併用を... 続きを読む