ロゴデザインの8つの種類と参考になるウェブサイト7選｜Goodpatch Blog グッドパッチブログ
CI(コーポレートアイデンティティ)においてロゴは非常に重要な部分を占めています。 また複雑で混沌とした社会になるにつれ、企業理念や創業者の思いをしっかりと定義したロゴの重要性は依然高まっているのではないでしょうか。最近ではCIデザインという言葉もよく聞くようになり、ロゴを含めAirbnbのCIがどのようにデザインされているかを表した動画も話題になりました。 ということで今回の記事では一般的なロゴデザインの種類、ロゴデザインに役立つウェブサイトなどをまとめてみました。ロゴデザインを始めたばかりの人や将来始めてみたいと思っている人のご参考になれば幸いです。 Goodpatchでは、ロゴデザインやCIのリニューアルのご相談も受けております。 ⇒【資料ダウンロード】Goodpatchにおけるロゴデザインのリニューアルプロジェクト事例のご紹介 ロゴデザインの主な種類 1. シンプルな幾何学模様 シ
Leafscape
ホーム Webフォントとは、WWW上からフォントを呼び出し、ブラウザに表示する技術です。CSS3.0から使えるようになりました。 このwebサイトでは、再配布可能な日本語フォントをサブセット化し、webフォントとして配布しています。すべて無料でお使いいただけます。 欧文フォントに比べ、文字の多い和文フォントはデータサイズが大きくなりがちです。できるだけ軽くなるよう調整していますが、日本語webフォントの導入はwebサイトを重くする可能性があります。 Compatible for Chrome 36+ Opera 23+ Edge 14+ Firefox 39+ Safari for Mac OS Sierra, iOS 10.2+ お知らせ 重要 Woff形式はサポートされなくなります Woff2形式への対応について 使用方法： 1. @font-face 要素を使ってフォントの定義を行い
雑誌やホームページに使われているフォントを特定できる！フォント調査・検索ツール6選
「このフォントが使いたいけど、フォントの名前がわからなくて使えない…」と利用されているフォントがわからずに似たようなフォントで代用してしまったことはありませんか？この記事では、フォントを調査・検索できるツールを紹介します。 これらのツールを利用すれば、ホームページや広告に使われている文字のフォントを、形状の名前や画像からの検索が可能になります。ぜひ気になる広告やフォントがあったらフォントを調べて、自分のデザインの参考にしてみましょう。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 フォントの形状を見分ける方法 印刷業界やWebにおいて使われているフ
厳選！最近公開された日本語のフリーフォント15種類のまとめ
2014年暮れから2015年にリリースされた、個人や商用で利用できる日本語の無料フォントを紹介します。初紹介のものもけっこうあるので、見逃さないように要チェックです！ フォントの利用にあたっては、個人サイトや商用サイト、同人誌や各種印刷物などの紙での利用も確認して明記しました（2015年4月現在）。 フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 もっとフォントをという人は、下記ページもどうぞ！ 2019年用、日本語のフリーフォント 366種類のまとめ フォント：はれのそら明朝 写真：春の青空 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 少し墨だまりを含んだ角丸のすっきりしたデザインで、横書きだけでなく縦書きでも楽しめるオールド系明朝体。
最近はどんなフォントが使われているの？海外15サイトから調査して分かったこと｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、アクトゼロの小林です。 2013年ももうすぐ終わりですが、みなさんにとって今年はどんな一年でしたでしょうか？ 僕にとってはwebデザイナーになって2年目の年で、昨年よりかは視野を広げてデザインを見れるようになった気がします。 同時に課題もたくさん見つかった年なので、来年はもっと頑張りたいと思います！ ************************ さて本題ですが、webデザインにおいて、ある程度フォントを覚えると、そのフォントばかり使ってしまうということありませんか？ 特に英字フォントにおいては無数に書体があるので、選ぶのが手間で無難に走りがちだと思います。 今回はそれを打開するべく、最近の海外サイトでどんなフォントがどんなふうに使われているのか調査してみました！ やや長い記事なりますが、参考になれば幸いです。（画像は全てクリックすると拡大されます） No.01 ［Moonc
あなたは見分けられる！？定番フォント代わりに使えるGoogle Fonts 27書体 | WebNAUT by Beeworks
※この記事は2014年1月6日に執筆された記事です。現在は内容が異なる可能性があります。 あけましておめでとうございます！定番フォントを愛してやまない、デザイナーのタカハマです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね！ そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。 定番フォントをカタチ別にピックアップ 今回は定番フォントの偏りを防ぐために、誠文堂新光社「ABCのみほん〜かたちで見分けるフォントガイド〜」を参考に次のようなカテゴリで分類させて頂きました。 Historical Script 歴史的書体 Serif セリフ書体 Hybrid ハイブリッド書体 Sans Se
GoogleとAdobeのフォントNoto Sans（Source Han Sans）の画期的なところ
2014年7月16日に、Google と Adobe がリリースした Noto Sans（Adobe からは Source Han Sans という名称でリリース）というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト（フォントの太さ）が異なることがありました。 ※この画像は、Nexus 7（Android 4.4）で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
CSSでのフォント指定について考える（2014年）｜DTP Transit
結論1：アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2：「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考： ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり！（2013春） 結論2：新しい字形に対応をしている「ヒ
かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました
2019年6月4日 Webデザイン, ダウンロード, フォント 女性Webデザイナーにとっては「かわいいと言えばこんな感じ！」という基本的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫！今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです！紹介する素材はすべて商用利用OK！参考になるデザインのWebサイトもいくつか紹介します！（あ、ちなみによく誤解されますが、私、Webクリエイターボックスの中の人は女ですw） ↑私が10年以上利用している会計ソフト！ 目次 無料フォント 無料アイコン・イラスト素材 無料の背景パターン素材 「かわいい」を実現する配色例 かわいい系デザインのWebサイト実例 無料フォント 曲線をうまく使うと女性らしいデザインに仕上がります。そこで、使用するフ
スマートフォントUI+オープンソース
スマートフォントUI+は商用可のかっこいいフリーフォント フリーフォントのスマートフォントUI+は、無料ダウンロードでき商用可能なおしゃれでかっこいい日本語書体。このフリーフォントは第二水準の漢字も含まれ、エクセル、ワード、Adobeイラストレーター等のアプリケーションで自由に加工して使えるゴシック体です。ひらがな、カタカナ、アルファベット、数字の字体をオリジナルで制作し、漢字をIPAexゴシックを改良したフォントで補完しています。 フォントのデザイン特徴について スマートなデザインを実現するために約90%のコンデンスド（長体、つまり縦長）になっています。グリッド（方眼）を意識したシステマチックなデザインで横組み、縦組みでのスッキリとしたモダンな表現を可能にします。また漢字に対して仮名文字がこぶりなフォントデザインになっているのも特徴です。モダンゴシック体（新ゴ[モリサワ]、ロダン[フォン
商用でも無料で使える2種類の日本語フォント「刻明朝」「刻ゴシック」
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
フリーフォント ロゴたいぷゴシックのダウンロード | フォントな。無料日本語フリーフォント
ロゴたいぷゴシックはどんなフリーフォント？ フリーフォントのロゴたいぷゴシックは無料でダウンロードでき商用・非商用問わず使用可能です。 ロゴデザインやタイトルロゴ、見出し向けの漢字も含まれる日本語フリーフォントになります。 ロゴ向けフォントのかっこいい感じと、少しやさしくてエレガントな柔らかいデザインが特徴です。 ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 マイクロソフトのエクセルやワードなどお手持ちのソフトでご使用できます。 Adobeのグラフィックソフト（イラストレーター、フォトショップ）があれば アウトライン化などし編集して、よりお楽しみ頂くこともできると思います。 おしゃれな感じに使っていただけると、すごく嬉しいです。 ロゴたいぷゴシックのフォントのライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * M+ (
のらもじ発見プロジェクト
古い町並みには、洗練されていないけれど個性的で味のある文字がたくさんあります。このプロジェクトは、そんなステキな文字たちを「のらもじ」と名付け、それを 発見 → 分析 → フォント化 を進めていく活動です。フォントはインストールしてお使い頂けます。 We can find a lot of font in old towns. Those may not be so sophisticated but has unique charm. In this project, we named such characters “NORAMOJI”. We aim to “Find > Analyze > Reproduce” them. Users can intall and use the font.
フォント選びで個性が出る！ はてなデザイナーお気に入りのフォント16選 - Hatena Design Group
あけましておめでとうございます。はてなデザインチームの id:tanemu です。 デザイナーが個人的に好きなフォントって気になりますよね。新年最初のエントリーは、お気に入りのフォントについてデザインチームに聞いてみました。どことなく人となりが感じられるチョイスになったような気がします。 id:ueday いつもフォント激安情報をIRCに流してくれる id:ueday さんのおすすめは、 salome めちゃくちゃおしゃれ、だけど使いどころが難しいから腕が問われる。 ITC Lubalin Graph スラブセリフかっこいいです。 uedayさんの資料で、数字部分におおきくsalomeをあしらっているのを目撃したことがあります。どちらもXハイトが高めの特徴的なフォントですね。 また、よく使うフォントも教えてもらいました。 見出ゴMB31 ツメて使うのが好み Lato Google webf
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
デザイナーなら知っておかないと損するGoogleWebフォント特選10個 | Find Job ! Startup
現在、欧文を中心に600以上の書体が選べるGoogleWebフォント。これだけ数が多いと、どれを選べばいいのか日本人の私たちにはよく分かりません。 今回は、全世界で最も使われている人気のGoogleWebフォントを10個厳選してお届けします。海外向けのサイトを作る際にはハズせない、日本向けサイトを作る際にもアクセントとして使いたい、とっておきのGoogleWebフォントを集めました。 GoogleWebフォントを使うメリット GoogleWebフォントを使うと、こんなにもたくさんのメリットがあります。 SEO対策になる 修正が簡単に行える 選択してコピペできる 拡大縮小・高解像度画面（Retina Displayなど）でもボケない 使わない手はありません。 GoogleWebフォントの使い方 使い方に関しては、OZPAさんのブログが詳しいです。参考にしましょう。 今さらながらWe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleフォントで好みのフォントを見つけるのはなかなか大変だけど、これを利用すると簡単に探せる！ -Font Library
Google Noto Fonts_Noto Sans CJK JP（Googleの日本語フォント）
FONTFREE
フォントフリー - 無料の日本語フリーフォント投稿サイト