■ 『ちはやふる』のロゴの謎 「謎」なんていうとちょっと大げさですが、今日は『ちはやふる』のロゴに使われているフォントについて少し書きたいと思います。 末次 由紀さんの『ちはやふる』はTVアニメで知った作品なんですが、実はTVで放送されていたときからこのロゴがずっと気になっていました。 というのも、ぱっとみるかぎり何のフォントを使っているのかよく分からないからです。 （もちろん、既製のフォントでないという可能性もありますが） そこで、来年1月からアニメ第2期の放送も決まったことですし、ちょっと調べてみることにしました。 ■ 明朝体の仮名 ロゴに使われているのは、上の画像の通り明朝体の仮名のようです。 （「明朝体の仮名」っていう言い方は変なんですが、他に良い表現もないので……） （画像をクリックで拡大） もちろん、明朝体と一口に言ってもかなりの種類があります。 上に挙げたのはその一例です。
「ベタ組み」について少し考えるところがあるので、ここでおさらいの意味を込めて、簡単ではあるが、少しだけ説明しておきたい。 （作例は Illustrator CS4、InDesign でも考え方は同じ） ↓一般に和文書体は正方形を基準にデザインされており、この正方形を仮想ボディと呼ぶ。 四種類の書体を掲げたが、それぞれの文字は（漢字でも）仮想ボディよりもやや内側に生成されるのが普通である もちろん、最下段に掲げたように、字間ベタの状態で繫がる必要のある罫線素片などは仮想ボディいっぱいにデザインされている*1 簡単な話、「ベタ組み」とは、（上のように）この仮想ボディの正方形を隙間無く並べて文字を組むことをいう（字間ベタ＝アキなし…といってもツメ組みの意味ではない）。 ↓但し、句読点類や括弧類・中点類などの約物はその文字幅を半角分（二分）とし、それぞれ前あるいは後ろに半角分（二分 ※中点類は前後
WordPress の次期デフォルト・テーマ、Twenty Twelve の CSS を見ていたら、body 要素に text-rendering: optimizeLegibility という見慣れないプロパティが指定されていたのでちょっと調べてみました。 The ‘text-rendering’ property – SVG 1.1 (Second Edition) text-rendering | Mozilla Developer Network Cross-browser kerning-pairs & ligatures CSS Text-Rendering | Trent Walton text-rendering プロパティは CSS ではなく SVG の仕様に定義されています。現在のところ利用できるブラウザは Firefox、Chrome、Safari。指定できる値は a
In this digital age of clean and crisp lines, there’s nothing better than seeing hand-drawn illustrations in the designs of websites and interfaces. Hand drawn doodles and sketches really help inject character and personality into a design, and give a fun and friendly appearance to the overall website. There’s something about the combination of digital design with handcrafted art that never gets o
New Font Release: Cast Foundry released Kornel designed by Radek ... July 31‚ 2024 The list of alternative fonts to Helvetica #2. July 14‚ 2014 New: Typecache Interview #04: Sagmeister & Walsh October 23‚ 2013 News Highlight August 1‚ 2024 New Font Release: Latinotype released Uffizi. August 1‚ 2024 New Font Release: July’s font of Font of the Month Club is Roslindale Compressed. July 31‚ 2024 New
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 皆さん、綺麗なデザインは好きですか？今回はデザイナーであってもなくても思わずインスピレーションを感じてしまうような素敵なウェブリソースを98一気に紹介してしまおうという記事をThe Next Webからお届け。ウェブデザインはもちろんプロダクトデザインやタイポグラフィーまで様々な素敵なデザインがあなたを待っています。 — SEO Japan クリエイティビティが精密科学であることは決してない。時には豊富に流れだし、ある時には全て干上がってしまったかのように感じる。そして、仕事場を変えてもう一度プロセスを考え直すことは物事を異なる視点で見るシンプルな方法ではあるが、時にはインスピレーションを受ける
『フォント』とは、古くは金属活字時代から受け継がれている、純粋な意味での「書体デザイン」を指す言葉です。そんなこと言われてもピンとこないというあなた、よく周りを見渡してみてください。雑誌の表紙や街中にある看板、よく行くレストランのメニュー、そして、あなたが今まさに読んでいるこの記事も……。それらに使用されている様々な書体デザイン、これが『フォント』なのです。 至るところに存在している『フォント』。今回ご紹介するのは、海外サイト『thatslikewhoa.com』に掲載されている、『フォント』の歴史をわかりやすく家系図に描いた『THE FAMILY TREE OF TYPOGRAPHY』です。 目にしているだけで楽しくなるようなこちらの家系図は、1837年創業、活版印刷プリンターを長年製作してきたドイツの会社『Bauer Type Foundry』の100周年を記念して作られたものなのだと
「デスクトップはごちゃごちゃしていないのが一番！」という方は、こちらのデスクトップを参考にしてみてはいかがでしょうか？ ライフハッカー読者の鴻さんは、ありがたいことにライフハッカーに感化されて、冒頭画像のデスクトップを作成したそうです。見てわかる通り、非常にすっきりとした、クールな印象のデスクトップに仕上がっています。 鴻さんがデスクトップの作成に使用したツールは以下のとおりです。 『TinkerTool』：Dockの配置変更に使用。 『Mirage』：Dockの背景変更に使用。 『CandyBar』：アイコンの変更に使用。 『Nocturne』：メニューバーの色の変更に使用。 『Bowtie』（テーマ：Candy by Mei）：音楽コントローラー。 壁紙：こちらの画像をもとに『Photoshop』で編集。 アイコン：Photoshopで自作。 鴻さんの「テーマはMonochromeとS
新しい文字で日記を書きたいと思っていて，自分で考えるのは大変だから，文字のパーツを組み合わせて新しい文字を作るのを作った． 新しい文字を作るやつ - jsdo.it - share JavaScript, HTML5 and CSS
フォントをありのままに表示する 「Webフォント」 Webフォントとは、インターネットを介してフォントを配信し、Webブラウザで表示させる仕組みのことです。 Webフォントを使ったWebサイトは、閲覧側に指定されたフォントが搭載されていなくても、制作側で指定された書体が表示されます。パソコンだけでなく、スマートフォンやタブレットなどのWebブラウザでの表示も可能です。 自由度の高いウェブデザイン Webサイトには多くの文字情報が掲載される一方、これまでのWebサイトでは、見出しなどを書体のデザインを使って表現しようとした場合、そのための画像を個別に用意しなければなりませんでした。Webフォントなら、テキストに使いたいフォント名を指定するだけです。通常のテキストと同様、文字サイズの調整やCSSによる効果も思いのままに設定できます。急な修正で画像を作り直す必要はもうありません。 ウェブサイトの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
