おしゃれ フォント。 デザインされたオシャレな日本語・欧文フォント40選

デザインされたオシャレな日本語・欧文フォント40選

おしゃれ フォント

フリーフォントを使う前に フリーフォントには 利用規約があります。 配布サイトよって利用規約・利用出来る範囲が異なりますので、ダウンロード前に確認して下さい。 フリーフォントサイト 様々なデザインのフォントがありますので、サンプルと一緒に確認してみて下さいね。 基本的には商用利用可能なフォントを掲載しますが、英語に自信がなく、間違っていることもあるかもしれないので、 再度各自で確認して下さい。 サンセリフフォント Aileron まとめ 今回は オシャレな英語フォントをご紹介しました。 日本語が使えるフォントとはまた違った、海外らしいデザインも豊富でした。 ブログやサイトにも使えそうなデザインのフォントがたくさんあるので、是非使ってみて下さい。 フォントを探していて思ったこと。 フォントを探しながら、英語フォントを紹介している人のブログも見たりしていたのですが、 ブログには商用OKと書いてあり、実際にダウンロードサイトに行くと商用NGなフォントがたくさんありました。 フォント紹介後に商用NGになったのか、そもそも商用NGだったのかは不明ですが、この様なケースもあるのでダウンロード前に1度自分で確認をして下さい。 私は英語に自信がないので、 翻訳ソフトを使いながら商用NGではないフォントを探しました。 翻訳ソフトでもフォントの使用について記載があれば、商用OKかNGかくらいは分かりますので、活用してみて下さい。 スポンサーリンク いつか何かの役に立つかもしれない情報を中心に、私が調べてみたこと・感じたこと・分かったことをメインにブログにしていきます。 関連する記事• 2018. 19 前回、国内のブログに使えるフリー写真サイトをご紹介しました。 国内のサイトだけでもかなりのサイト数がありますが、今回は海外のフリー画像サイトをご紹介し[…]• 2018. 21 画像に文字を入れる時、サイトやブログをカスタマイズする時どうやって色を決めていますか? 好きな色だったり、文字が映える色だったり、無難に合わせやすい色[…]• 2018. 16 「プログラミングを学ぶ」と言うと身構えてしまう人、拒絶してしまう人もいるかと思います。 私はHTMLが書ける・読める程度でCSSは全く使えませんでした[…].

次の

日本語フリーフォント35選!無料でダウンロードできるおしゃれなフォント

おしゃれ フォント

フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー&有償】 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立ちますが、今やフリーフォントも決して馬鹿にできない時代になりました。 むしろ「何でこれが無料で使えるのか?」と思うほど、作り手の熱意を感じるものも少なくありません。 「これだからフォントは面白い」と、新しいフォントを発見する度に思います。 今回は、フォントオタクのデザイナーが厳選した、とにかく美しい• 日本語対応フリーフォント• 欧文フリーフォント• 有償フォント をご紹介したいと思います。 プロのデザイナーはもちろん、 個人ブログのフォントをおしゃれにしたい!という人にも参考になると思います。 ぜひ最後まで見ていってください。 Mac・Win・iPhoneなど、どのブラウザでも共通して使えること• 対象年齢が広い一方で、専門的な用語が多いため、丸みのある優しいフォントであること• 商用利用可能なフリーフォントであること 上記を叶えるには、どんなフォントがベストか?と試行錯誤を繰り返してきました。 色々検討した結果、以下の源ノ角ゴシックに決めました。 カスタマイズ性が高いのも「源ノ角ゴシック」を選んだ理由です。 じつは日本語Webフォントはかなり重いのですが、このフォントはカスタマイズして軽くできるためです。 フォントというものは、微妙な違いが全体の統一感、雰囲気の違いとして現れます。 そして自分の好みだけではなく、見る人のことを考えて選ぶことが大切です。 今回、 美しいことはもちろん、幅広い場面に対応できる高品質なフォントを厳選したつもりです。 ぜひ筆者がこだわって選んだフォントを見ていってください。 気になるフォントが見つかった人、共感してもらえた人は 「なかなかやるやん!」と思っていただけると大変幸いです。 フォント豆知識:セリフ体・サンセリフ体・スラブセリフとは? 今回、フォントのご紹介をするにあたって、• セリフ体• サンセリフ体• スラブセリフ という言葉が出てきます。 つい当たり前のように使ってしまっていますが 「セリフ体って何?」という人がいるかもしれません。 そこでまず、この3つの特徴について説明しておきましょう。 不要な人は、下記から早速、フォント紹介へ進んでください。 フォントは、文字の先端に 「ひげ」または 「うろこ」と呼ばれる 装飾の有無によって、大きく2種類に分類できます。 セリフ体の特徴 セリフ体とは、 文字の先端に「ひげ」または「うろこ」と呼ばれる装飾があるフォントのことです。 エレガントかつオシャレな印象です。 縦線が太く、横線が細いのも特徴ですね。 日本語フォントの「明朝体」は、セリフ体に分類されます。 デザイナーでない人からはよく「セリフ体って筆記体のこと?」と質問されますが、 筆記体とは違いますので注意してくださいね。 ちなみに… 一般的なセリフ体は更に、• ブラケットセリフ:三角形のひげ・うろこがついている・一般的なセリフ体• ヘアラインセリフ:とても細いひげ・うろこがついている• スラブセリフ:縦横同じ幅のひげ・うろこがついている(この後で詳しく説明) に分かれます。 スラブセリフの特徴 上で書いたように、スラブセリフ、またはスラブ体とはセリフ体の一種です。 通常のセリフ体が「縦線が太く、横線が細い」のに対し、 スラブセリフは、縦横の線がほぼ同じという違いがあります。 これにより、親しみやすさが感じられるフォントになっています。 ちなみに「slab」とは英語で、石・木材・コンクリートなどの厚板や平板を指します。 これが装飾の形を現しているわけです。 サンセリフ体の代表的なフォント• Helvetica• Arial• Futura• Gill Sans• Optima• Verdana• Frutiger• Univers これがないと始まらない!厳選・日本語対応フリーフォント 10選 ではいよいよ、筆者が厳選したおすすめフォントをご紹介していきましょう。 まずは、 幅広い場面で役立つ「日本語対応フリーフォント」からです。 源ノ角ゴシック(noto sans CJK) まずは、このサイトでも採用した源ノ角ゴシック(noto sans CJK)から。 AdobeとGoogleが「全世界の言語に対応できるフォントを開発する」ことを目的に、共同で開発したゴシック体フォントです。 ここ最近のフリーフォントとしては最も有名ではないでしょうか。 CJKとは「Chinese・Japan・Korean」の略で、中国語・日本語・韓国語に対応しています。 意外とこの略字、知らない方も多いのです。 Webフォントとしても利用できる• 漢字が揃っていてかつ美しいタイプフェイス として貴重な存在です。 上述の通り、カスタマイズ性が高いことも魅力です。 ウェイトも7種類展開されていて幅広く使うことができるので、持っておけばきっと助けになってくれるでしょう。 ちなみにリリース当時、このフォントをwebフォントとして使いたいがために1つサイトを新たに作った経験があります。 源ノ角明朝(noto serif CJK) こちらも源ノ角ゴシックと同様の設計思想によって開発された明朝体フォントです。 まだリリースされて日が浅いのですが、筆者の周りではリリースと同時に 「やっぱり明朝も出てきたか!」といった反応でした。 源ノ角ゴシックと同じく• Webフォントで使える• 7種類のウェイト展開がされている という特徴があり、美しいタイプフェイスです。 また作者の西塚さんによると、縦書きで使用したときは「を」のサイズが2%小さくなるなど、 細部へのこだわりも非常に濃い書体です。 実際「源ノ角」シリーズはフリーフォントながら、普段のデザイン業務でも使う場面の多い高品質なフォントですね。 和文フォントが2種類と欧文フォントが7種類、 組み合わせて合計で 43種類ものファイルがあります。 (ちなみに、筆者は全てダウンロードしました。 ) 同じ文章でもウェイトを変えてみると、それだけで雰囲気が変わることもあって意外と面白いですよ。 プレゼン資料などを作る場面がある人は、標準のフォント以外かつ、視認性の高いフォントで作るとそれだけで良さげな資料に見えてきますよ。 うつくし明朝オールド 「うつくし明朝体オールド」は 可愛らしい雰囲気の明朝体で、ここ最近、色々なところで使われているのを見かけます。 個人の制作物だけでなく、女性向けの広告やパッケージなど、 プロも頻繁に使用しているフリーフォントです。 最近見た中で一番大きく使われていたのは、プリクラに書いてある「めちゃくちゃ盛れる!」みたいなコピーに使われていたときですね。 現在かなり人気のフォントなので、街中で使われているところを探すのも楽しいですよ。 はんなり明朝 まさに ひらがなとカタカナが「はんなり」とした雰囲気を醸す明朝体フォントです。 適度なやわらかさがあるので、 「あのフォントだと堅すぎる」 「このフォントだと弱すぎる」 などとジレンマに陥った時に使うと意外とはまります。 レトロや和風な雰囲気のものによく合うフォントで、画像と合わせて使っても喧嘩せずにスッと馴染んでくれるのも魅力です。 また、はんなり明朝はGoogle Web Fontsでも提供されているため、 Webサイトでも使用可能です。 高速道路ゴシック かつて高速道路の道路標識で使われていた文字(通称:公団ゴシック)を再現したフリーフォント。 現在、高速道路の標識は大半がヒラギノ角ゴシックに置き換わってしまいました。 しかしフォント界隈では 「味がある」と、今でも人気な文字です。 特徴はなんといっても省略や変形の多い字形で、 書き文字が主流だったころの空気が感じられます。 公団ゴシックが有志の手でフリーダウンロードできるようになったと聞き、すぐに探した覚えがあります。 注意点として、 使える漢字が少なめなことがあります。 とはいえ、少しずつですがアップデートされて使える漢字が増えているので、時々最新版をチェックしています。 かちどき仮名 「かちどき仮名」はゴシック体かなフォント(ひらがなとカタカナのみ)のフリーフォントです。 築地初号明朝をもとにして作られたそうで、たしかに オールドスタイルな骨格で表情豊かなフォントです。 フリーフォントながら6ウェイト揃っており、また意外と見つからない 筆のニュアンスが感じられるゴシック体として重宝しています。 Illustratorをお持ちでしたら、既存のフォントの漢字と混植することでもまた違った魅力を引き出せますよ。 是非試してみてください。 ろうまん仮名 「ろうまん仮名」は、明朝体かなフォント(ひらがなとカタカナのみ)のフリーフォントです。 上記のかちどき仮名と同じ作者さんが制作した書体です。 明記はされていませんが、このフォントも築地初号明朝が元のように思います。 本文組み用に作られたフォントで、 混植すると普段よりもしっとりと情感あふれる文章に見えてきます。 最近は一周回ってオールドスタイルの書体がトレンドなので、かちどき仮名とあわせて使ってみてはいかがでしょうか? 機械彫刻用標準書体 注意書きの札や「非常ボタン」で上のような文字を見たことがあるのではないでしょうか? 「機械彫刻用標準書体」は、 印刷ではなく機械で文字を彫るときに使われていた書体を再現したフリーフォントです。 古い機械では物理的な制約が多かったため、このように変わったデザインの書体が生まれた背景があります。 初めて存在を知った時は 「まさかあの文字に規格があったとは…」と衝撃でした。 あさご本丸ゴシック 「あさご本丸ゴシック」は、 クルッと丸まった線が特徴の丸ゴシック体フォントです。 製品版もあるのですが、文字数を制限したバージョンをフリーフォントとして公開してくれています。 骨格はクラシックなのに、あしらいがモダンでとても不思議な雰囲気を持つフォントです。 この不思議さによって、ベーシックなフォントとは一味違う魅力を引き出すことができるでしょう。 ちなみに使う文字にもよりますが、有償フォントでも人気の 「丸明オールド」と似たような表現も可能になるフォントです。 雰囲気あるフォントが勢ぞろい!欧文フリーフォント 10選 続いて、筆者 おすすめの欧文フリーフォントをご紹介していきましょう。 欧文フォントは世界中で作られているため、非常に大量のフォントが流通しています。 それだけに、自分も知らなかった新しいフォントが日々出てくるという楽しみがありますね。 大量にあって迷いがちな欧文フォントですが 「これを持っておけば間違いない!」と思っている厳選フォントをご紹介します。 Ubuntu UbuntuというOSで使われているデフォルトのフォントなのですが、フリーフォントとしてダウンロードできます。 デフォルトフォントとして採用されるのは、良い意味で主張がなくどんな場所にも馴染むようなものが多いんですが、その中でもUbuntuは結構個性的です。 とくに 小文字がコロコロと丸みがあって可愛らしい印象です。 視認性が良いので、システムフォントとしてだけでなくロゴなどのベースに使ってみても面白いですね。 Roboto こちらは Android4. 0から標準フォントとして採用されたフリーフォントです。 上述のように、デフォルトフォントだけあって洗練されたベーシックさを持っています。 ベーシックなのに完成度が高いフォントには、意外と巡り合えないものなのです。 さらに言えば、デフォルトフォントでクオリティが高いという自体が凄いことでもあります。 さまざまなサイズで見ても美しいおすすめフォントなので、ぜひ使ってみてください。 Geo Sans Light 「 Geo Sans Light」は、 Futuraという世界的に有名な有償フォントにとても似ています。 幾何学的なスッキリした見せ方をしたい、でも Futuraはもっていない…という人には非常におすすめです。 ロゴや見出しに使えば、一気にお洒落に仕上がりますよ。 ただし 小文字の「j」のデザインなどは、本文には少し不向きだと思うので、それだけ注意してください。 Montserrat 少し平体がかったタイプフェイスをしているフリーフォントです。 後半でご紹介しますが、 Gothamという有名な有償フォントと似た印象があります。 Google fontで利用ができるので、「このサイトの見出し、 Gothamみたいな雰囲気にしたいな」と思ったときに最初に使った覚えがありますね。 また、商用で使用されているのもよく見ますので、 プロでも使えるクオリティが保証されているといえます。 Open Baskerville Baskervilleという有名なセリフ体のフォントがあるのですが、それをもとに作られたフリーフォントです。 Macにも Baskervilleがバンドルされていますが、それとは少し異なる Baskervilleが基になっているため、細かな部分が違います。 有名フォントというのは実はバージョン違いがたくさんあって 「リリースしている会社によって微妙にデザインが違う」といったこともよくあります。 英国のテイストを感じさせるフォントとしても有名な Baskervilleですので、 英国的なデザインをしたい時には大活躍します。 (現在エラーになっています) Bitter ht 冒頭でお話しした、 スラブセリフに属するフリーフォントです。 スラブセリフはその親しみやすさからここ数年勢いを増してきたなと感じますが、自分でいざ使ってみると 「何か違うな…」ということも時々ありました。 その中でこの Bitter htはフリーですが結構使いやすく、重宝しています。 スラブセリフの力強さと骨格の素直さを良いバランスで持ち合わせているため、サンセリフだと物足りないと感じたときに使ってみてはいかがでしょうか。 Hitchhiker Free Font このフリーフォントは本当に最近見つけたものですが、 初めて見たときにかなり興味をそそられました。 海外サービスなどのロゴの流行にあわせて、フリーフォントでもスクリプト系フォントが増えてきましたが、その中でもとくに目立つ書体です。 骨格はジオメトリックな一方で要素に手書き感が残っており、 ハマれば非常に面白い表現になるフォントです。 かなり個性の強いデザインなので、単語を打つだけでもロゴらしくなる楽しみがあります。 このフォントに限らず、空き時間で時々そういう遊びをしています。 Forum この「 Forum」はセリフのデザインが鋭めで、人に例えるなら 「背筋がピンとしていてスタイルのいい人」というような印象です。 個人的には本文を組むときよりも、 見出しなど大きめのサイズで使ってはじめて実力を発揮するフォントだと思っています。 かなりピンポイントですが大文字の「 A」の腰の高さがスタイリッシュで良いですね。 逆に小文字は結構コロコロした見た目で、大文字だけの時と小文字も混在している時で表情がガラッと変わる面白さもあります。 Selima Script スクリプト体のフォントですが、さきほどの「 Hitchhiker」とはうって変わって 筆で書いたような表情が豊かなフォントです。 ここ最近、急速に筆の雰囲気を残したフリーフォントが増えていて、どれも甲乙つけがたいのですが個人的にはコレがお気に入りです。 こういった筆文字風のロゴはいろいろなところで流行っているので、 使ってみるとそれだけでオシャレに見えるかもしれませんね。 外国人の写った写真にこういうフォントで文字を乗せると、それだけでとてもイケてるものに見えてくるから不思議です。 Agent 欧文フリーフォントの最後は、少し飛び道具的なフォントをご紹介します。 この「 Agent」は 文字の一部が欠けていて、でもちゃんと読めるという不思議なフォントです。 長い文章を組むのには圧倒的に向きませんが、ピンポイントで使うといいアクセントになります。 あるいはこのフォントを参考にして、オリジナルのロゴマークを考えるのも楽しいと思います。 使い所が難しいのは確かですが、インパクトを出したい時に役立つフォントですよ。 どれかひとつは持っておきたい!高品質な有償フォント 4選 後半では、有償フォントの中で 「これを持っておくと役に立つ!」と思っている厳選フォントをご紹介します。 有償フォントはなかなか手が出しにくく、基本的にはフリーフォントでやりくりしている人もいると思います。 しかし 「迷った時には絶対これ!」というほどのパワーがあるのも有償ならではの魅力です。 フォントにこだわっていきたい方は、この中で気になったものどれかひとつでも手に入れてみてはどうでしょうか。 ちなみに、有償のオススメフォントを紹介している記事では、まず間違いなく 「Helvetica」という書体が紹介されています。 間違いなく Helveticaは世界で最も有名なフォントです。 これを扱ったドキュメンタリー映画まで作られているほど。 だからこそ あえてここでは、他のフォントにスポットライトを当ててみました。 Gotham:オバマ元大統領の演説で有名なフォント 私はジオメトリック系のサンセリフが好きなのですが、おそらくフォントに詳しい人がこの条件を聞いたら 「Futuraが好きってこと?」と思うのではないでしょうか。 正直、有名度合いや使用されている頻度では Futuraという有償フォントに軍配が上がるでしょう。 ですがあえて今回 Gothamを推させてもらいます。 理由は、 Gothamの方が「人間らしさ」があると思っているからです。 Futuraは整いすぎていて、少し無機物っぽさを感じてしまうのですよね。 それに対して、 Gothamは少しだけ表情が豊かで、しかしジオメトリックという好バランスです。 そのため、私はジオメトリックなデザインでも Futuraよりも Gothamの方をまず試してみる傾向があります。 ヒラギノ角ゴシック:Mac・iPhoneのシステムフォント この「ヒラギノ角ゴシック」は、 現在日本で一番見られているフォントと言っても過言ではないでしょう。 なぜなら iPhone(と Mac)のシステムフォントに採用されているからです。 iPhoneユーザーであれば LINEをしているときも、 Instagramを見ているときも、ほぼ常にヒラギノ角ゴシックに触れているわけです。 ヒラギノ角ゴシックは例えると、 水や空気のようなフォントだなと感じます。 当たり前に存在し過ぎて忘れてしまいそうですが、 文章のクオリティを支えてくれる必要不可欠な存在です。 AXIS:雑誌「AXIS」の専用書体から一般に流通したフォント これは、 AXISという雑誌があるのですが、そのリニューアルにあたって 「雑誌専用書体を作ろう」という企画で生まれたフォントです。 誕生の経緯からしてクールですね。 更にその評判の高さから一般に流通するようになったという歴史があります。 非常に洗練されたタイプフェイスをしていて、しかも欧文まで美しいデザインです。 欧文単体でも、和文と混植してもすっきりと読みやすく美しい、 眺めているだけでも見惚れてしまうフォントです。 多用すると「自分の実力以上のデザインが出来上がってしまうのでは?」と思わせてくれるような、おすすめフォントですね。 筑紫 A 丸ゴシック:街中のパッケージデザインで見かける人気フォント 「筑紫 A丸ゴシック」は、 Macの OSが EL Capitanになったときから、初期フォントに仲間入りしました。 とても可愛くて親しみやすいため、フォント一覧で目に入るとつい使ってみたい気持ちになりますね。 ちなみに、バンドルされてから街中で見かける機会が非常に増えました。 雑誌・パッケージ・ポスターなど「やっぱりみんな使いたい気持ちになるんだな」と街中で一人で頷いた記憶があります。 ここまで読んでいただいて感謝! 気になるフォントは見つかったでしょうか。 はじめにお話ししたように、フォントの世界は本当に奥深く、新しいトレンド・書体が次々と生まれています。 また機会があれば、こういった記事を書いてみたいと思います。 ありがとうございました。

