スライド内で参照しているリンク先一覧 http://matome.naver.jp/odai/2145969573620076801 2015年12月26日(土)、ソラシティホールで開催したShift9:Webデザイン行く年来る年(CSS Nite LP43)のフォントセッションから http://cssnite.jp/archives/post_2859.html Read less
![2015年のフォント総括/鷹野 雅弘(スイッチ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/43b077a9e4546acaa7721167df0903dc7f9b868b/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fcssnitefukuoka8-takano-font-v5-160403113222-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
お久しぶりです。野田です。 娘が生まれてきてから、ぱったりとレコード遊びやスケボーをやらなくなってしまいました。 こうやってお父さんになっていくのですね。 怖い怖い。 今回は、フォントの基礎となろうことをまとめてみました。フォント選び初心者の方や、初心に戻りたい方などに見ていただけると幸いです。 さて、デザイナーであれば、フォントの基礎を知っておくのは大事なことですね。フォントの基礎を知らないということは、デザインの幅が狭くなってしまうということも、一つの要因と言えることだと思うので、覚えて損はないと思います。 書体のあれこれ 日本でデザイナーをしている方は、「和文フォント」と「欧文フォント」を使用している方が多いと思います。さらに、そのなかでも大きく4つ書体に分かれています。 書体毎にそれぞれのフォントに特徴があり、下記のような傾向があります。 デザインによると思いますが、求められている
自分のPCにインストールされているフォントをブラウザ上で一覧できるWEBツール「wordmark.it」が便利だったので紹介します。 フリーソフトや同様のWEBツールもいくつかあるのですが、他のツールはフォントを選択すると反映されるといったものが多く、この「wordmark.it」はインストールされたフォントをまとめて確認できる点がおすすめです。 wordmark.it 操作はシンプルで中央のテキストボックスに確認したい文字列を入力するだけです。 positive/negativeで白黒を反転。 aa/Aa/AAで小文字・大文字・頭だけ大文字の切り替え。 smaller/biggerで文字サイズ変更。 となっています。 実際にプレビューした画面は以下のようになります。 他にも以下のようなツールもあります。 Aulta font chekker Font picker STC FONT BR
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 (それに縛られすぎてもいけませんが…(あえてインパクトを出すために違う印象のフォントを組み合わせたりする)、基本的な選び方として知っておくと良いと思います。) 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
Modern Pictogramsは、Webフォントとして使えるアイコンフォントです。かわいいのが揃っていますね。 18pxまで縮小が可能で、UIデザインに効果的に使えそうです。 We are happy to provide typeface free of charge, but ask those who are using it for client projects to donate a reasonable amount ($25+) and to pass on that cost to your client. Donate with paypal とのことで、商用利用の場合は$25程度、paypalよりdonateをお願いしているとのことです。 Modern Pictograms
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く