タグ

typographyに関するhiro_yのブックマーク (14)

  • Information Architects Japan » 95%タイポグラフィ説ーその後

    コメントの嵐、多くのブログでのお褒めの言葉、ちょっと恐れ多いような方々からもご意見をいただき、またフォーラムでのディスカッション、中国語やイタリア語への翻訳など、ほんとうに色々と皆様に反響をいただきました。一つ一つにお答えすることが難しいので、いただいたご質問、反論などから多かったものについてこちらで少し追記させていただきたいと考えています。この作業によって、結果的に自分でも色々と整理出来た気がします。 いい加減で、大げさ? (コメント抜粋;翻訳iA)Justin: 私が気になったのは、この記事のタイトルです。ウェブデザインにおいてタイポグラフィが重要であるということに異論はありません。でも、タイポグラフィ以外の要素が軽視されているように感じます。根拠のないいい加減な意見を大げさにあげて、注目を集めようとしただけに見えるのですが。 もちろん、目立とうとしたり、人気を気にして発言したことはあ

    hiro_y
    hiro_y 2009/10/29
    「ウェブと言う基本的にテキストを読みにくくするメディアにおいては、タイポグラフィの基本を骨にしみるように理解していないといけません。」
  • Webdesign is 95% typography. Period.

    95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with

    Webdesign is 95% typography. Period.
    hiro_y
    hiro_y 2009/10/29
    「インフォメーションデザインとは、タイプフェースの善し悪しを論じることではありません。タイポグラフィの善し悪しの話なのです。」UIとしてのテキスト。
  • 101 Examples of Text Treatments on the Web

    Typography is often a deciding factor in the success of a design. Its importance cannot be overstated. Effective typography can be achieved in so many different ways, as demonstrated in the 17 different categories below.Some of the most common ways to treat type is with size, color variation, creative illustrations, and use of textures. The […] Typography is often a deciding factor in the success

    101 Examples of Text Treatments on the Web
    hiro_y
    hiro_y 2009/04/22
    テキストの装飾/タイポグラフィの手法いろいろ。
  • 10 Web Typography Rules Every Designer Should Know

    When someone visits a website you’ve designed, the odds are that they don’t care much about the colors, images or sounds, they’re immediately looking at the text.No matter how many bells and whistles you’ve built into a website, everyone relies on text to accomplish whatever they’re visiting the site to do.That alone should make typography, […] When someone visits a website you’ve designed, the od

    10 Web Typography Rules Every Designer Should Know
    hiro_y
    hiro_y 2009/02/10
    webでのタイポグラフィで留意すべきこと。
  • タイポグラフィック・グリッド作成アプリケーション - lab

    http://lab.allianceport.jp/web-typography-app/web_typography/ 私が印刷とウェブのデザインの比較について興味を持ち始めたのは、まだ私が学生だった頃なので、もう 10年近くも前になります。当時、Josef Muler Blockmannの『Grid System』をもとに、ウェブデザインへのグリッドシステムの応用を考えていました。その頃から「メディアによる再現性の違いを理解し、一つの理論をそれぞれに展開する」という考えをベースに、実用的なツールをつくりたいと思っていました。 グラフィックデザインには、グリッド・システムというデザイン手法が存在します。グリッドシステムとは、書籍デザインにおいて、全ページを同じグリッド上で展開することで、ページ全体に統一性を持たせ、レイアウト上の判断を効率的に行うツールとして、全世界のデザイナーに使われ

    hiro_y
    hiro_y 2009/01/28
    日本語のフォント指定組版見本を表示。CSSの調整とかもできて便利。
  • フラクタルタイポグラフィー - lab

    Web Designing(2009年2月号)の特別企画「Webデザイナーのためのタイポグラフィ大特集」に掲載させていただいた「Fractal Type」についてご紹介します。 Web Designing誌にも書きましたが、アートディレクターで師匠の永原康史さんのアイデアで、「デザイン言語2.0」の装丁に使う「行間、字間、書体を文章中の各文字にバラバラに適用するグラフィック」のためのプログラムをJavaScriptで実装しているときに、フラクタル的な造形の中に文字を投げ込んでみたらどうなるかという興味で作ったものです。

    hiro_y
    hiro_y 2009/01/23
    JavaScriptで文書をばらばらに配置。
  • Webタイポグラフィまとめ - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記

    hiro_y
    hiro_y 2009/01/22
    webでのタイポグラフィについて知識いろいろ。
  • オンラインカジノ 日本人プレイヤーにお勧めのカジノの総合ランキング 2位 エルドアカジノ | オンラインカジノでバカラを極める初心者向け攻略法・必勝法

    エルドアカジノの評判・おすすめポイント 登録、カジノゲーム、サポートもすべて安心の日語対応 日人がオンラインカジノを楽しむ上で、日語によるサポートがあるかないかは重要です。特にランキングで上位に入るようなオンラインカジノは、サポートも手厚いです。エルドアカジノではメールとライブチャットの2種類でプレイヤーをサポートします。完全日語対応なのでコミュニケーションをとる上で困りません。 ライブチャット・メール、どちらも24時間365日利用できるため、急なトラブルや質問にも慌てずに済みます。エルドアカジノのサポートの利点は、登録前からも利用できることです。エルドアカジノに登録する前、疑問や不安なことがあれば事前に聞きましょう。日語サポートの手厚さは、オンラインカジノランキングでも上位に入る要素の一つとなるでしょう。 スマホだけでも登録・カジノゲームのプレイ・入出金が可能! オンラインカジ

    hiro_y
    hiro_y 2008/12/08
    タイポグラフィで気をつけること。欧文書体が対象だけど、十分参考になる。
  • 余白のタイポグラフィ・コミュニケーション | Nitram+Nunca

    写真を撮る機会は実に多くありますが、特に結婚写真は一生の記念になる大事な写真ですので、できるだけ良いものを残しておきたいものですね。 結婚前は何かと忙しくなりますが、疲れが残らないよう、写真撮影の前にはしっかり休息を取っておきたいですし、エステなども利用して、できるだけきれいな状態で撮影にのぞみたいものです。 そして、結婚写真は挙式当日に撮影されるカップルも多いですが、やはり慌しいこともあり、せっかくの写真も表情が硬くなってしまったという経験をお持ちの方もいらっしゃるのではないでしょうか。 結婚写真は最近は前撮りでゆとりを持って撮影される方も増えているようです。 メイクや着付けも時間をかけられますし、時間にも余裕がありますので、より自然な表情で撮影ができるのもメリットです。 そして、式当日とは違う衣装を選ぶことができるのも良いですね。 スタジオ撮影はもちろん、ロケーション撮影などで屋外での

    hiro_y
    hiro_y 2008/11/22
    インターフェースとしてのタイポグラフィ。
  • Web Typography At Its Best - Inspiredology

    I have been very interested in typography, I have also noticed the growth of typography moving to the web. More specific, designers are paying more attention to typography when design for the web. There are many sites now that use typography to be a very powerful element. In my last post about typography We All Love Typography, the post was more concentrated on offline typography. Today we look at

    Web Typography At Its Best - Inspiredology
    hiro_y
    hiro_y 2008/06/18
    webでの英文タイポグラフィいろいろ。
  • 10 Examples of Beautiful CSS Typography and how they did it... | 3.7 Designs

    Updated Jan 2022 Web typography has evolved significantly over the last 10 years. When I first wrote this article, designers were limited to a dozen system fonts, embedding type as images or using third-party libraries to render different non-system fonts dynamically. With an abundance of free web fonts and affordable premium fonts from well-known type foundries, web designers have plenty of optio

    10 Examples of Beautiful CSS Typography and how they did it... | 3.7 Designs
    hiro_y
    hiro_y 2008/06/05
    CSSによるタイポグラフィいろいろ。英文だけど。
  • 15 Great Examples of Web Typography | i love typography

    The List: Q1 2008 What better way to start the year than with a little typographic inspiration. Last year I published 15 Excellent Examples of Web Typography, and owing to its popularity and people’s sateless appetite for lists, here are another 15. I’ve decided to make this a regular feature and will publish this list every quarter (3 months [for those living on Mars, that’s every 5.7 months]). S

    15 Great Examples of Web Typography | i love typography
    hiro_y
    hiro_y 2008/01/03
    タイポグラフィの素敵なサイト紹介。
  • Typographic Contrast and Flow - Web Designer Wall

    As you have probably know, most online readers don’t read line by line, instead they scan (from one point to another). For this reason, designers create typographic contrast and flow by emphasizing certain text. Contrast is important because not all the content within a page have the same value, some have greater significance than the others. By creating contrast, you can direct the reader’s atten

    Typographic Contrast and Flow - Web Designer Wall
    hiro_y
    hiro_y 2007/12/12
    視認性のよいタイポグラフィについて。
  • JABLAY123: Situs Scatter Hitam Terpercaya Tahun 2025 dan Berlisensi MGA Memberikan Kemenangan Maksimal

    Belanja di App banyak untungnya: Banyak Vouchernya Produk Eksklusif di App Rekomendasi Hanya Untukmu Paling Pertama Dapat Promo

    JABLAY123: Situs Scatter Hitam Terpercaya Tahun 2025 dan Berlisensi MGA Memberikan Kemenangan Maksimal
    hiro_y
    hiro_y 2007/10/29
    タイポグラフィ関連のリソースとか。
  • 1