次の

【無料】おしゃれな英語のフリーフォント100選【商用利用可】

おしゃれ フォント

お洒落で見やすいフォントの中から、無料で商用利用も可能なものをまとめました。 最近では記事を発信しているメディアも増えてきているので、よりフォントが重要になってきています。 フォントひとつでサイトの印象を大きく変えるので、妥協せずに満足できるものを選びましょう。 各配布サイトの利用規約をご確認ください。 なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。 フロップデザインフォント シンプルで使いやすいゴシック体フォント。 文字が読みやすいように工夫してデザインされています。 フロップデザインフォント ピグモ01 絵のようなユニークなフォント。 第二水準漢字などにも対応しています。 ピグモ01 [PR] Webデザインで挫折しない学習方法を動画で公開中ほのかアンティーク角 アンチック体の、優しい雰囲気を持つフォントです。 ほのかアンティーク角 はれのそら明朝 明朝系のすっきりしたフォント。 はれのそら明朝 しねきゃぷしょん 洋画の字幕のような雰囲気を持つフォントです。 しねきゃぷしょん 刻ゴシックフォント 漢字に対してひらがなとカタカナが少し小さく縦長にデザインされたゴシックフォント。 刻ゴシックフォント セプテンバー ペンで紙に書いた文字から作られた、やわらかい雰囲気を持ったフォント。 セプテンバー 櫻井幸一フォント フェルトペン フェルトペンで書かれた手書き風のフォント。 櫻井幸一フォント フェルトペン 刻明朝フォント 「刻ゴシックフォント」の明朝体版。 クラシックな雰囲気が特徴です。 刻明朝フォント 刻丸明朝かな 「刻明朝フォント」のひらがなとカタカナだけを少し丸みのあるデザインにアレンジしたもの。 漢字は含まれていません 刻丸明朝かな なごみ極細ゴシック 漢字は直線的に、かなは曲線的にデザインされたフォント。 なごみ極細ゴシック 超極細ゴシック体 とても細いゴシック体のフォントです。 超極細ゴシック体 青梅ぷらすゴシックP シンプルでやわらかい雰囲気のゴシック体フォント。 青梅ぷらすゴシックP ほのか丸ゴシック 漢字より少しだけかな表記を小さくした丸ゴシック体フォントです。 ほのか丸ゴシック 明朝體フォント むつき 古い本の活字のような独特の明朝体フォント。 明朝體フォント むつき 小瑠璃フォント 丸めデザインのすっきりしたフォント。 小瑠璃フォント 851手書き雑フォント 手書き風のフォント。 絵文字や各種外国語にも対応しています。 851手書き雑フォント ロゴたいぷゴシック-コンデンスド 少し縦長にデザインされたゴシック体フォント。 ロゴたいぷゴシック-コンデンスド こころ明朝体 角丸の明朝体フォント。 やさしい雰囲気を持っています。 こころ明朝体 うつくし明朝体 横書きの見栄えを意識したオールド系明朝体フォント。 うつくし明朝体 以上、サイトの見栄えがおしゃれに見えるフォントを紹介しました。 明朝体ひとつとっても様々な種類のフォントが存在します。 ぜひいろいろ見てサイトに活用してみてください。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。 Webデザイン かっこいい・クール系フォントの中から、無料で商用利用も可能なものをまとめました。 各配布サイトの利用規約をご確認ください。 なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。 カガクゴ 横書き専用、迫力のあるデザインのフォントです。 カガクゴ 19seg box 昔のコンピューターで使うようなデジタルな雰囲気を持ったフォント。 19seg box [PR] Webデザインで挫折しない学習方法を動画で公開中鉄瓶ゴシック 力強い太めのゴシック体フォント。 ほのか明朝 851チカラヅヨク テレビのテロップなどで出てきそうな、迫力のあるフォント。 手書き感が残っていて良いですね。 851チカラヅヨク らんすあたっく! 絵を組み合わせたようなユニークなフォント。 漢字は含まれていません。 らんすあたっく! スマートフォントUI 少しだけ縦長にデザインされたゴシック体フォント。 見栄えと読みやすさを重視しています。 スマートフォントUI カナ0816 斜体系のカナフォント。 数字も入力することができます。 カナ0816 さいとうしんぐ店 商店街で使われたものをイメージした、太めの独特なフォント。 さいとうしんぐ店 マキナスFlat 無感情な印象がテーマのフォント。 第二水準やIBM拡張漢字などにも対応しています。 マキナスFlat オリエンタル レトロな雰囲気を持った、カタカナ専用のフォントです。 オリエンタル DBストレート12 ひらがな、カタカナ、英数字用のデジタルなフォント。 DBストレート12 GD-高速道路ゴシックJA 高速道路の標識で使用されるフォント。 遠くから見てもわかりやすいようになっています。 GD-高速道路ゴシックJA カリン91 スタイリッシュなカタカナ用フォント。 飴鞭ゴシック ゾウ カタカナ・横書き専用の太めでクールなフォント。 ゾウ ステンシル・パイプ ロゴなどに使えるユニーク系フォント。 カタカナ専用になっています。 ステンシル・パイプ ロゴたいぷゴシック 柔らかくも格好いいデザインのゴシック系フォント。 ロゴたいぷゴシック NEUTRAL 縦長でフラットなフォント。 スマートな印象になります。 NEUTRAL 以上、無料で使えるかっこいいフォントを紹介しました。 初心者の方でも気軽に利用できるフリーフォントなので、サイトの作成やデザインの作業などにおすすめです。 [お知らせ]TechAcademyでは初心者でも最短4週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。 Webデザイン webデザインでかわいいを表現するというのは、とても難しいと思います。 そんなデザインで悩んだ時に参考になるサイトを紹介したいと思います。 女性向け・子供向けのサイトを作りたいと考えている人には参考になるはずです。 なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。 Beautylabo Beautylabo ピンクベースの配色にふわっとしたフォントで見事にかわいいを表現しています。 ターゲットとしている若い女性に受け入れられるかわいいデザインと言えるでしょう。 じゃらし系キャラクター「ぶくぶくあわー」 ブクブクアワー このサイトに行くと真ん中のキャラクターがトコトコ歩きます。 キャラクターだけではなく配色フォントにも思わずかわいいと言ってしまうようなサイトです。 [PR] Webデザインで挫折しない学習方法を動画で公開中株式会社ブラン 株式会社ブラン 「かっこかわいい」とはまさにこれです。 ドットで表現された可愛さの中に、動きでかっこよさを出している非常にクオリティの高いサイトです。 キャラクターの可愛さとテーマパークのような配色で見ていて楽しいサイトとなっています。 SCRAP SCRAP バナーの可愛さが際立つサイトです。 かわいい背景にかわいいバナーにかわいい色使い。 かわいいがつまったサイトになっています。 DESIGN YOUR HEADPHONE DESIGN YOUR HEADPHONE ヘッドフォンとイヤホンで作られたトップ画像が目を引くかわいいサイトです。 製品のデザインのセンスの良さがわかる素敵なレイアウトだと言えます。 どすこいまげニャン どすこいまげニャン キャラクターを紹介しているサイトです。 一目見てかわいいだけではなく、ボタンのわかりやすさ、押しやすさにも、配慮され、クオリティの高いサイトと言えるでしょう。 パティスリーコンセント パティスリーコンセント 女性がターゲットで、ナチュラルカラーでシックにまとめ上げています。 コンセプトが「かわいい」だけあって、かわいいのはもちろん、年齢層を問わないオシャレさもありますね。 手芸センタードリーム 手芸センタードリーム 明るい黄緑と黄色のカラーが、優しくて元気な印象を与えます。 手芸のイメージでコンテンツに刺しゅうの素材を用いる気遣いが、温もりを感じさせるかわいいサイトに仕上げています。 ダイハツポート ダイハツポート 強烈な印象でありながらかわいい車のフォルムを強調した、明るくてPOPな印象。 若い女性がターゲットですが、商品をチープに見せないためにシメの黒をうまく使っています。 白鶴-ぷるぷるスパークリングゼリー 白鶴-ぷるぷるスパークリングゼリー 渋い白鶴のイメージを払拭して、若い女性をターゲットにしたカラフルな色使い。 特別にかわいい素材を使っていないのに、フリーハンド状の円のアニメーションがユルい印象でかわいさを強調しています。 ドミノアンティーク ドミノアンティーク 中年層以上のアンティークに興味がある人のサイト。 高級イメージではなく、アンティークの親しみに安さを強調しながら、丸いフォルムで商品写真を配置。 ほのかな「かわいらしさ」を感じます。 きらむぎ きらむぎ ナチュラルイメージがやわらかさを出し、健康志向の人が注目するように配慮されています。 手描きのコンテンツが、とにかくかわいい。 トップページが曲線で構成されている事に注目したいですね。 たかしま農園 たかしま農園 ターゲット問わずの、トマトのイメージを強烈に印象づける色使いが斬新。 かわいさを強調しているのは、手描き風のフォントの選択です。 農園で働く人の一生懸命さを表しています。 学校法人百華学園精華幼稚園 学校法人百華学園精華幼稚園 小さい子供を持つ親がターゲット。 楽しく優しいイメージを、やわらかいピンクを主体に色数を抑えて表現。 過度な動画は使わず、トップページをスクロールなしで見せる配慮も参考にしたいところです。 資生堂-インテグレート 資生堂-インテグレート 背景の強烈なピンクが刺激を与えながらも、ハートのコンテンツとイメージ写真で、若い女性のための商品である事が一目瞭然のサイト。 やわらかさがなくても「かわいい」を表現できる例だと言えます。 ナチュラルなイメージは、手描きのコンテンツを中心にするのでかわいい物が多いですね。 色使いも優しいのが、かわいらしさを引き立てます。 今回はかわいいwebデザインのサイトを紹介しました。 デザインに困った際参考になるサイトばかりですので、一度目を通してみてはいかがでしょうか。 かっこいい!を感じさせるサイトもまとめています。 併せてご覧ください。 [お知らせ]TechAcademyでは初心者でも8週間でオリジナルWebサイトを公開できるWebデザインオンラインブートキャンプを開催しています。 自分でサイトのデザインをしたい方はぜひご覧ください。 Webデザイン WordPressのプラグインにはコードなどを編集せずに直感的操作でフォントデザインを変えることのできるものが存在します。 公式や個人で配布されている各種テーマをインストール・有効化した後で、フォントの大きさや種類などを更に細かく設定したい時などにも役立ちます。 ここでは、「テーマの編集」メニューなどを使わずにWordPressのフォントやサイトデザインを調整することのできるプラグインを紹介していきます。 なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。 Font WordPressの管理画面ではなく、サイトを表示させたままの状態で上の管理バーからフォントの変更をすることができるプラグインです。 手描き風の文字など独特なデザインのフォントを使用することができます。 デフォルトで使用できるフォントは英語対応のものばかりですが、TTFやOTF形式のファイルを自分でアップロードして利用することもできるので日本語サイトでも活用することができます。 Font Visual Theme Customizer Font同様、サイトを表示させながらフォントの調整ができるプラグインです。 フォントの種類・太さ・色・イタリック表記や打ち消し線などの一通りの設定もここで変えることが可能です。 Undo・Redoなどの編集時に便利な機能もショートカットやメニューアイコンで操作できるのでじっくりデザインにこだわりたい人にもおすすめです。 スマホやタブレットでサイトを表示させた場合のプレビューが見れるのも特徴です。 アニメーションなどの追加機能がついた有料版もあります。 Visual Theme Customizer [PR] Webデザインで挫折しない学習方法を動画で公開中Easy Google Fonts このプラグインをインストールすると、WordPressの管理バー「カスタマイズ」からフォントの編集ができるようになります。 見出し1~6それぞれを別々のフォント設定にすることも可能なので、各テーマデフォルトの見出し表示を好きなものに変えたいときにも便利です。 フォントの大きさや種類の他にline-heightなども操作することができるのでサイトデザインの調整に役立ちます。 Easy Google Fonts 以上、フォントをカスタマイズできるプラグインを紹介しました。 フォントの種類を知っている人はなかなかいないですし、一つずつ確認しながら好きなフォントに変更したいところ。 サイトなどで調べながら行うとどうしても時間がかかってしまうので、プラグインを活用しましょう。 ぜひ、WordPressの使い方を覚えましょう! [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。 期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。 WordPress スマートフォン対応を検討することも多くなっていると思いますが、PCのサイトと大きくデザインが異なるので、自分で作る際、あるいは発注する際にデザインで迷うことはないでしょうか。 そこで、今回はスマホサイトのデザイン集サイトをピックアップしてみました。 国内と海外の両方のサイトをピックアップしているので、気になるものを参考にしてみてください。 国内のスマホデザイン集サイト 国内サイトだけあって、国内のスマートフォンサイトのデザインを集めたサイトが多くなっています。 カテゴリーなども細かく整理されていることが多いので、見つけやすくて便利です。 スマートフォンサイト集めてみました。 日本のスマートフォンサイトを数多く網羅しているデザイン集です。 細かなジャンル別にカテゴライズされているので、これから作成しようとするサイトの性格に合うものをより早く見つけ出すことが可能です。 ユーザーによる星評価やコメントも役立ちます。 スマートフォンサイト集めてみました。 iPhoneDesignBox 女性に人気がありそうなかわいいデザインのスマートフォンサイトが多く紹介されています。 パステルカラーや柔らかくフェミニンなイラストはサイトの滞在時間を伸ばすことにも効果がありそうです。 居心地のいいスマートフォンサイトを作りたいならぜひチェックしたいサイトです。 iPhoneDesignBox AGT 大胆な構図と、思わず視線が釘付けになるような画像をミックスした良質なサイトを中心に紹介しています。 スマートなサイト作りの参考になりそうなデザインが並んでいます。 AGT thinkthing スマートフォンサイトの制作などを手がける株式会社アイスリーデザインが運営するサイトです。 国内のサイトだけでなく、海外サイトも多く紹介されています。 このサイトでは、ユーザーがスマホサイトを紹介できるようになっています。 投稿されたサイトにはFacebookで「いいね!」 を付けることも可能です。 thinkthing iPhoneデザインアーカイブ iPhone用のサイトデザインを集めたサイトです。 携帯サイトキャプチャ集「モバイルデザインアーカイブ」の姉妹サイトでもあります。 国内の大手企業のサイトを中心に1000位上のサイトが紹介されています。 カテゴリー別に探せるので便利です。 iPhoneデザインアーカイブ 海外のスマホデザイン集サイト 国内のサイトだけを見ていても、似たようなデザインになってしまうという場合は海外のサイトが便利です。 視覚的に特徴のあるサイトが多いようです。 Mobile Website Gallery スマートフォンサイトというより映画のワンシーンを見ているような、クオリティの高い写真で構成されるサイトをピックアップしています。 アパレルや出版社など、会社そのものの雰囲気を伝えたいサイト作りに参考になりそうです。 Mobile Website Gallery [PR] Webデザインで挫折しない学習方法を動画で公開中FWA mobile 写真を主役にしたモバイルサイトを多数掲載しています。 無駄を省いてシンプルなサイトにしたいという場合は役に立ちそうです。 FWA mobile 今回の記事はいかがでしたか? ぜひこの記事を参考に、スマートフォンサイトを作ったり、発注したりしてみてください! [お知らせ]TechAcademyではプログラミング初心者でも8週間でエンジニアになれるRuby on Railsオンラインブートキャンプを開催しています。 Webデザイン 他人とは一味違ったスライドを作りたい プレゼン相手にウケが良さそうなスライドを作りたい そんな方は必見です! 今回は、それぞれの「業種」に合いそうなPowerPoint パワーポイント のテンプレートを、まとめて紹介しています。 しかも、全て「無料」です。 ぜひご覧ください! なお本記事は、KiRAMEXのオンライン完結のPowerPoint パワーポイント 講座の内容をもとに紹介しています。 目次 建設・不動産系 IT系 金融・保険系 アパレル・化粧品系 飲食系 旅行・レジャー系 教育系 医療・製薬系 建設・不動産系 Building Plans PowerPoint Template Free PowerPoint Templates 建物の設計図の写真が載っている、スタイリッシュなテンプレートです。 建設系に会うテンプレートで、こんなにかっこいいデザインのもの、なかなかないと思います。 Building Plans PowerPoint Template Free PowerPoint Templates Office Building PowerPoint Template Free PowerPoint Templates 高層ビルを背景にしているテンプレートです。 不動産系だけでなく、金融系などにも合いそうですね。 Office Building PowerPoint Template Free PowerPoint Templates [PR] Webデザインで挫折しない学習方法を動画で公開中IT系 Computer Blue Template Presentation Magazine 数字の羅列を背景に、ノートパソコンのイラストが載っているテンプレートです。 IT系だと青色が合いますね。 Computer Blue Template Presentation Magazine Modern Technology PowerPoint Template Free PowerPoint Templates 青い背景の中に光る水色の線が走っているテンプレートです。 表紙以外の部分はほとんど白なので、意外とシンプルです。 Modern Technology PowerPoint Template Free PowerPoint Templates 金融・保険系 Architecture PowerPoint Template Presentation Magazine ガラス張りの高層ビルの写真が載っている写真です。 「金融」というと、ビルや青がイメージに合いますね。 もちろんこのデザインは、不動産系にも合いますよ。 Architecture PowerPoint Template Presentation Magazine 1 Euro Coin PowerPoint Template Free PowerPoint Templates 1ユーロコインの写真を使っているテンプレートです。 背景も金色を使っていて、いかにも金融系っぽいですね。 1 PowerPoint.

次の