Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How Studying History Of Arts Helped Me Become A...

Avatar for Nils Nils
September 02, 2020
Programming
0
76

How Studying History Of Arts Helped Me Become A Better Frontend Designer

Avatar for Nils

Nils

September 02, 2020
Tweet

More Decks by Nils

See All by Nils
Unwrapping Web Design | WW-Ruhr 2023
Avatar for Nils enbee81
0
110
History of Art vs. Web Design vs CSS Development
Avatar for Nils enbee81
1
120
Variable Units
Avatar for Nils enbee81
0
71
History of Art and modern CSS
Avatar for Nils enbee81
0
270
Size does matter - Responsive Design in 2019 - V2
Avatar for Nils enbee81
0
180
Size does matter - Responsive Design in 2019
Avatar for Nils enbee81
0
71

Other Decks in Programming

See All in Programming
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
Avatar for Aki Nakahara akinko_0915
0
180
中級グラフィックス入門～効率的なメッシュレット描画～
Avatar for Pocol projectasura
4
2.1k
知って得する@cloudflare_vite-pluginのあれこれ
Avatar for chimame chimame
1
130
Advanced Micro Frontends: Multi Version/ Framework Scenarios
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
Avatar for pluulove (노현석) pluu
1
210
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ～継続的な取り組みを添えて～
Avatar for Takuya TAKAHASHI takutakahashi
4
1.4k
構文解析器入門
Avatar for ydah ydah
7
2k
AIコーディングエージェント全社導入とセキュリティ対策
Avatar for hikae hikaruegashira
15
8.9k
Understanding Kotlin Multiplatform
Avatar for HyunWoo Lee l2hyunwoo
0
240
JetBrainsのAI機能の紹介 #jjug
Avatar for yusuke yusuke
0
160
Claude Code で Astro blog を Pages から Workers へ移行してみた
Avatar for Kei Kamikawa codehex
0
170
AWS Summit Japan 2024と2025の比較／はじめてのKiro、今あなたは岐路に立つ
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
260

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
510
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.3k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
695
190k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k

Transcript

  1. HOW STUDYING HISTORY OF ARTS HELPED ME BECOME A BETTER

    FRONTEND DESIGNER

  2. NILS BINDER @supremebeing09

  3. NILS BINDER @supremebeing09

  4. Design Backend Development Frontend Development

  5. Design Backend Development Frontend Development

  6. Backend Development Frontend Development Design

  7. Frontend Design Backend Development Frontend Development Design

  8. Frontend Design Backend Development Frontend Development Design UX Engineering

  9. Frontend Design Backend Development Frontend Development Design UX Engineering Interface

    Development

  10. Frontend Design Backend Development Frontend Development Design

  11. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

    Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  12. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

    Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  13. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

    Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  14. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

    Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  15. Backend Development Frontend Development Design Photography UX-Design CSS Accessibility Speed

    API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic Frontend Design

  16. Backend Development Frontend Development Design Photography UX-Design CSS Accessibility Speed

    API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  17. Backend Development Frontend Development Design Photography UX-Design CSS Accessibility Speed

    API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  18. Backend Development Frontend Development Design Photography UX-Design CSS Accessibility Speed

    API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic Frontend Design

  19. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

    Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic

  20. Frontend Design Backend Development Frontend Development Design Photography UX-Design CSS

    Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
  21. None
  22. None

  23. Robert Rauschenberg. White Painting [seven panel]. 1951

  24. None
  25. None
  26. None
  27. None
  28. None
  29. None
  30. None

  31. „Paint them so they look like they haven’t been painted.

    No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint

  32. Brice Marden „Paint them so they look like they haven’t

    been painted. No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint

  33. Brice Marden „Paint them so they look like they haven’t

    been painted. No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint

  34. Brice Marden „Paint them so they look like they haven’t

    been painted. No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint Robert Rauschenberg, 1951

  35. Brice Marden „Paint them so they look like they haven’t

    been painted. No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint Robert Rauschenberg, 1951 HTML / CSS

  36. Brice Marden „Paint them so they look like they haven’t

    been painted. No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint Robert Rauschenberg, 1951 HTML / CSS Browser

  37. Brice Marden „Paint them so they look like they haven’t

    been painted. No hand, just put a coat of paint on them.“ 7 times 182.9 cm x 45.3 cm Latex Paint Robert Rauschenberg, 1951 HTML / CSS Browser Rendered Website
  38. None

  39. Rene Magritte. La Trahison des images. 1929

  40. None
  41. None

  42. Georg Flegel. Stillleben mit Käse und Kirschen. 1635

  43. None
  44. None
  45. None

  46. @supremebeing09

  47. @supremebeing09

  48. @supremebeing09

  49. @supremebeing09

  50. @supremebeing09

  51. @supremebeing09

  52. @supremebeing09

  53. @supremebeing09

  54. @supremebeing09

  55. @supremebeing09

  56. @supremebeing09

  57. @supremebeing09

  58. @supremebeing09

  59. @supremebeing09

  60. @supremebeing09

  61. @supremebeing09

  62. @supremebeing09

  63. @supremebeing09

  64. @supremebeing09

  65. @supremebeing09

  66. None
  67. None
  68. None

  69. Backend Development Frontend Development Design

  70. Backend Development Frontend Development Design

  71. Frontend Design Backend Development Frontend Development Design

  72. Frontend Design Backend Development Frontend Development Design