タグ

ブックマーク / standard.shiftbrain.com (2)

  • 音楽、数学、タイポグラフィ

    先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。 みなさんこんにちは。今日の僕の話のテーマは「タイポグラフィ」です。まず最初に、そもそもタイポグラフィとは何なのかということからお話ししたいと思います。タイポグラフィというのはよく耳にするキーワードではありますが、じつはかなり誤解も多いのではないかと僕は考えています。 PxHere Typography from Hermann Esser’s (1845–1908) Draughtsman’s Alphabet, from rawpixel’s own antique edition 00030.jpg たとえば、GoogleTwitterやなんかで「タイポグラフィ」というキーワードで検索すると、手描きによ

    音楽、数学、タイポグラフィ
    ryo_n574
    ryo_n574 2020/07/06
    文字サイズやスペーシングのスケールについてとても参考になる内容
  • レスポンシブデザインに見るデザインカンプと実装との溝

    デザインカンプを基に実装する難しさはあらゆる場面で語られます。私の場合は特にレスポンシブデザインに関する仕様の解釈に悩む場面が頻繁にあります。 その問題点はどこにあるのでしょうか。私の制作したツールの紹介を通して、グリッドシステムのあり方やレスポンシブデザインの意味などを考察しました。 デザインカンプとワークフローの関係性 ウェブサイト制作のワークフローでは、クライアントとの上流での合意形成と開発者への指示書との役割をデザインカンプが兼ねるパターンがよくあります。デザイナーはウェブページの実装仕様を決定しながらデザインカンプを制作し、開発者はデザインカンプを通して前工程での決定を読み取りながら実装します。 デザインカンプを基に実装する難しさの一因は、それがシステムが取り得る状態のうちの一場面を切り取った単なるスナップショットでしかない構造です。 仕様を理解するためには、デザイナーが想定する

    レスポンシブデザインに見るデザインカンプと実装との溝
    ryo_n574
    ryo_n574 2019/09/07
    使ってみないと有用性がわからないかなぁ
  • 1