$30 off During Our Annual Pro Sale. View Details »

置くだけタイポグラフィ

sekig
December 15, 2016
Design
12
1.5k

 置くだけタイポグラフィ

コンセント社内でのウェブフォントセミナーにて発表したスライド。書体を単体で愛でるだけでなく、文字を「置く」という観点からの考察。

---

アートディレクター 江島任　手をつかえ　プレビュー動画 on Vimeo
https://vimeo.com/171884522

InstagramやAirbnbなどのUIデザインに見る新しいトレンド | UX MILK
http://uxmilk.jp/48364

The Future of Mobile Content: Facebook Instant Articles vs. Google AMP
http://www.business2community.com/brandviews/upwork/future-mobile-content-facebook-instant-articles-vs-google-amp-01589166#wfsEspwLpO9jHzSQ.97

sekig

December 15, 2016
Tweet

More Decks by sekig

See All by sekig
らしさと向き合う - SmartHR Brand-Comm Unit
sekiguchiy
2
880
わたしのテック - DORP INSPIRATION 2020
sekiguchiy
3
820
なんでディレクターやってるの？ 〜 思い描いていた自分を思い出すために。vol. 3｜2019.3.8
sekiguchiy
6
3.5k
キャラばれのすすめ
sekiguchiy
5
880
情報設計は誰のものか？
sekiguchiy
12
2.8k
みんなでデザイン、あなたもデザイン
sekiguchiy
44
12k
エディトリアルとウェブ、コンテンツファーストでつながるビジュアルドリブン
sekiguchiy
3
430
コンテンツのデザインとウェブデザイナーにできること
sekiguchiy
27
6.4k
ウェブ・エディトリアルのすゝめ
sekiguchiy
13
1.8k

Other Decks in Design

See All in Design
UXA2023 Amelia Purvis - Your new cheat sheet for note taking and synthesis
uxaustralia
PRO
0
290
介護事業にデザインでどう向き合うか / Designship 2023
sms_tech
0
1.6k
Concept Art of Pirate Cat
hansolo21
0
830
UXA2023 Alina Butolina - The Value of Global Inclusive Design Practices
uxaustralia
PRO
0
170
愉しみながら成長できる仕組みづくり
norinity1103
0
330
あらゆる場面でデザインを駆使するための技術 / Techniques for Applying Design in Any Situation
akiramotomura
1
670
AI by Design - Dan Saffer
uxyall
0
120
UXA2023 Eva Plaisted, Klaus Paiva and Maria Christley - oing smaller, to go bigger: A design system evolution
uxevents
PRO
1
160
231007_tokyor_kato
hjmkth
6
1k
ミラノ工科大学連携プログラム サービスデザイン基礎研修 募集要項｜Tangity part of NTTDATA
okabemy
1
1.3k
成果が出ないユーザーインタビューは何がダメだったのか？ ～「誰に聞くか」の探り方 ～
jouykw
9
8k
Figmaにおけるバージョン管理について
littlebusters
1
1.8k

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
0
2.7k
Atom: Resistance is Futile
akmur
257
24k
GraphQLとの向き合い方2022年版
quramy
26
12k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
A Modern Web Designer's Workflow
chriscoyier
688
190k
Designing for Performance
lara
601
66k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
52
19k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.4k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
130
9.8k
Build your cross-platform service in a week with App Engine
jlugia
223
17k
Debugging Ruby Performance
tmm1
68
11k
Statistics for Hackers
jakevdp
788
220k

