TOP  >  書体

Tag : 書体

2019年03月21日

【商用可】アナログ感のあるドローイングフリーフォント「THRONE」

フォントというのはデザインに与える時影響が非常に大きく、そのフォントが持つ雰囲気で大きくデザインの仕上がりの印象は大きく異なります。今回紹介するのは、カスレや色ムラまで細かい部分まで再現した、アナログ感のあるドローイングフリーフォント「THRONE」です。

1thro

いくつか利用例などが配布元では公開されていましたので、以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:02  |  
Category: Design , Font   
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加

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

2007年10月19日

ポラロイド写真のように見せる画像ギャラリー「Polaroid Gallery」

写真見せる時、その写真自体の完成度やクオリティも大切ですがWEB上で見せるなら見せ方も重要な要素になってきます。そこで今日紹介するのは写真を机の上においたポラロイド写真のように見せてくれるFLASHギャラリーサンプル「Polaroid Gallery」を紹介したいと思います。

Polaroid Gallery

swfのセットの他Flaファイルがダウンロード可能なのである程度のカスタマイズはできそうです。ライセンス形態はCreative Commons Attribution-Noncommercial 3.0 Unportedでその範囲であれば自由に使う事が可能です。

画像をFlickrからFlickrIDで指定してFlickr上の写真データも読見込ませる事も可能みたいなので連携させれば面白い使い方もできそうです。ここまでのものでFlaファイル配布なのは嬉しい所です。Polaroid Gallery動作サンプルは以下のリンクからどうぞ

via phpspot開発日誌

続きを読む
posted 03:00  |  
Category: WebDesign   
2016年05月31日

Photoshopチュートリアル2016年ベスト「Best of 2016: 30 Tutorials for Photoshop Fans」

世界中のレタッチや画像加工で利用されているプロユース仕様のソフトウェアPhotoshop。簡単な色補正から本格的な合成、絵作りなどスキルを高めれば本当に色々なクリエイティブを可能にしてくれます。今日紹介するのはフォトショップチュートリアル2016年ベスト「Best of 2016: 30 Tutorials for Photoshop Fans」です。

cutout-paper-style-tutorial
Cutout Paper Style in Photoshop

全部で30ものチュートリアルがまとめられていますが、今日はその中から気になったものピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:37  |  
Category: Design , Photoshop   
2008年12月09日

商用可!ボール紙のテクスチャ素材パック「Cardboard Textures and Objects: High Resolution Pack」

今までDesigndevelopでは様々なテクスチャをとりあげてきましたが、今回紹介するのは2896×1944ピクセルという高解像度の段ボールのテクスチャ素材集「Cardboard Textures and Objects: High Resolution Pack」です。

タイトルの通り、20種類のボール紙のテクスチャが収録されています。収録されているテクスチャはFlickrにてアップロードされていましたので、下記にスライドショーを貼り付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:03  |  
Category: Design , Photoshop   
2015年08月12日

豊富なPhotoshopチュートリアルをまとめた「Top 100 Tutorials for Mastering Photoshop」

さまざまな画像加工処理が可能なPhotoshop。デザインシーンで活躍するソフトですが、機能が豊富なだけに使いこなせていない、表現の幅がどうしても広がっていかないという方は意外に多いのではないでしょうか?そんな中今回紹介するのは、豊富なPhotoshopチュートリアルをまとめた「Top 100 Tutorials for Mastering Photoshop」です。

photoshopef0
Design a Dark Surreal Urban Scene with Space Brush in Photoshop – PSD Vault

いろんな種類のチュートリアルが紹介されており、ほしいデザインイメージに合わせて参考にすることができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:52  |  
Category: Photoshop   
2016年05月30日

リッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」

マウスオーバーすると、色が変わったり、様々なアクションが走ったりと、WEBデザインでは多用されるホバーエフェクト。簡単に透明度だけ変えたり、色を変えたりというシンプルなものも良いのですが、一工夫されたホバーエフェクトは上手に使えばサイトの質を向上させてくれます。今日紹介するのはリッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」です。

hover01

画像が拡大されたり、フィルタが掛かったような表現になったり、全部で16ものホバーエフェクトを簡単に実装することが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2008年11月16日

オンライン上で作成・公開ができる投票型アンケートシステムまとめ

現在進めているプロジェクトで簡易なオンラインアンケートを設置しないと行けなくなり、今まであまりWEBでアンケートということを自分自身で使ったことがなかったので、今回は調べながらまとめていきたいと思います。


photo by Mykl Roventine Flickr

今回のアンケートシステムの条件は投票型で、投票結果が閲覧できる。インストール型ではなくて、レンタルでオンライン上で作成・公開ができるという条件のもとに探してみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:48  |  
Category: WebService   
2010年06月26日

昆虫をモチーフに使用したロゴデザイン「A Collection of Insect Logo Design Concept」

ロゴデザインにはさまざまなモチーフを使ったものがあり、それぞれにテーマ性を持っています。今回紹介するのは、昆虫をモチーフに使用したロゴデザイン「A Collection of Insect Logo Design Concept」です。


LOGONISE ME Quick and affordable logo design and corporate branding

トンボや蜂、てんとう虫、チョウチョなど、さまざまな昆虫がモチーフとなってデザインされたロゴが紹介されています。

(続きを読む…)

続きを読む
posted 06:15  |  
Category: Design   
2016年05月24日

イラストレーターでの表現技術を高められる ベクター素材チュートリアル&テクニックまとめ「27 New Vector Illustrator Tutorials to Learn Design & Illustration Techniques」

さまざまな描写表現ができるイラストレーターは、デザイナーにとってなくてはならないもの。その表現の幅も非常に広いため、使いこなせていないと感じている方も多いのではないでしょうか。今回はそんなシーンで参考にしたい、イラストレーターを使ったベクター素材チュートリアル&テクニックまとめ「27 New Vector Illustrator Tutorials to Learn Design & Illustration Techniques」を紹介します。

tutorial0524_1
How to create an engraved illustration effect in Illustrator – Transfuchsian

いろんな種類のチュートリアルやテクニックが紹介されており、どれも試してみたくなるものばかりが揃っています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2009年10月25日

みんなで作るWEBデザイン参考集「bookma!」

WEBデザインを制作する時皆さんはなにを参考にしていますでしょうか?今回紹介するのはWEBデザインに役立つみんなで作るWEBデザイン参考集「bookma!」です。国内の様々なタイプのWEBデザインが投稿されていて参考にすることができます。

bookma

ただ単に並べるだけではなく、サイトのテイストやカラー、カテゴリ、サイトタイプなど様々なジャンルで絞り込みが行えるみたいです。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:01  |  
Category: WebService   
tag: WebService
2009年01月06日

もう背景には困らない!デザイナーのための背景リソース集「36 Must Have Backgrounds and Patterns Resources」

WEBデザインの雰囲気をガラリと変えてくれる背景。どんな背景にしようか?とWEBデザインを行っている方であれば一度は迷ったことがあるかと思います。今日紹介するのはそんな背景画像を配布しているサイトをまとめたエントリー「36 Must Have Backgrounds and Patterns Resources for all Designers」です。


AppendixSquared

全部で36個の背景素材サイトが紹介されていますが、今日はその中から使いやすい、特に実用的だと思うサイトをピックアップしていくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:09  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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