Ти, напевно, вже чув про школу Баухаус? Сьогодні хотілося б розповісти про витоки та особливості напряму, а також про те, як це все вплинуло на сучасний веб-дизайн.
Почнемо з того, що Bauhaus - це недержавний навчальний заклад, що існував у Німеччині з 1919 по 1933 рік.
"Bauhaus" з німецької перекладається як домобудівництво, тобто bau - "будувати", haus - "будинок". Зараз ми називаємо цим словом цілий напрям у мистецтві.
Засновник школи та її перший директор - Вальтер Гропіус. Номінально це була архітектурна та художня школа. Але за своєю суттю і фактично вона стала чимось більшим. Передові погляди на питання будівництва навіть зараз вражають. А в той час і зовсім зробили прорив у галузі.
Школа Bauhaus вплинула на формування різних концепцій мистецтва XX століття. Звідси, можна сказати, "вийшли" модернізм, мінімалізм і функціоналізм. А якщо говорити про сайти - то насамперед Flat Design. Та й у побуті у нас дуже багато проявів Баухауса. Ти почнеш їх помічати після нашої статті.
Особливості та принципи
Чим же так вирізняється Баухаус? Якщо говорити про школу, то насамперед об'єднанням дисциплін. У навчальному закладі не розглядали архітектуру і мистецтво як окремі предмети. І форма, і колір, і функціонал - усе це має комплексно працювати.
На початку XX століття передові діячі мистецтва хотіли об'єднати архітектуру з новими методами індустріального будівництва. У той час можливості виробництва сильно розширилися. З'явилися нові матеріали, нові інструменти.
Політичний вплив теж був важливим. Настрій того часу давав ідеї соціалістичного спрямування. Архітектура в цьому розумінні - це зречення від минулого, погляд у майбутнє, ніякої розкоші та надмірностей, комфорт для людей.
Баухаус став не стільки архітектурною школою, скільки творчою лабораторією. Нові концепції створювалися на стику різних дисциплін.
Ще одна особливість школи - підхід до вивчення. Він досить своєрідний. Немає поділу на предмети. Важливий симбіоз. І спочатку учні вивчають ремесло, а вже потім теорію. Це важливо.
Не брати приклад, не ґрунтуватися на старому, не прислухатися до стереотипів. Творити нове - зручне і зрозуміле. Але тільки після того, як зрозумієш особливості різних матеріалів, попрацюєш із ними власноруч, засвоїш тонкощі й побачиш, як відбувається складання конструкцій. Вони називали це "формоутворенням", хоча сьогодні ми могли б назвати це все загальним терміном "дизайн".
Ось кілька принципів Баухауса:
- Єдність живопису, скульптури та архітектури.
- Простий і функціональний дизайн.
- Доступне житло для всіх.
- Форму визначає функція.
Школа змінила трьох директорів, безліч іменитих учителів, три легендарні локації. Але прихід до влади нацистів сприяв розпаду закладу. Так склалося, що більшість адептів школи дотримувалися лівих поглядів, що було несумісне з політикою правлячої партії. Через гоніння учні та вчителі змушені були емігрувати. При цьому фізично школа розпалася, але не загинула. Її представники роз'їхалися по всьому світу і поширили свої ідеї.
Будівля школи в Дессау (перший приклад архітектури Баухаус). Непогано для споруди столітньої давності, так?
Що нам подарував Баухаус в архітектурі
Коли йдеться про архітектуру, то спроектовані будівлі мають футуристичний вигляд, іноді навіть за сучасними мірками. Адепти школи відмовилися від декоративних вишукувань, залишивши тільки практичність. Бетон, скло, метал, тільки правильні геометричні форми.
І при цьому такі будівлі не виглядають як тупо коробки. Вони естетичні.
Наприклад, багатьом із таких будинків притаманні балкони, що виступають. Це зроблено не просто для краси - у баухаусі так не прийнято. Це продуманий елемент, який збільшує площу і дає тінь без зайвого навантаження на конструкцію. Не просто красиво, а практично і приємно.
Розвиток технологій на початку ХХ століття надихав. І адепти баухауса придумали і в своєму роді передбачили швидкомонтовані будинки. На той момент це ще не було можливим. Але вони продумали концепт, який передбачав виробництво частин будинку на заводі і встановлення їх уже на ділянці. Круто ж?
Другий директор школи Баухаус - Ханнес Мейєр. У 1930-х він разом зі студентами поїхав до Союзу. Саме їм ми завдячуємо найкращими проєктами соцмістечок, навчальних закладів і громадських просторів. Якісь міста і райони вихідці з Баухауса проєктували самі, а якісь уже будувалися за їхнім прикладом. Мінімалістська естетика задала тон радянським містам, у яких ми виросли.
Ще один учень школи (Марсель Бреєр) допоміг сформувати естетику Нью-Йорка і Чикаго своїми впізнаваними хмарочосами.
Також свій слід послідовники баухауса залишили в усьому світі - їхню архітектуру можна знайти від Ізраїлю до Аргентини.
А в побуті та повсякденному житті?
Ось один із прикладів стільця, спадкоємця школи Баухаус.
Трубчаста основа, проста, але зручна і продумана форма. Усі офісні меблі зараз схожі на цей стілець. А найпершим його прототипом було крісло "Wassily". Його створив Марсель Брейер, а назвав своє творіння він на честь Василя Кандинського. Ага, знаменитий художник не просто мав стосунок до Баухауса, а й був викладачем у цій школі.
Крісло "Wassily"
Взагалі там багато було іменитих учителів та учнів. Ми ось вивчаємо зі студентами коло Іттена. А придумане це коло і загалом теорія кольору Йоханнесом Іттеном саме в Баухаусі.
Якщо говорити про предмети побуту, то це в Баухаусі придумали ще багато всього звичного нам сьогодні.
Авторка дизайну наступних предметів - Маріанна Бранд. Вона вже була професійною художницею, коли потрапила на виставку Баухаусу 1923 року. Вона була під таким враженням, що прийшла додому, спалила всі свої роботи і пішла вступати до школи. І вже 1924 року створила свій легендарний чайник "MT 49". Це вважається дизайнерським шедевром. Можливо, тобі так не здається, тому що форма вже звична. Але на той час це був прорив. Найпростіші форми, функціональність та естетика - головні ідеї Баухауса були втілені в цьому чайничку.
Друга видатна робота Маріанни Бранд - настільна лампа "Kandem". Такі світильники та їхні варіації легко знайти в будь-якому магазині освітлення. Жодних зайвих деталей, буденна річ. Тепер уже буденна, бо її прототип зробив революцію у світі освітлювальних приладів. До цього всі вони пишно декорувалися.
Рельєфні шпалери під покраску - теж винахід Bauhaus. Перша їхня колекція була створена в рамках конкурсу серед студентів 1929 року. І відтоді такі шпалери стали одним з найвідоміших і найуспішніших продуктів школи. Багато виробників використовують бренд Bauhaus під час випуску флізелінової основи під фарбування.
Штабельовані меблі, в тому числі стільці і столи, які легко вмістити один під одного. Це чудове рішення придумав Джозеф Альберс. Такий тип конструкції навіть зараз здається інноваційним. Столики можна зручно зберігати, висувати по-одному або відразу кілька. Зверни увагу на прості форми і чисті кольори. Тепер це класика. Подібні моделі сьогодні продають в ІКЕА.
Ну і наостанок дверна ручка від самого засновника школи Вальтера Гропіуса. Дизайн 1923 року! 100 років на секундочку. Правильні геометричні форми без зайвих заморочок визначили дизайн ручок на століття вперед. Донині нічого кращого в доступному сегменті не придумали.
Інженери та дизайнери Apple і Google говорили, що надихаються прикладами та ідеями цього стилю. Можливо, тому їхні продукти такі популярні?
Під впливом Баухауса сформувалася ідея нового бачення у фотографії та типографіці. Текст поверх зображення - це звідси. І похилі плакати. Адже до цього всі друковані матеріали мали вигляд старої газети. Рівно, чітко, заголовок, фото. А Баухаус показав, як можна по-іншому.
Звідси ж ідуть лаконічні шрифти без зарубок, гра на контрастах, поєднання різних фактур і прийомів.
Як пов'язаний Bauhaus і веб-дизайн
На початку свого шляху UX-дизайн застосовував перенесення реальних образів у віртуальний світ (це називається страшним словом скевоморфізм). Кошик, іконка збереження у вигляді дискети, об'ємні кнопки. Але практика показала, що потрібно спрощувати і робити зручно.
Головна філософія напряму Bauhaus - мінімалізм і функціональність. Без зайвих деталей, тільки зручність використання. Чим простіше й ергономічніше, тим краще. Нічого не нагадує? Це саме ті слова, які ми весь час вживаємо в контексті веб-дизайну. Сто років тому не існувало поняття UX/UI, але представники школи Bauhaus уже визначили його принципи.
Учень школи Баухаус Отто Нейрат придумав концепт і розробив систему піктограм - Isotype. Це за своєю суттю набір символів, які легко витлумачити при одному погляді. Це те, що дало поштовх до розвитку іконок та інфографіки загалом.
Про Іттена вже згадувалося. Він припустив, що існує певна психологія кольорів і соціальна роль їхніх поєднань. Сьогодні це основа брендингу та візуального маркетингу. А Кандинський зі свого боку розвинув ідею, додавши до кольору форму і пояснивши їхній взаємозв'язок. Весь вигляд сьогоднішніх кнопок і навігації засновані на цих теоріях.
Функція первинна. Це твердження вперше виникло в Баухаусі, але стало девізом UX-дизайну. Ми відсікаємо зайве, робимо "для людей", дбаємо про практичність насамперед.
Чому Bauhaus не втрачає актуальності вже понад сотню років? Тому що в його основі позачасові істини. Простота форм. Чистота кольорів. Зручність. Гонитва за лаконічністю, а не за модними тенденціями.
Веб-дизайнеру розібратися в цих ідеях та їхніх витоках безумовно варто. Це дасть основи, загальне розуміння концепту і бачення. Заглиблюючись у тему ти зрозумієш, який вигляд має мати ідеальний світ юзабіліті і як до нього прийти. Звичайно, ми теж використовуємо цю інформацію у своєму навчанні. На курсі "UX/UI легенда", наприклад. Приєднуйся! Будемо разом робити цей світ кращим.