Transcript

  1. Just Put It
    Typography
    Yutaka SEKIGUCHI
    置く
    だけ
    タ
    イ
    ポグ
    ラ
    フ
    ィ
    関口 裕
    2016.12.15

    View Slide

  2. 今 日は 、
    文字を
    ど
    う使
    う
    か の
    話を
    し
    ま
    す

    View Slide

  3. 文
    字
    と
    レ
    イ
    ア
    ウ
    ト
    の
    恋
    、

    View Slide

  4. 痺
    れ
    る
    。
    惹
    か
    れ
    る
    。
    吸
    い
    込
    ま
    れ
    る
    。
    あ
    こ
    が
    れ
    の
    「
    デ
    ザ
    イ
    ン
    」。
    木
    村
    裕
    治
    さ
    ん
    、
    そ
    し
    て
    江
    島
    任
    さ
    ん
    。
    vimeo.com/171884522

    View Slide

  5. View Slide

  6. 置いて
    こ
    そ文字、
    置かれ
    て
    こ
    そ書体。
    を眺めるのは盆栽。
    盆栽もいいが、流鏑馬をやりたいものだ。
    Specimen

    View Slide

  7. ど ん な に 良い原稿も、どんなに良い書体も、
    文
    字
    も
    、
    置
    か
    な
    き
    ゃ
    伝
    わ
    ら
    ね
    ぇ
    。
    す べ ては
    レ イ アウトあってこそである。

    View Slide

  8. 、
    オ ン ス ク リ ー ン で も
    「 置 く デ ザ イ ン 」 だ ろ と
    、 。

    View Slide

  9. ［コンプレクショ
    ン
    ・
    リダクショ
    ン］
    スイス派、
    ミニマル、モダンな流れを推し進めたよ
    うな考え方で、白地にスミ文字／メリハリの効いた
    構成／効果的な余白／味付けは最小限にする、と
    いうエディ
    ト
    リアルの考え方にも近いアプリのデザイ
    ンスタイル。
    「顔色を削ぎ落と
    した」
    という意味。
    　　 の花型、
    ア
    プ
    リ
    デザ
    イ
    ン
    その流れ
    いま

    View Slide

  10. Instagram や Airbnb などの UI デザインに見る新しい
    トレン
    ド | UX MILK
    http://uxmilk.jp/48364

    View Slide

  11. ─
    ─
     
    ふ
    つ
    う
    に
    や
    れ
    ば
    あ
    た
    ら
    し
    く
    な
    る
    ら
    し
    い
    。
    　
    　
     
    オ
    ン
    ス
    ク
    リ
    ー
    ン
    デ
    ザ
    イ
    ン
    の
    「
    枯
    れ
    」
    。
    紙
    デ
    ザ
    イ
    ン
    の
    文
    脈
    を
    延
    長
    す
    れ
    ば
    自
    動
    的
    に
    モ
    ダ
    ン
    な
    オ
    ン
    ス
    ク
    リ
    ー
    ン
    デ
    ザ
    イ
    ン
    が
    得
    ら
    れ
    る
    ？
    、
    い
    ま
    な
    ら
    、

    View Slide

  12. ── 
    ファッション的な
    デザインスタイルの
    ト
    レン
    ドという
    よ
    り、
    メディ
    アとしての
    「枯 れ」を
    示している事 例では
    ないか。
    枯れる
    ウ
    ェ
    ブ
    、
    繰り
    返さ
    れる歴史。
    ス
    キ
    ュ
    ー
    モ
    ー
    フ
    ィ
    ッ
    ク
    デ
    ザ
    イ
    ン
    、
    フ
    ラ
    ッ
    ト
    デ
    ザ
    イ
    ン
    、
    コ
    ン
    プ
    レ
    ク
    シ
    ョ
    ン
    ・
    リ
    ダ
    ク
    シ
    ョ
    ン
    。

    View Slide

  13. Ａ
    Ｍ
    Ｐ
    や
    Instant article
    の
    よ
    う
    な
    、「
    ウ
    ェ
    ブ
    サ
    イ
    ト
    や
    サ
    ー
    ビ
    ス
    は
    コ
    ン
    テ
    ン
    ツ
    ハ
    ブ
    で
    し
    か
    な
    く
    、
    そ
    の
    他
    イ
    ン
    フ
    ラ
    で
    コ
    ン
    テ
    ン
    ツ
    が
    流
    通
    し
    て
    い
    く
    」
    と
    い
    う
    モ
    デ
    ル
    が
    出
    現
    し
    て
    い
    る
    。
    こ
    れ
    ら
    は
    コ
    ン
    テ
    ン
    ツ
    フ
    ァ
    ー
    ス
    ト
    の
    極
    み
    で
    、
    ス
    タ
    イ
    ル
    を
    極
    力
    配
    し
    た
    Markdown
    文
    書
    の
    よ
    う
    な
    体
    裁
    で
    記
    事
    が
    配
    信
    さ
    れ
    る
    。
    コ
    ン
    テ
    ン
    ツ
    は
    メ
    デ
    ィ
    ア
    に
    ス
    ト
    ッ
    ク
    さ
    れ
    る
    も
    の
    で
    は
    な
    く
    な
    り
    、
    ひ
    と
    り
    で
    に
    出
    歩
    く
    よ
    う
    に
    な
    っ
    た
    。
    コ
    ン
    テ
    ン
    ツ
    の
    あ
    り
    よ
    う
    GIGAZINE
    The Huffington Post
    W
    IRED

    View Slide

  14. The Future of Mobile Content: Facebook Instant Articles vs. Google AMP
    http://www.business2community.com/brandviews/upwork/future-mobile-content-facebook-instant-articles-vs-google-amp-01589166#E86CERx0y6rvcIQt.97

    View Slide

  15. ──────
    ─ 
    流し込んで枠に固める時代ではない。
    いい位置に置いておけば、拾われる。
    デザ
    イ
    ン
    は
    流し込む
    ん
    じ
    ゃ
    な
    い
    。
    置いていけ。

    View Slide

  16. ま
    と
    め
    万 能 論 。
    エ
    デ
    ィ
    ト
    リ
    ア
    ル

    View Slide

  17. い
    ま様々
    な場面で必要
    と
    さ
    れ
    て
    い
    る、
    エ
    デ
    ィ
    ト
    リ
    ア
    ルの
    読ま
    せ
    る
    力 。

    View Slide

  18. タ
    ラ
    シ
    と
    、
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    本
    文
    だ
    。
    ［いま最もデザインが必要なのは］

    View Slide

  19. 読者
    掴
    め
    呑
    み
    込
    め を

    View Slide

  20. 君は
    ど
    う
    置
    く
    ？

    View Slide

  21. おわり。

    View Slide