TOP  >  書体

Tag : 書体

2013年12月19日

2013年に人気を博したフリーフォントのまとめ「Best Free Fonts of 2013」

2013年も12月に入り終わりが見えてきました。今年は皆さんにとってどんな一年だったでしょうか。今回紹介するのは、今年を振り返る意味も込めて、2013年に人気を博したフリーフォントをまとめたエントリー「Best Free Fonts of 2013」です。

bffo2013_0
Hapna Mono – The Northern Block

今年見かけたフォントの中でも、特に印象の強かった完成度の高いフリーフォントが集められているように思います。その中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

Anson font – By Mikko Nuuttila
角と丸みの共存した、統一感のあるシンプルなフォント。どんなデザインにも合わせることができそうです。

bffo2013_1
 
 
 
 
 

Norwester – A Font by Jamie Wilson
太く力強いけれども、全体的な丸みを持った優しさも感じるフォント。見出しやロゴにオススメ。

bffo2013_2
 
 
 
 
 

V.GER Grotesque on Behance
全て決められた角度や比率によって作られたフォント。統一感を演出できるとともに、デジタルで未来的な雰囲気も演出することができます。

bffo2013_3
 

今年のフォントを振り返ってみると、「力強さと優しさ」や「繊細性と主張性」など、異なる要素同士をミックスした、バランスの良いフォントが人気を博しているように思います。
来年はどんなトレンドが来るのでしょうか。フォントの他にもさまざまなデザイン要素を通して、その動向を注視していきたいですね。

Best Free Fonts of 2013 | Freebies

続きを読む
posted 09:00  |  
Category: Design , Font   
このエントリーをはてなブックマークに追加
2013年12月14日

もっと手軽にデザインにアクセントを!アイコンフォントのまとめ「15 Useful Free Icon Fonts for Designers」

Webサイトの修正において、細かいものであればHTMLやCSSのみで対応してしまうことがあると思います。もちろんデザインを事前に作る事は重要だと思いますが、時にはプログラムのみで解決できてしまう手軽さも必要なのではないでしょうか。今回紹介するのはそんな手軽さをより強く感じさせてくれる、アイコンフォントのまとめ「15 Useful Free Icon Fonts for Designers」です。

15ufiffd_3
Ligature Symbols

通常、HTMLに「A」と記述すれば「A」と表示されますが、アイコンフォントを使用すれば対応するアイコンが表示される仕組みとなっています。どれも扱いやすいものばかりですが、中でも気になったものをピックアップしましたので、下記よりご覧ください。

Some Random Dude — Iconic is Becoming Awesomer
ファイル関連を中心に、さまざまな種類のアイコンを収録したフォント。スタンダートな見た目なので使うシーンを選びませんね。

15ufiffd_1
 
 
 
 
 

Maki | A clean point of interest icon set from MapBox | MapBox
スポーツ関連など、Webとはあまり関係のないものが収録されたアイコンフォント。リアルと結びついたデザインに使えそうです。

15ufiffd_2
 
 
 
 
 

Modern Pictograms – The Design Office
ポップ調のアイコンが集められたフォント。子ども向けのデザインによく合いそうです。

15ufiffd_0
 

利便性からすると、全てアイコンセット内で解決する事ができるのであれば、アイコンフォントを利用するという選択肢もありそうです。

15 Useful Free Icon Fonts for Designers – DJDESIGNERLAB

続きを読む
posted 09:00  |  
Category: Design , Font , WebDesign   
このエントリーをはてなブックマークに追加
2013年12月13日

20種の厳選されたクリスマスフォント「20 Handpicked Christmas Fonts and Typography Examples」

普段であれば、装飾の多く入ったフォントは扱いにくく、敬遠されることも多いと思います。しかしクリスマスなど、テーマが明確なイベントであれば、そういったフォントはとても効果的にイメージを伝えることができるのではないでしょうか。今回紹介するのはそんなフォントの中でも、クリスマスフォント向けに厳選された「20 Handpicked Christmas Fonts and Typography Examples」です。

hcfate_0
Kringle Font | dafont.com

クリスマスをテーマにさまざまなデコレーションが施されたフォントが20種紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Font   
このエントリーをはてなブックマークに追加
2013年12月08日

