Flat UI — бесплатный набор плоских элементов веб-интерфейса [обновлено]

    Компания Designmodo, специализирующаяся на разработке веб-интерфейсов, опубликовала на Гитхабе довольно внушительный набор модных сегодня плоских элементов интерфейса — меню, кнопок, слайдеров, переключателей, чекбоксов, иконок и многого другого. Плоский дизайн интерфейсов активно продвигает Microsoft, и он всё чаще и чаще встречается в сети.

    Можно спорить о преимуществах и недостатках такого дизайна, но игнорировать его нельзя — мода есть мода, так что этому набору наверняка найдётся место в колллекции большинства веб-дизайнеров. Кроме файлов изображений и стилей, набор включает шрифт Lato польского дизайнера Лукаша Джеджича и подобранные дизайнерами образцы цветовых сочетаний. Демо Flat-UI можно посмотреть здесь.

    UPD: в данный момент доступ к репозиторию Flat UI закрыт по требованию компании LayerVault, которая считает, что Designmodo нарушила её авторские права. В Designmodo отрицают какое-либо заимствование и утверждают, что Flat UI — полностью оригинальная разработка.

    Активное обсуждение закрытия репозитория идёт на Гитхабе и Hacker News. Пока что единственный способ добраться до Flat-UI — воспользоваться поиском Гитхаба, чтобы найти один из множества форков проекта.

    UPD2: 20 марта доступ к репозиторию Flat UI был восстановлен.

    Share post

    Similar posts

    Comments 44

      +1
      Очень красиво!
        +22
        Довольно убогая реализация, особенно в базовой цветовой схеме.
          +12
          Ну сами посмотрите:
          -тултипы и выпадающие меню реализованы одинаково, нехорошо это;
          -выравнивание подписей в различных элементах реализовано по разному;
          -анимация переключателей схалтурена (сдвиг всего блока, вместо перемещения переключателя);
          -контрастность в некоторых элементах довольно слабая, где-то наоборот вырвиглазная.

          В итоге остается ощущение недодуманного набора элементов, которые и между собой-то не очень гармонруют.
          +7
          Вырвиглазные зеленые, особенно на весь экран. Полнуночный синий и мокрый асфальт ничего так.
          Ну это субъективно, больше люблю темные цвета созерцать.

          upd: ну и символы как символы, не плохи, не особо хороши.
            +2
            С зеленым они переборщили
              +8
              Да там со всеми цветами, что-то не то. Неприятные тона.
              +1
              проблемы изменить цвет нет, благо тут почти все правится под себя через ксс минимальными телодвижениями, достаточно базовых знаний
              +1
              Серега Шмидт опять зажигает.
                0
                Оооо, это прекрасно!
                • UFO just landed and posted this here
                  0
                  Круто, спасибо!
                      0
                      сглаживание :(
                      • UFO just landed and posted this here
                          0
                          Я не понял сути вопроса :)
                          У меня win7, сглаживание отключено —> глифы на демо-странице выглядят удручающе
                          • UFO just landed and posted this here
                        –5
                        Microsoft хоть в чем-то сумела задать тренд со своей Windows 8. Очень круто!
                          0
                          при чем тут метро ui? тут только элемент Color Swatches более менее под него подходит
                            +8
                            Как это причем?
                            Раньше все стремились сделать псевдо объем, тенюшки, уголки закрученные, блики, мокрый пол и все такое.
                            Теперь все стремятся сделать все плоское, контрастными цветами.
                            Вот причем тут метро
                              +1
                              никто не стремится делать все плоское и контрастное после выхода windows 8, всегда были разные стили, минимализм вот например, хабр так же в стиле Метро по вашему сделан?
                                +3
                                Хабр сделан минималистично, но не в этом стиле совсем.
                                  +4
                                  Может все не стремятся сделать все плоское и контрастное, но такой вектор развития присутствует. Многие сайты стремятся избавиться от подражательства реальным кнопочкам
                                    0
                                    возможно реальные кнопки о которых вы говорите нарисованные в фотошопе (с бликами, тенями градиентами и прочим) умирают за счет набирающего популярность css3
                                      +2
                                      Возможно и так. Но лично я не видел раньше в широком пользовании таких «плоских» интерфейсов до Windows 8 (может даже мобильная версия задала больший тренд, чем десктопная)
                                  0
                                  А вот я с вами полностью согласен.
                            • UFO just landed and posted this here
                              –1
                              А чеж Bootstrap не упомянули?
                                +5
                                «Repository unavailable due to DMCA takedown»
                                  +1
                                  В поиске форков — вагон и маленькая тележка. А точнее должно быть 129 штук. )
                                    0
                                    вот причина по которй его закрыли.

                                    Оказывается там нашлись люди разглядевшие копирование, от форм иконок, цветов до использования шотов с dribbble
                                    0
                                    В планшета мне даже понравилось :)
                                      +3
                                      Кто успел сделать clone?
                                        0
                                        Вот не пойму, что за мода делать UI элементы: берется что-то приличное (точнее, привычное) псевдо-3D от вдумчивого разработчика (от MS, например; UI у них продуманные, так же, как и шрифты; красивые или нет — дело десятое, но продуманные — точно), в нем тени убираются, получая на выходе не очень красивое 2D («не очень», т.к. закрашенные части 3D теней теперь создают большие плоскости одного тона, что не очень гармонично), и это подается как мода.

                                        Так сделали в UI Энкарты (это был прорыв), так сделали в Офисе-2000 (притом забыв в системную библиотеку UI-элементов добавить те контролы, так что все шустро начали клепать свои библиотеки и ждать Win98), так сделали в 8-ке (где это смотрится как «сделайте как привычно, только с точностью до наоборот»).

                                        В WinCE такое катило, т.к. разрешение было не ахти, а мельчить в MS всегда любили (точнее, не умели не мельчить), но сейчас, когда разрешения экрана позволяют делать элементы на экране не просто схематичными, а еще и симпатичными (не говоря что красивыми), хочется спросить — может, плюнуть на заимствование, и нарисовать UI с нуля?
                                          +2
                                          Да здравствует плоский мир). На самом деле не очень разделяю восторга от повального увлечения подобного рода интерфейсами в вебе. Ведь очевидно — юзабилити в большинстве случаев в пролёте.
                                          • UFO just landed and posted this here
                                              +2
                                              Никто не говорит о количестве. Я имею ввиду форму, объем и всё, что может указывать на то, как с элементом интерфейса можно взаимодействовать
                                            +3
                                            Одному мне кажется, что когда сначала 20 лет долго и упорно шли к красивым и функциональным интерфейсам с тенями, градиентами и полупрозрачностью, а потом внезапно начали лепить плоскую а-ля «я так вижу» хрень — то действительно в консерватории что-то не в порядке?
                                              0
                                              «красивость» и функциональность это как мухи и котлеты.
                                              Кому-то нравится, а кто-то брезгует.
                                              +2
                                              Кому понравился набор элеменетов Flat-UI — yadi.sk/d/TvomTZNd36yzc

                                              Only users with full accounts can post comments. Log in, please.