21.09.2021 15:38
yanajy 21 12000 Источник

Существует огромное множество стилей веб-дизайна, но глобально их можно разделить на два больших направления: минимализм и морфизм.

Минимализм подразумевает чистый дизайн с акцентом на контенте и практически полным отсутствием элементов оформления. Это хорошо с точки зрения юзабилити, однако проекты, сделанные в этом стиле, часто получаются скучными, безликими и однообразными.

Дизайн сайта в стиле минимализм. Просто и понятно, но точно так же мог бы выглядеть и сайт любой другой тематики, от парикмахерской до криптовалютной.
Дизайн сайта в стиле минимализм. Просто и понятно, но точно так же мог бы выглядеть и сайт любой другой тематики, от парикмахерской до криптовалютной.

В противовес минимализму существуют различные морфизмы (скевоморфизм, неоморфизм, глассморфизм и т. д.). Подобные стили делают упор на необычность, креатив и запоминаемость, причем часто в ущерб смысловой нагрузке и функциональности.

Дизайн приложения в стиле глассморфизм. Смотрится интересно, но в реальной практике такое оформление не имеет смысла и опять же никак не связано с темой проекта.
Дизайн приложения в стиле глассморфизм. Смотрится интересно, но в реальной практике такое оформление не имеет смысла и опять же никак не связано с темой проекта.

По сути, все стили веб-дизайна находятся где-то на оси «минимализм - морфизм».

Material design от Google — очень близко к минимализму, поскольку в нем из заметных элементов оформления есть только тени. Metro design от Microsoft с его цветными прямоугольниками — около середины. Устаревший на данный момент скевоморфизм от Apple, стремящийся к максимальной реалистичности — классический морфизм. Аналогичным образом можно расположить на этой оси и другие направления.

На первый взгляд может показаться, миниморфизм — это просто еще один стиль на оси, но это не так.

В отличие от других направлений, он имеет принципиально другой подход, опирающийся на взаимосвязь оформления проекта с его тематикой.

Миниморфизм сочетает в себе лучшее из обоих подходов и позволяет создавать оригинальные и наполненные смыслом макеты, не перегруженные визуальным шумом. Например, «стеклянный» эффект глассморфизма в разумном количестве был бы уместен в дизайне сайта завода, производящего стекло, поскольку в данном случае визуал был бы логично связан с тематикой.

Другими словами, миниморфизм можно описать следующей формулой:

Минимализм + Оформление со смыслом = Миниморфизм

Для лучшего понимания рассмотрим несколько примеров дизайна в стиле миниморфизм.

В данном примере главное изображение вписано в форму медиатора, разделительные линии имеют форму струн, а шрифт заголовка и кнопка стилизованы под логотипы известных хэви-метал групп.
В данном примере главное изображение вписано в форму медиатора, разделительные линии имеют форму струн, а шрифт заголовка и кнопка стилизованы под логотипы известных хэви-метал групп.
Здесь фотографии и заголовок образуют фигуру, похожую на гантель, что хорошо коррелирует с тематикой сайта (фитнес-клуб).
Здесь фотографии и заголовок образуют фигуру, похожую на гантель, что хорошо коррелирует с тематикой сайта (фитнес-клуб).
Одна маленькая деталь — ровно «откушенный» уголок фотографии как бы намекает на то, что пациенты этой стоматологии будут иметь крепкие зубы и смогут откусить что угодно :)
Одна маленькая деталь — ровно «откушенный» уголок фотографии как бы намекает на то, что пациенты этой стоматологии будут иметь крепкие зубы и смогут откусить что угодно :)
Часы, расположенные в форме циферблата. При наведении изображение увеличивается и отображается основная информация. Просто, стильно и оригинально.
Часы, расположенные в форме циферблата. При наведении изображение увеличивается и отображается основная информация. Просто, стильно и оригинально.
Дублирование фотографии на сайте студии печати отражает суть её деятельности: компания печатает множество экземпляров различной продукции.
Дублирование фотографии на сайте студии печати отражает суть её деятельности: компания печатает множество экземпляров различной продукции.
Фотографии квартир расположены так, что напоминают кирпичную кладку, что также перекликается с темой проекта.
Фотографии квартир расположены так, что напоминают кирпичную кладку, что также перекликается с темой проекта.
Фотографии животных исчезающих видов также исчезают за счет наложения градиента. То есть, этот эффект сделан не просто для красоты, а имеет вполне определенный смысл.
Фотографии животных исчезающих видов также исчезают за счет наложения градиента. То есть, этот эффект сделан не просто для красоты, а имеет вполне определенный смысл.

Как видно из примеров, оформление остается минималистичным, но при этом уникальным и имеет четкий смысл и связь с темой проекта. Именно поэтому миниморфизм имеет все шансы стать доминирующим направлением в веб-дизайне, поскольку он лишен большинства недостатков минимализма и морфизма.

