ブログ記事に欠かせない「アイキャッチ画像」とは、読んで字のごとく「読者の目線を引きつける画像」のことです。 トップページの記事一覧表示や SNS でシェアされたときにクリック率を高め、タイトルや見出しの前後に挿入することで記事のイメージを伝える役割を持ちます。 フリー素材をそのまま使ってもよいのですが、それだけだとオリジナリティに欠けてしまいますよね。 そこで、フリー素材を加工して簡単にオリジナリティを出す方法をご紹介します。
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。[2014-04-19] ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。Read less
こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基本的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ! ちょっと待って文字詰めって何? まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基本的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し
こんにちは。 ゆるゆるっとデザイナ―をさせていただいております、アリイエです。 今回は、文字組みについて少し考えたいと思います。 効果的なジャンプ率と書体で訴求力UP! デザイナーなら、無意識に使っているジャンプ率を改めて見直してみました。 上記のように、ジャンプ率が高いレイアウトは、勢いや力強さをアピールし印象としては元気なイメージを伝えることができます。 反対に、ジャンプ率が低いレイアウトは、穏やかで静かな落ち着いた印象を与えます。オーソドックスな明朝体でさらに品の良さも感じられます。 的確な文字詰めで読みやすさをUP! ちょっと問題です。 Q.下記の二つの画像、どこが違うでしょうか!? A.ソニフェスさんのはちまきの「燃えろ!」の文字が「茹でろ!」になっている。 ◎正解です。正解ですが、伝えたい内容はそこではございません。 赤く丸をつけた部分がポイント部分になります。 【POINT】
フリー素材をまとめておきます。利用規約を確認してつかうようにしてください。 フリー写真 Pixabay http://pixabay.com/ クオリティの高いパブリックドメイン(著作権なし)の写真が検索できます。ドイツの会社が運営しているWebサービス。日本語にも対応しています。電子書籍や無料講座の素材など個人的に一番ヘビーに利用しているサイトです。 Unsplash https://unsplash.com/ すべてが高品質で驚きます。しかもパブリックドメイン(著作権なし)。 StockSnap.io https://stocksnap.io/ 同じく、パブリックドメイン(著作権なし)の写真が検索できます。 Rgbstock http://www.rgbstock.com/ 登録が必要ですが、高品質な素材が無料でダウンロードできます。抽象的なイメージなど、素材で使える写真も多いです。
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
結構タイポグラフィに気を使う場面だと、パソコンに入ってるフォントをちょっと細かく比較したい時って無いですか? 世の中には色々なフォント比較が可能なサービスやアプリケーションがあると思うんですが、今日ご紹介するWEBサービスは今まで見てきた物のなかで一番シンプルで使いやすいかもしれません。 テレビのチャンネルをぽちぽちと切り替えるような感覚で、PC上にインストールされているフォントを比較することが出来る超シンプルなWEBサービスなんですが、ちょっと初見だとわかりにくいかもしれんと思ったので、超簡単に説明させてもらおうと思います! Font Flipper – Flip through your fonts とりあえずアクセスするとこんな画面が出てくると思います。PCのフォントをローディングしてるので『Flip!』というボタンの所が表示されたら準備OK! 『Flip』のボタンを押すと左と右に”
ロゴたいぷゴシックはどんなフリーフォント? フリーフォントのロゴたいぷゴシックは無料でダウンロードでき商用・非商用問わず使用可能です。 ロゴデザインやタイトルロゴ、見出し向けの漢字も含まれる日本語フリーフォントになります。 ロゴ向けフォントのかっこいい感じと、少しやさしくてエレガントな柔らかいデザインが特徴です。 ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 マイクロソフトのエクセルやワードなどお手持ちのソフトでご使用できます。 Adobeのグラフィックソフト(イラストレーター、フォトショップ)があれば アウトライン化などし編集して、よりお楽しみ頂くこともできると思います。 おしゃれな感じに使っていただけると、すごく嬉しいです。 ロゴたいぷゴシックのフォントのライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * M+ (
個人でも商用でも無料利用できる、日本語のフリーフォント707種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です! 前年の647からフリーフォントが50種類くらい増えています! ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています(※情報はこの記事の執筆時のもの)。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/6/4: フォントを10種類追加 2024/2/20: フォントを11種類追加 2023/12/26: フ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く