うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
【訃報】Appleのコンピューターが「美しいフォント」を表示するきっかけとなったロバート・パラディーノ神父が死去
By Christine ローマカトリック教の聖職者であり、カリグラフィーの権威としてMacのタイポグラフィにも大きな影響を与えたロバート・パラディーノ神父が、2016年2月26日にアメリカ・オレゴン州の自宅で死去しました。83歳でした。 Rev. Robert Palladino, Scribe Who Shaped Apple’s Fonts, Dies at 83 - The New York Times http://www.nytimes.com/2016/03/06/arts/design/rev-robert-palladino-83-scribe-who-shaped-apples-fonts.html RIP Father Palladino, Master of Letter Forms | Sallyportal | Reed Magazine http://www.
Apple の新フォント San Francisco の秘密
iOS 9 が一般公開されました。気づきにくいところですが、実はこの iOS 9 から、システムフォントが Helvetica Neue から、Apple が新たに開発した San Francisco フォントに変更されています。 San Francisco は Apple Watch のシステムフォントとして既に採用されていましたが、Apple Watch にとどまらず、iOS 9 や次期 Mac OS X “El Capitan” のシステムフォントとしても使われるようになります。 Apple WatchApple は、初代 iPhone からずっと、iOS のシステムフォントとしては Helvetica を採用してきました。また、Mac OS X でも 10.10 Yosemite からは、それまで使用していた Lucida Grande から Helvetica へと変更しています
デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
デザインに効果的なフォントの選び方を身につけよう！レジュメに適したフォントと避けたいフォント
フォントはコミュニケーションデザインにおいて重要なツールです。 ロゴに使うフォント、コピーに使うフォント、見出しに使うフォント、本文に使うフォント、WebやUXデザインにおいても非常に重要な役割です。 文字中心で情報を整理して見せる必要があり、多くの人が利用し、スクリーンとプリントの両方に対応する必要があるレジュメのデザインに適したフォントと避けたいフォントを紹介します。 実例を元に、デザインに適したフォントの選び方を身につけましょう。 20 Best and Worst Fonts to Use on Your Resume 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 また、下記を参考にフォントの情報を加えました。 フォントの選び方の参考になる！世界で活躍している有名デザイナーたちが選んだフォントのランキング レジュメのデザイン
タイポグラフィに特化した古本屋がオープン 1千点の書籍をラインナップ
LVMH Watch & Jewelry PR&AD Manager/Assistant Manager/Specialist
デザインの勉強にいい！タイポグラフィの素晴らしいアイデアやインスピレーションのまとめ
デザインのセンスを磨くには、いいものをたくさん見ること。 タイポグラフィ（主にWeb）の素晴らしいアイデアやインスピレーションが満載のサイトを紹介します。 Discover.typography Gothamなどのフォントをリリースしている「Hoefler & Co.」のフォントギャラリー。自社フォントの使用例がかっこよく掲載されており、各アイテムに使用されているフォントをフォーカスすると、同じフォントを使ったものがハイライトされます。 Beautiful web type combinations 数多くあるGoogle Web Fontsの中から高品質なフォントを厳選し、組み合わせて使用したギャラリー。各テキストをホバーすると、タイプフェイスの名前が表示され、Google Web Fontsにリンクされているのですぐに利用できます。
NASAのマニュアルに学ぶ読みやすいタイポグラフィを作る11個のルール
航空機のコックピット内には、緊急時対応マニュアルなど多くの書類が置かれていますが、マニュアルが読みにくく緊急時に対応できない、夜間飛行時に全く読めないなどの事例が1980年代に多数発生しました。そこで、NASAは読みやすい書類を書くために過去の文献などを徹底的に調査して、コックピットやフライトデッキのマニュアルに使用するタイポグラフィのマニュアルを作成。調査書には、読みやすいタイポグラフィを作るためのルールがまとめられており、現在のウェブデザインにも活用できる内容になっています。 (PDFファイル) ON THE TYPOGRAPHY OF FLIGHT DECK DOCUMENTATION - Flight-Deck_Documentation.pdf http://ti.arc.nasa.gov/m/profile/adegani/Flight-Deck_Documentation.p
タイポグラフィの歴史を5分で説明するよ（コマ撮り動画＆全訳）
タイポグラフィの歴史を5分でダッと説明するストップモーションアニメ（上）が超クールと海外で注目を集めています。 製作したのはカナダのマクマスター大学でマルチメディアを専攻するベン・バレット=フォレスト（Ben Barrett-Forrest）さん（23）。3年目のアニメーション科目の課題でショートアニメを作れと言われて始めたら、ついつい凝ってしまったのだそう。 出身地ユーコンの地方紙はこう紹介してますよ。 ｢たぶん15～20時間もかければ合格だったと思います。それが始めたらとてもそんな時間じゃ終わらない、課題よりずっと手間かかるってすぐに気づいて。でも、それでもいいやって思ったんです｣ 結局バレット=フォレスト君は2ヶ月暗い部屋に篭って500ワットの電球で照らしてる熱い中、ダンボールくり貫いて作った292個の文字を並べて2500枚の静止画像を撮影し、そこからストップモーションビデオをつくっ
フォントをもっと楽しめるKinetic typography（キネティック タイポグラフィ） の動画17本 ｜https://wp.yat-net.com/name
2013年 01月 16日 フォントをもっと楽しめるKinetic typography（キネティック タイポグラフィ） の動画17本 カテゴリ： Font タグ：FontTypography このブログもこの記事で300記事目になりました。1周間に1記事程のペースを目標に書いていますが、1000記事を目指そうと思うとあと何年掛かるんでしょうね。考えてもあまり意味が無いので考えるのは辞めましょう。 300記事目なので何を書こうか！って考えたんですけど、考えた所で自分のハードルを挙げるだけな気もするので、そういうことを考えるのも辞めて楽しく行きたいなと思います。 1.Kinetic typography（キネティック タイポグラフィ）とは 2.キネティック タイポグラフィを見てフォントを学ぶ 3.様々なキネティック タイポグラフィ Kinetic typography（キネティック タイポグ
Adobe Edge: 2009年2月 新しいタイポグラフィの表現を可能にするために
アドビ システムズには、Flashなどのソフトウェア開発チームだけでなく、フォント開発チームも存在します。フォント開発チームでは、文字コミュニケーションにおいて重要となるタイポグラフィに新しい可能性をもたらす画期的なデジタル・フォントを作成しようと取り組んでおり、その1つが「かづらき」書体です。本記事では、「かづらき」書体の特徴とその源について紹介します。 かづらき®Tシャツ Adobe® MAX Japan 2009（1月29日、30日）に参加された方はご存知かもしれませんが、これは、かづらき®Tシャツです。天空を横切る流れ星、びっくりした表情のお公家様、独特の流れるような筆書きの書体があしらわれています。しかも、その書体で何やら難しそうな言葉が印刷されています……。 このTシャツは、現在開発中のプロポーショナルかな書体かづらき を使ってデザインされています。書かれている言葉も、その書体
タイポグラフィの動画がかっこよすぎて鳥肌たった
Webdesigner Depotでエントリーされたクリエイティブなタイポグラフィ動画が かなりかっこよくて鳥肌立ったのでご紹介したいと思います。 ちょっと重いのでリンク先で見た方が良いかも。。 Stop and Think – Talking Head STOPandTHINK – Talking Head from Jr.canest on Vimeo. D-Tronics from Manny Garza Kinetic Typography – D-Tronics from Manny Garza on Vimeo. Citizen Cope – Let the drummer kick it Video – Citizen Cope Let the drummer kick it ( After Effects Composition ) from Bogdan Macovici
タイポグラフィを基本から学べるオススメの本
ウェブデザインでも非常に重要なタイポグラフィを基本から学べるオススメの本を紹介します。 きれいな欧文書体とデザイン 文字の組み方 欧文組版 デザインの教室 市川崑のタイポグラフィ 欧文書体百花事典 きれいな欧文書体とデザイン -名作書体の特色とロゴづくり ポピュラーな書体の基本情報から、それぞれの特徴をふまえた文字組・ロゴ作成を分かりやすく解説しています。装丁がとても美しい本なので、ぜひ手にとって見てください。 『メイキング「きれいな欧文書体とデザイン」』では、そのコンセプトを垣間見ることができます。 目次 欧文書体の基礎 欧文書体を使ったロゴづくり 欧文書体の特色とアレンジ 響き合う書体たち [ad#ad-2] 文字の組み方 -組版/見てわかる新常識
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
フォントの選び方の参考になる！世界で活躍している有名デザイナーたちが選んだフォントのランキング -Typographer’s Typefaces | コリス
ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス