2016年5月16日（月）に社内勉強会でWebにおけるタイポグラフィについて発表しました。このエントリーはその発表資料です。なおこのエントリー中の例はMacのOS X El CapitanのChromeで確認しています。画像を使わずにどこまで出来るかトライしてみたかったので他のブラウザでは意図した表示をしていないです。画面サイズはPCのサイズを想定しています。 「の」「を」「と」はTypography 09の「組版上級者になるためのメソッド 工藤強勝さんのスタッフ指導」より うちでは独自でまとめた書体の見本帳があるんです。仮名の中でも書体の特徴が出やすく使用頻度も高い「の」「を」「と」などを拡大し、縦、横、それぞれの本文組の例や見出し使用例なども載せてあるので、スタッフは常にそれを見て勉強しています。 とあったので、「の」「を」「と」をTP明朝でつくってみました。 目的 紙のタイポグラフィ
エンジニア／Webデザイナーでも知っているべき、グラフィックデザインとタイポグラフィの常識 1. FontLovers #1 エンジニア／Webデザイナーでも知っているべき、 グラフィックデザインとタイポグラフィの常識 生明 義秀 2. 0.伝わる情報を 表現 するには、なにが必要？ 3. 伝わる情報を 表現 するには、なにが必要？ 1. コンセプト（テーマ、ポリシー） 2. 理論、技法（セオリー、テクニック） 3. ツール（操作方法） 4. 伝わる情報を 表現 するには、なにが必要？ 基本中の基本 グラフィックデザインの4大原則 ＝要素間における相対的な関係性の理論 5. グラフィックデザインの4大原則とは？ 1. 6. ❖ 近接 ❖ 整列 ❖ 反復 ❖ コントラスト グラフィックデザインの4大原則とは？ 7. グラフィックデザインの4大原則とは？ ❖ フィールドに対するアプローチ De
ハイクオリティでグラフィカルなテキストデザイン作成を可能にするチュートリアル集「Collection of Fresh Text Effect Tutorials」 デザインをする上で欠かすことのできないテキスト。時にはテキスト自体にデザインを加えることで、より印象的なグラフィックに仕上げることができます。今回はそんな時に参考にしたいチュートリアル集「Collection of Fresh Text Effect Tutorials」を紹介したいと思います。 Create a Vintage Bloody Text Effect Wallpaper Design in Adobe Photoshop – Tuts+ Design & Illustration Tutorial 非常にハイクオリティでグラフィカルなテキストデザインを作成する手順を学ぶことができるチュートリアルがまとめられてい
デザインのセンスを磨くには、いいものをたくさん見ること。 タイポグラフィ（主にWeb）の素晴らしいアイデアやインスピレーションが満載のサイトを紹介します。 Discover.typography Gothamなどのフォントをリリースしている「Hoefler & Co.」のフォントギャラリー。自社フォントの使用例がかっこよく掲載されており、各アイテムに使用されているフォントをフォーカスすると、同じフォントを使ったものがハイライトされます。 Beautiful web type combinations 数多くあるGoogle Web Fontsの中から高品質なフォントを厳選し、組み合わせて使用したギャラリー。各テキストをホバーすると、タイプフェイスの名前が表示され、Google Web Fontsにリンクされているのですぐに利用できます。
デザイナーとして多数の作品を手がけ、自身の作品がパリのルーブル美術館に収蔵されているジェームズ・ビクトル氏が、ニューヨークの町中を歩き回りながら、お店の看板のデザインを見てフォントやタイポグラフィについて解説したムービーが「Type Safari with James Victore」です。何の変哲もない街の看板から、いかにしてタイポグラフィやロゴデザインのインスピレーションを得るのか、デザイナーでなくても興味深い内容に仕上がっています。 Type Safari with James Victore - YouTube こちらがジェームズ・ビクトル氏。 ビクトル氏の目に留まったのが、メニューを全て窓に書いているお店です。タイポグラフィに大きく関係するのもではないものの、いいアイデアだとのこと。 鳥よけの針を設置している靴屋の看板。 「鳥よけの針が加わることによって、シュルレアリスム感が溢れ
[Typography] 40 Fresh Adobe Illustrator Text Effects – イラストレーターで作るテキストエフェクト作例まとめ Pocket Tweet Illustratorで作るテキストエフェクトの作例まとめ。色々なタイポグラフィー作例が紹介されているので、ロゴデザインやグラフィックデザインの元ネタとしても良さそう。ちょうどついさっき「ロゴ作ってー」というオーダーが来たばかりなので、この記事からネタ拝借しようかなとか思っているところであります。お盆だってのに今年はなんだか忙しいな・・・。 40 Fresh Adobe Illustrator Text Effects
![[Typography] 40 Fresh Adobe Illustrator Text Effects - イラストレーターで作るテキストエフェクト作例まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/58919dbbc040e7bb99cd875486f2cb6e3abb0836/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttp%2Fmantiddesign.com%2Fimagearchives2014%2Fillustratortexteffect82546.jpg)
海外サイトShow us your typeで、東京を表現した様々なGIFアニメのエントリーがありましたので紹介します！どれもうまく東京や日本を表現していて納得のアート作品に仕上がっています。TOKYOカッコいい！ これはお腹いっぱい！ Show us your typeにまだまだ多くの東京なGIFアニメーションが紹介されています。海外からの東京に対するイメージが伝わってきておもしろいですね。 印象として東京は洗練されたイメージとネオン的な要素を含んだケバさともいえるイケイケなイメージ、デジタル感とが同居しているように思えます。やはり東京、日本はごった煮文化であることは間違いないようですね。 //// Show us your type /// TOKYO
フォントブログ 閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへアーカイ
2013年 01月 16日 フォントをもっと楽しめるKinetic typography（キネティック タイポグラフィ） の動画17本 カテゴリ： Font タグ：FontTypography このブログもこの記事で300記事目になりました。1周間に1記事程のペースを目標に書いていますが、1000記事を目指そうと思うとあと何年掛かるんでしょうね。考えてもあまり意味が無いので考えるのは辞めましょう。 300記事目なので何を書こうか！って考えたんですけど、考えた所で自分のハードルを挙げるだけな気もするので、そういうことを考えるのも辞めて楽しく行きたいなと思います。 1.Kinetic typography（キネティック タイポグラフィ）とは 2.キネティック タイポグラフィを見てフォントを学ぶ 3.様々なキネティック タイポグラフィ Kinetic typography（キネティック タイポグ
One of the best ways to improve and build upon your design skills is by using tutorials — short, instructional guides that teach techniques so you can craft great designs. We’ve collected 25 of our favorite tutorials from across the web to help you practice your skills. These skills include: Programs: Adobe Photoshop, Illustrator, InDesign Logo, Web, App, Icons, Print and Packaging, Tshirt Typogra
今やタイポグラフィを見る、学ぶ、知る、活用する、作る。それらすべてのことが様々なサイトやツールを使って実現することが可能です。 ここ1ヶ月くらい、僕のFacebookで投稿させて頂くネタ／書かせて頂く記事の内容がタイポグラフィに偏っていたのですが、実はちょっとタイポグラフィに関するお話をさせて頂く機会があったので、ずーーっと調べていました。 それこそ、作ってみたり、動画みたり、チュートリアル見たり…あれやこれやとまぁ、よくやったわと自分で自分を褒めてみたり… とは言っても、僕はタイポグラフィを学校や専門で勉強したことは無いので、その辺りは別の人にお話頂き、僕はとにかくWEB上での活用、情報収集面に注力させて頂いたのですが、本当に色々あってびっくら仰天。 とういわけで、今日はその時話しさせてもらった内容を。あーんど！僕が以前からお世話になっている物を加えてご紹介！ かなり、がっつりしたボリュ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