エレガントでシャープな細身のフォント集「20 Most Stylish Thin Fonts」

シンプルで細身な素材を多用することによってデザインをシャープに、エレガントに見せることができますが、フォントについても同様で。今回はそんな時のために是非ストックしてほしい、細身のフォントを集めた「20 Most Stylish Thin Fonts」を紹介したいと思います。

20mstf_3
Matchbook Font | dafont.com

どのフォントも細身で繊細なものばかり。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Font   
このエントリーをはてなブックマークに追加
2013年12月01日

デザイン性の優れた新しいフリーフォント集「6 Free Fonts for your Projects」

デザインがワンパターンにならないよう、常に新しい素材や要素を取り入れることは重要なもの。デザイン性の高いフォントを取り入れることもその1つではないでしょうか。今回はそんなデザイン性の優れた新しいフリーフォントのまとめ「Free Fonts for your Projects」を紹介したいと思います。

6fffyp_0
Adria Grotesk™ – Webfont & Desktop font « MyFonts

どれも個性的な特徴を持ちながらも、実用性を兼ね備えたフォントたちとなっています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Font   
このエントリーをはてなブックマークに追加
2013年11月24日

バリエーション豊かな25のリボンフォント「25+ High Quality Ribbon Fonts」

フォントは世界中で様々なものがリリースされていますが、モチーフを定めてデザインされたフォントもあります。今回はそんなフォントを集めたリボンがテーマにしたフリーフォントのまとめ「25+ High Quality Ribbon Fonts」を紹介したいと思います。

25hqrf_0
Ribbon effect of letters – Vector Gallery

ポップで可愛らしいものや、シックなリボンなど、様々なリボンフォントが紹介されています。その中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 07:53  |  
Category: Design , Font   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2017年09月02日

情報はミニマルにまとめる!フリーのミニアイコンセット「15 Small Mini Icon Sets for Your Web Projects」

ドットなどで作られたミニアイコンは複雑な情報を小さくまとめてくれる優れもの。しかしその小ささ故に一から作るのは意外と大変です。今回ご紹介するのは、そんなミニアイコンのフリー素材をまとめた「15 Small Mini Icon Sets for Your Web Projects」です。

small-mini-icon-sets1
108 Mono Icons: Huge Set of Minimal Icons | Tutorial9

ドットで描かれたものからベクターの滑らかなラインで制作されたものまで、多数のフリーアイコンがまとめられています。今回はその中から個人的に気になったミニアイコンを3つ選んでみましたので、是非ご覧ください。

詳しくは以下
(続きを読む…)

続きを読む
2008年06月24日

【FreeFont】チャーミング+遊び心がコンセプトの手書きフォント「YUKIフォント」

今までDesignDevelopでは女性の柔らかい手書き風の書体を「漢字も使える柔らかい手書きフォント「あんずもじ」」や「女性の手書き風ひらがなフォント「アイコ」と「はるか」」といくつか紹介してきましたが、今回紹介するのは、かわいらしくてチャーミング+遊び心がコンセプトの手書きフォント「YUKI(ゆき)フォント」です。

上記画像のような、世界観を作ることができます。収録されている文字はひらがな、カタカナ、アルファベット、記号のみの書体ですが、一般的な丸ゴシックの漢字と組み合わせて使用しても違和感がないレベルで使えるように工夫されているそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:13  |  
Category: Design , Font   
tag: Design Font
2010年09月18日

photoshopのテキストエフェクトチュートリアル「35 Amazing Photoshop Text Effect Tutorials」

非常に高機能な画像編集ソフトphotoshop。世界中のクリエイターに利用されています。高機能なだけにアイデアや技術次第では、様々な表現を可能にしてくれます。今日紹介するのはphotoshopを利用したテキストエフェクトのチュートリアルを集めたエントリー「35 Amazing Photoshop Text Effect Tutorials」。


Create Awesome Splashing Water Text Effect in Photoshop

立体的なものから写真との合成、文字自体に質感を与えたものなど、様々なテキストエフェクトのチュートリアルが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2010年07月10日

縦書きを可能にするjavascriptライブラリ「竹取JS」

