日本デザインセンター / Andreas Pihlström / TYP他...全14件
日本デザインセンター / Andreas Pihlström / TYP他...全14件
Webフォントでアイコンをつくろう! ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 (以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。) jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ! 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
電話やペン、メール、人物などのピクトグラム120種類以上が無料で使用できるフォント&EPSファイル「Entypo」が、http://www.entypo.com/で公開されています。 Entypo - 100+ carefully crafted pictograms http://www.entypo.com/ サイト中央の「Vector EPS files」、および「OpenType Font」と書かれたボタンを押すとZIPファイルがダウンロードできます。なお、いずれのボタンでもダウンロードされるファイルは同じ。将来はWebフォントにも対応する予定があるようです。 フォントファイルの中身はこんな感じ。 EPSファイル内にはこのように120種類以上のピクトグラムが収録されています。 なお、配布ライセンスは「CreativeCommons Attribution-ShareAlike 3.
次に来る列車がどこへ行くのかを表示している駅の電光掲示板や、競技場にあるスコアボードではある程度限られたLEDや電球を用いて文字を表現しているので、普通に表記したときとはちょっと変わった雰囲気の文字になっていることがありますが、そんなLEDっぽい雰囲気のデジタルフォント30選です。これを使うと文字から温かみなどが取り払われ、無機質な感じが強調されます。 A Showcase of Digital Fonts for LED Banner Designing 1:FourFuncLiberal font by Font Monkey - FontSpace 2:Free Fonts - Digital dream font | UrbanFonts.com 3:Letters Laughing font by Glyphobet Font Foundry - FontSpace 色を反転させ
同人誌『書体の研究』 Vol.10 で取りあげたイワタの宋朝体について、先日の ust で補足を行ったのですが、ブログにも簡単に残しておくことにします。 ■ 『偽物語』のフォント *画像はTVアニメ『偽物語』(西尾維新/講談社・アニプレックス・シャフト)より イワタ宋朝体の話の前に、まずは『偽物語』のことから。 現在TVアニメが放送中の『偽物語』(西尾維新)ですが、このタイトルには新宋体というフォントが使われています。 新宋体は、ダイナコムウェアから出ているもので、「宋朝体」という系統の書体です。 『書体の研究』 Vol.10 でも書きましたが、宋朝体は宋代の中国に起源を持つ書体で、木版に彫って印刷していた文字であるために彫刻の鋭さを残したデザインになっています。 明朝体とちがって横の線が右上がりになっているのも特徴です。 こちらの図は、上がフォントをそのまま打ったもの、下が75%の長体を
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識最低限かどうか分かりませんけどw 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンスまずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。(アイコンなんかも
はんなり明朝の作者さんより新作の ご連絡がありましたのでご紹介です。 丸みのある可愛らしい丸ゴシックの 「こども丸ゴシック」。今回も商用 でも無料でリンクなども不要と、 太っ腹なご提供です。貢献者さんで すね・・・頭が下がります。 さて、またも商用利用OK・リンク不要の日本語フォントが登場です。いつもご連絡頂き有難う御座いますー! 現在漢字は創意製作中で、先行してひらがな、カタカナ、アルファベットをご提供頂きました。 かわいい丸ゴシックのフォントです。漢字は製作中とのことです。Twitterでフォロー(@typingart)しておくと見逃さないかもしれません。 テスト的に使って見ました。今年の漢字は「絆」なのでそんなニュアンス。コピーは思い付きです。手書き風のような丸みのあるフォントは人の声などを表すのに適してますね。子供や女性がターゲットのサイトで活躍してくれるかもしれません。漢字が出来
Webデザインの基本 http://webdesignrecipes.com/4-factor-of-designing/ http://webdesignrecipes.com/web-design-beginner-learning-dtp-design/ http://07design.net/blog/?p=237 http://07design.net/blog/?p=338 効果的なミニマルデザインと退屈なデザインの境界線 | Webクリエイターボックス ホワイトスペースを使ったウェブデザインの考え方 - バニデザノート ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ) 上記の7サイトは文字や画像の配置やレイアウトなどWebデザインの基本的なことが書かれた記事です。どの記事も気合を入れて書かれたものが多い
ゲバ字とは「当時、大量のビラを作成するのに謄写版が使われていた。そのため、筆跡で身元が割れてしまう可能性があり、公安警察や敵対党派の追及をかわすために開発されたものといわれている。ビラの他に立て看板や党派のロゴとしても使われた。それとは別に、戦前の無産政党や共産党が使っていた書体からきているという説もある」ということで、ある特定の物騒かもしれない目的や活動などに使われるあの文字ですが、それが簡単に作れるフォントが配布されています。 moyu at himote.org - ゲバ文字フォント http://gebamoji.org/~moyu/archive/economist.htm 用意されている文字の見本はこんな感じ 漢字になってくると一気にそれらしくなってきます で、なぜか用意されている文字の中に「萌」があるのが不思議です。 なお、配布元サイトには以下のように書かれています。 ゲバ文
ミニマルなデザインにはまる、シンプルで美しいフリーフォントをYou the Designerから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く