А что вы думаете про миниморфизм?

Комментарии (21)


  1. Revertis
    21.09.2021 16:53
    #23506870
    +1

    А, так вот, как оно называется! Люблю такое!


    1. yanajy Автор
      21.09.2021 17:08
      #23506946

      да, тоже тащусь от этого стиля :)


  1. copylove
    21.09.2021 17:24
    #23507000
    +4

    Дизайн на основе ассоциаций первого порядка — это нулевой уровень развития дизайнера. Такой архитектор, к примеру, будет создавать кафе-мороженное в виде мороженного.


    1. yanajy Автор
      21.09.2021 18:10
      #23507192

      ассоциации могут быть и менее прямолинейными


    1. yanajy Автор
      21.09.2021 18:14
      #23507218
      +1

      кстати кафе в виде мороженного - не такая уж плохая идея, если рассматривать с точки зрения пользователя. Я б в такое сходил :) Да и "в виде мороженого" - это достаточно большое пространство для творчества. Есть куча вариантов, как именно это можно обыграть так, чтобы получилось не банально


      1. copylove
        21.09.2021 18:22
        #23507250
        +3

        Да, можно не банально, но все примеры сверху максимально такие. Ассоциации первого рода крупными мазками вытравлены на страницах.


      1. copylove
        21.09.2021 18:22
        #23507252

        А коровник надо делать в виде коровы.


        1. Bobovor
          21.09.2021 21:05
          #23507864
          +1

          Ну не ввиде доярки или окорока же.


          1. MainBelia
            22.09.2021 06:15
            #23508560
            +2

            Коровник в виде огромного вымя выглядел бы круто, по-моему.


            1. wadeg
              23.09.2021 00:00
              #23511718

              Стесняюсь просить: а в виде доярки в сборе, с выменем, с окороком — это считалось бы еще ассоциацией первого порядка?


        1. NotebookKiller
          22.09.2021 11:14
          #23509200
          +1

          Только не говорите про женскую консультацию


          1. copylove
            22.09.2021 12:42
            #23509588

            Специально сделал пас в вашу сторону :)


    1. iShrimp
      21.09.2021 18:19
      #23507234
      +1

      Такой дизайн тоже может быть сделан аккуратно и со вкусом, а может — похабно.

      Например, у магазина часов этот «циферблат» вообще ни к чему. Он не воспринимается сам по себе и не даёт воспринимать остальные элементы. Данному сайту срочно требуется бизнес-линч от Лебедева. :)


      1. yanajy Автор
        21.09.2021 19:06
        #23507446
        +5

        лебедеву бы и самому бизнес-линч не помешал XD


    1. MentalBlood
      22.09.2021 15:21
      #23510136
      +1

      Да, получается масло масленое


      Имхо, интересней если делать акценты на чем-то не связанном [ассоциативно] в целом, но связанном частично. Частичная связанность — мостик, по которому можно быстро переключаться между разными вещами, чтобы не было скучно (и тошно)


      1. yanajy Автор
        22.09.2021 15:36
        #23510184

        интересная и правильная мысль, поддерживаю


  1. yanajy Автор
    21.09.2021 18:13
    #23507214

    НЛО прилетело и опубликовало эту надпись здесь


  1. Andrew0610
    22.09.2021 15:38
    #23510190

    А это точно про дизайн? Автор точно разбирается? Просто для меня странно, что для минимализма указано, что отсустствуют какие либо элементы оформления. Суть минимализма в том, чтобы не перегружать контекст дизайна контрастными элементами и не выделять детали явно. При этом в минимализме могут быть элемент офобмления, акценты и информативность. Правельный миниммлистичный дизайн не означает тупо белый сайт с серыми кнопками. Минимализм, это когда ты разговариваешь с пользователем локанично и кратно, а не про то что ты молчишь и не даешь пользователю инфу.

    Теперь о миниморфизме. Миниморфизм - это обычный минимлизм( на примерах которые привел автор) , а вся его морфичность( по мнениею автора) заключается в закругленных краях фрейма и картинке в стиле медиатора. Что? Серьезно?


    1. etoropov
      22.09.2021 20:20
      #23511044
      +1

      Во-во. По-моему, эти примеры должны называться качественно сделанный минимализм.


  1. Unnsin
    23.09.2021 00:12
    #23511750

    Не совсем понял зачем вы говорите о том что весь дизайн это что то между морфизмом и минимализмом(Оба эти варианта не имеют привязку к тематике). И в доказательство этого вы приводите ui - киты которые и призваны не привязываться к смысла.


  1. Oh_my_mich
    23.09.2021 00:13
    #23511754

    Кажется, автор захотел разглядеть и придумать свой собственный "морфизм". Вообще, морфизмы в дизайне - это не про "больше оформления", а про оформительский прием. Глассморфизм - всё похоже на стекло, неоформизм - всё выделяется при помощи тени и т.п. А миниморфизм - это как?:)