SEO的にも問題の無い縦書きのコンテンツを作りたい。そんな時に便利なのが、今回紹介するjavascriptライブラリ「竹取JS」です。javascriptで指定されたブロックを縦書きに変換してくれます。

HTMLのみで縦書きというのは非常に面倒でしたが、これなら気軽に縦書きコンテンツを作れそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:18  |  
Category: WebDesign   
2008年01月10日

数々のクールなWordPressテーマを配布する「Design Disease 」

WordPressの魅力の一つにデザインの豊富さがあります。日本ではテーマを配布している所は少なめですが、海外ではクオリティの高いテーマが豊富に公開されています。今回紹介するテーマ配布ブログ「Design Disease 」はクオリティの高いテーマをいくつか配布しています。

wordpresscooltheme01.jpg

いくつか公開されていますが、公開されているテーマの中から気になったテーマをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:56  |  
Category: WordPress   
tag: 
2014年07月05日

夏らしいデザインにぴったり ハイビスカスを描き出せるブラシ「Free and Beautiful Hibiscus Flower Brushes」

梅雨が明けるとやってくる本格的な夏。デザインの現場でも夏仕様の素材を使用することも多くなるのではないでしょうか?そんな時に是非活用したい、ハイビスカスを描き出せるブラシ「Free and Beautiful Hibiscus Flower Brushes」を紹介したいと思います。

hawaii1
Hawaii brushes by RockQ on deviantART

華やかで夏らしいデザインにぴったりマッチするハイビスカス柄のブラシが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:30  |  
Category: Design   
2016年11月03日

フリックやグリッド生成など様々なUIが簡単に実現できるjsライブラリ「egjs」

数多くの情報を整理し分かりやすく表現するために様々なユーザーインターフェイスが開発されてきましたが、今回紹介するのはフリックやグリッド生成など様々なUIが簡単に実現できるjsライブラリ「egjs」です。

egjs01

実現できるユーザーインターフェイスは全部で4つ。タッチアクションから座標位置を取得するeg.MovableCoord、シンプルなフリックeg.Flicking、要素がビューポート内に存在するかを確認できるeg.Visible、グリッドスタイルをループで生成するeg.infiniteGridとなっています。

詳しくは以下

(続きを読む…)

続きを読む
2014年05月24日

さまざまなテイストのフリーフォント「40+ Fresh and Free Fonts for May 2014」

フォントはデザイン制作に欠かせないもの。求めているテイストに合わせて選べる非常に豊富な種類が存在しており、中にはフリーで利用できるとても便利なものも数多くダウンロードできるようになっています。今回はそんなフリーフォントのさまざまなテイストのものを集めた「40+ Fresh and Free Fonts for May 2014」を紹介したいと思います。

font140523_4
Duma Free Font on Behance

いろいろなデザインに活用できるクリエイティブなフォントが多数まとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2010年02月17日

プロの現場でも使えるハイクオリティなフリーフォント「35 Latest High-Quality Free Fonts for Professional Designers」

フォントのがデザインに与える影響はとても大きく、フォントの選び方でデザインの感覚がガラリとかわったりします。今日紹介するのはプロの現場でもプロの現場でも使えるハイクオリティなフリーフォントを集めたエントリー「35 Latest High-Quality Free Fonts for Professional Designers」です。

lhqfffpd01
Kilogram

今日は今までDesigndevelopで紹介した事が無いフォントを中心にいくつか気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:28  |  
Category: Design , Font   
tag: Design Font
2008年03月27日

CSSでデザインする基本テンプレートを56個集めた「100 Percent Pure CSS Layouts」

前回「代表的な12のCSSレイアウトテンプレートを配布する「Nice and Free CSS Templates」」という記事でCSSで作られた基本のセットともなるテンプレート集をお伝えしましたが、今回紹介する「100 Percent Pure CSS Layouts」もそんなベースのレイアウトになりうるテンプレートを集めたCSSテンプレート集です。

CSSのベーステンプレート

名前の通り100パーセントCSSだけで作った、デザインはいっさい無しでレイアウトだけ区切っているテンプレートをひたすら集めています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:17  |  
Category: WebDesign   
tag: CSS webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る