ウェブ・エディトリアルのすゝめ

E3b55df6f02b7398173190fbb852f410?s=47 sekig
April 06, 2017

 ウェブ・エディトリアルのすゝめ

FONTPLUS DAYセミナー Vol. 8[デザインの基礎体力をつけるには?]
https://fontplus.connpass.com/event/53149/

フォントプラスのセミナーで発表したLTの増補版です。

E3b55df6f02b7398173190fbb852f410?s=128

sekig

April 06, 2017
Tweet

Transcript

  1. Editorial web designing のす ゝ め ウ ェ ブ ・

    エ デ ィ ト リ ア ル Yutaka SEKIGUCHI 関 口 裕 2017.4.6 FONTPLUS DAY
  2. ? Τ σ Ο τ Ϧ Ξ ϧ ͱ ͸

  3. editorial e.g. the editorial policy / the editorial staff ฤूऀͷɺ

    ฤू ʢ্ʣ ͷɺ ʢ৽ฉͳ Ͳ ͷ ʣ ࣾઆͷ 【 エ ディト リ ア ル 】
  4. ฤू͢ Δ ͜ ͱ ʢ௚઀తʹʣ

  5. Τ σ Ο τ Ϧ Ξ ϧ σ β Π

    ϯ ࢴͷ σ β Π ϯ
  6. ฤूతͳ ߦҝɺ ί ϯ ς ϯ π Λద੾ʹ Ճ޻ ɾ

    ੔ܗ͢ Δ ͜ ͱ 【 広 義 の エ ディト リ ア ル 】
  7. ΢ Σ ϒ ͷݱࡏ

  8. Responsive Web Design Մม Ϩ Π Ξ ΢ τ マ

    ル チ デ バ イ ス が 一 般 化 し 、 ひ と つ の コ ン テ ン ツ が 取 り う る 形 は 幅 広 い グ ラ デ ー シ ョ ン に
  9. Multi Touch Point Ϛ ϧ ν ɾ λ ο ν

    ϙ Π ϯ τ コ ン テ ン ツ へ の 接 触 点 は 媒 体 か ら 独 立 し は じ め て い る 。 ユ ー ザ ー を 流 入 さ せ る の で は な く コ ン テ ン ツ を 拡 散 さ せ る 考 え 方
  10. Design System σ β Π ϯ ͷ γ ε ς

    Ϝ Խ コ ン ポ ー ネ ン ト の 考 え 方 に よ る 、 維 持 管 理 の で き る デ ザ イ ン の 必 要 性
  11. governance 「 ウ ェ ブ の 現 在 」 に

    求 め ら れ る こ と ʲ ౷࣏͢ Δ ͜ ͱ ɻ ͦ ͷ ͋ Β Ώ Δ ϓ ϩ η εɻ ʳ ʹ σ β Π ϯ ͷ ϧ ʔ ϧઃܭ Ψ ό φ ϯ ε
  12. デザインの文脈で考えれば ΢ Σ ϒ͚ͩͷ ΋ ͷ Ͱ͸ͳ ͍ 普遍的な課題 こ

    れ ら は
  13. Responsive Web Design Մม Ϩ Π Ξ ΢ τ ૊൛

    ϑ Υ ʔ Ϛ ο τ ͷઃܭ 増 減 す る コ ン テ ン ツ や ス ペ ー ス へ の 対 応 を 考 慮 し た デ ザ イ ン 設 計
  14. Multi Touch Point Ϛ ϧ ν λ ο ν ϙ

    Π ϯ τ ෳ਺Ξ Π ς Ϝ ͷల։ タ ッ チ ポ イ ン ト ご と の デ ザ イ ン の 最 適 化 と ト ー ン & マ ナ ー の 統 一
  15. Design System σ β Π ϯ ͷ γ ε ς

    Ϝ Խ ά Ϧ ο υ γ ε ς Ϝ ɺ Ξ ʔ τ σ Ο Ϩ Ϋ γ ϣ ϯ 精 緻 で ロ ジ カ ル な デ ザ イ ン 設 計 や 、 媒 体 を 通 し た ア ー ト デ ィ レ ク シ ョ ン の 制 御
  16. Τ σ Ο τ Ϧ Ξ ϧσ β Π ϯ

    ͷߟ͑ํͰ 【 ウ ェ ブ の 現 在 】 ରԠͰ ͖ Δ
  17. None
  18. None
  19. ?

  20. ? ΢ Σ ϒ ϝ σ Ο Ξ ͸ ϖ

    ʔ δ ͳ ͷ͔
  21. ࣮ྫΛࢀর ͠ ͯ Έ Δ

  22. ϑ Ο ϧ Ϝ Ξ ʔ τ ࣾ h t

    t p : / / f i l m a r t . c o . j p FONT PLUS
  23. None
  24. ৽ைࣾ h t t p : / / w w

    w. s h i n c h o s h a . c o . j p
  25. None
  26. LISSAGE MEN h t t p : / / w

    w w. l i s s a g e . j p / m e n /
  27. None
  28. ࢴͷ Α ͏ ͳ ΢ Σ ϒ ɺ ΢ Σ

    ϒ ͷ Α ͏ ͳࢴɻ
  29. Θ͔ Β ͳ ͍ɻ ΢ Σ ϒ ϝ σ Ο

    Ξ ͸ ϖ ʔ δ ͳ ͷ͔
  30. た だし、

  31. ΋ ͏ ׬શʹɺ ࢴͱ ͔ ΢ Σ ϒ ͱ ͔

    ݴ ͬ ͯ Δஈ֊ ͡ Ό ͳ ͍
  32. ͞ · ͟ · ͳ ϝ σ Ο Ξ ͷ

    ҧ͍͕ຒ· ͬ ͯ ͖ ͯ ͍ Δ
  33. ͜ Ε͔ Β ͷ ΢ Σ ϒ

  34. ΢ Σ ϒ ͸ރΕ ͍ͯ ͘ 技 術 の 進

    歩 で 表 現 は 枯 れ て い く 。 印 刷 媒 体 の よ う に 、 枯 れ た メ デ ィ ア に 向 か っ て い る
  35. 枯れた技術の水平思考 ԣ Ҫ ܉ ฏ ೚ ఱ ಊ 1 9

    4 1 – 1 9 9 7 「最先端ではないが、すでに広く使われてノウハウも固まり不具合も出し尽くして安定して使える技術」 をうまく使い、 「今まで無かった使い道を考える」 という考え方、 視点のこと。 「枯れたメディア」 こそ本質的なデザインが必要なのでは。
  36. զʑ ͷखݩʹ໭ ͬ ͯ ͘ Δ ΢ Σ ϒ ͷ

    σ β Π ϯ
  37. ΘΕ Β จࣈ Ϋ ϥ ε λ ͷ ग़൪ͩ

  38. Content is King By Bill Gates 1996 ί ϯ ς

    ϯ π ɾ Π ζ ɾ Ω ϯ ά © 2 0 0 1 M i c r o s o f t C o r p o r a t i o n . A l l r i g h t s r e s e r v e d . Te r m s o f U s e
  39. Τ σ Ο τ Ϧ Ξ ϧͷ ࿹ͷ ݟͤॴ

  40. Instagram や Airbnb などの UI デザインに見る新しい トレン ド | UX

    MILK http://uxmilk.jp/48364 ༨෼ͳ ΋ ͷ͕࡟ ͗མͱ ͞ Ε ͍ͯ ͘ Π ϯ λ ʔ ϑ Σ Π ε
  41. 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 ί ϯ ς ϯ π ͸ ͻ ͱ Γ Ͱʹग़า ͘ Α ͏ ʹͳ ͬ ͨ
  42. ࠷ޙʹ࢒Δ ͷ ͸ ฤू ͱ λ Π ϙ ά ϥ

    ϑ Ο
  43. Typography is King Content is King, in other words, λ

    Π ϙ ά ϥ ϑ Ο ɾ Π ζ ɾ Ω ϯ ά
  44. ະདྷ͸໌ Δ ͍

  45. Enjoy, editorial !

  46. おわり 。