フロップデザインフォントという商用可の日本語フリーフォント フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。 フォントのデザイン特徴について 水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット(英語)、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし
みなさんはじめまして! アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ~んしゃ~♪」とか「ぶぅ~ぶぅ~♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね~。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる!」「もっと少なくしたい!」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
ウェブデザインやポスター、フリーペーパーなど、何かをデザインするときにシンプルすぎるフォントでは物足りないし、かといってインパクトがありすぎてもデザイン全体とマッチしない!という事態に陥ってしまうこともしばしば。うまく使えば効果的なのですが、洗練されたデザインフォントを見つけるのは難しい……ということで、デザイナーに人気の無料フォントをSmashing Hubが集めています。 Top 50 Sources for Designers to Download Free Fonts http://smashinghub.com/download-free-fonts.htm ◆01:Source Code Pro | Free software downloads at SourceForge.net Source Code ProはSource Sans Proに続くAdobeのオープンソー
お久しぶりです。 しばらくLIGのブログ更新に参加できていなかった野田です。。 今回は、WEBや紙媒体の広告でよく見かけるようになった日本語フォントをまとめてご紹介させていただきます。 フォントは、デザイン全体のイメージを決める大事な要素でもありますので、常に流行を見ておかなければ、サイト自体もフォント一つで古いデザインだなーと思われてしまうことがあります。 っていうか僕はそういう細かいところを見るのが大好きです。 僕の妻もデザイナーのため、毎日のように「このサイトのフォントはあれだねー」なんて話をしています。 そのため、知ってて損のないよう、いくつかのフォントを簡単にご紹介させていただきます。 ご参考までにどうぞ! はるひ学園 素朴でかわいく、ポップさをもった書体です。 余白を目立たせ、素朴な空気感を活かしてあげると良いですね。 丸フォーク 明朝体に似ていますね。 きれいなラインで、シュ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
CSSのfont-familyについて調べてみました。そのうちWebフォントが主流になる気がしますがそれまでのまとめということで。 認識誤りがありましたらどこかでつぶやいてください。 1.font-familyとは? 通常のフォントや太字、イタリック体、斜体など、デザインを統一した複数のフォントをまとめたものを「フォントファミリー」といいます。 「Arial」「Vernada」「ヒラギノ角ゴPro W3」「MS Pゴシック」などがフォントファミリー名です。 このフォントファミリー名を指定するためのプロパティが「font-family」です。 サンプル body { font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic",sans-serif;
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 Sina Nova 個人・商用利用無料。 Ashbury 個人・商用利用無料。 Epocaclassic
グラフィックデザイナーやウェブデザイナーの仕事をしていると、使い勝手のよいフォントというのは重宝するものですが、シンプルで美しいデザインのフォントというのはなかなか見つからないもの。というわけで、今すぐに商用でも無料で使えるスタイリッシュなフォント42種類は以下から。 A Collection Of 41 Fonts With Free For Commercial Use License http://designresourcebox.com/a-collection-of-41-fonts-with-free-for-commercial-use-license/ ◆01.Aaargh Aaarghとはうわ~!という意味。 ◆02.Aldo ◆03.Aller フランス語で「行く」という意味のフォント名。 ◆04.Alte Haas Grotesk ちょっとレトロな感じのフォント。
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 (それに縛られすぎてもいけませんが…(あえてインパクトを出すために違う印象のフォントを組み合わせたりする)、基本的な選び方として知っておくと良いと思います。) 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く