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

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

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

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

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

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

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

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

          upd: ну и символы как символы, не плохи, не особо хороши.
          • +2
            С зеленым они переборщили
            • +8
              Да там со всеми цветами, что-то не то. Неприятные тона.
            • +1
              проблемы изменить цвет нет, благо тут почти все правится под себя через ксс минимальными телодвижениями, достаточно базовых знаний
            • +1
              Серега Шмидт опять зажигает.
              • 0
                Оооо, это прекрасно!
                • НЛО прилетело и опубликовало эту надпись здесь
                • 0
                  Круто, спасибо!
                    • 0
                      сглаживание :(
                      • 0
                        разбаловала OS X, давно Виндос не видел?
                        • 0
                          Я не понял сути вопроса :)
                          У меня win7, сглаживание отключено —> глифы на демо-странице выглядят удручающе
                          • +2
                            А, ну тогда наслаждайся. Вот ещё для контраста:
                            image
                            Соль на рану, как говорится >:)
                      • –5
                        Microsoft хоть в чем-то сумела задать тренд со своей Windows 8. Очень круто!
                        • 0
                          при чем тут метро ui? тут только элемент Color Swatches более менее под него подходит
                          • +8
                            Как это причем?
                            Раньше все стремились сделать псевдо объем, тенюшки, уголки закрученные, блики, мокрый пол и все такое.
                            Теперь все стремятся сделать все плоское, контрастными цветами.
                            Вот причем тут метро
                            • +1
                              никто не стремится делать все плоское и контрастное после выхода windows 8, всегда были разные стили, минимализм вот например, хабр так же в стиле Метро по вашему сделан?
                              • +3
                                Хабр сделан минималистично, но не в этом стиле совсем.
                                • +4
                                  Может все не стремятся сделать все плоское и контрастное, но такой вектор развития присутствует. Многие сайты стремятся избавиться от подражательства реальным кнопочкам
                                  • 0
                                    возможно реальные кнопки о которых вы говорите нарисованные в фотошопе (с бликами, тенями градиентами и прочим) умирают за счет набирающего популярность css3
                                    • +2
                                      Возможно и так. Но лично я не видел раньше в широком пользовании таких «плоских» интерфейсов до Windows 8 (может даже мобильная версия задала больший тренд, чем десктопная)
                                • 0
                                  А вот я с вами полностью согласен.
                            • +5
                              шрифт Lato польского дизайнера Лукаша Джеджича

                              Лукаша Джеджича

                              image
                              • –2
                                Лукаша Джедаича
                                • +1
                                  От всей души извиняюсь за ютуб.
                                  www.youtube.com/watch?v=1FWGwegXMvU
                                  • +1
                                    ну да, на него и сослался. кто не видел — обязательно переходите по ссылке выше!
                                • –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
                                              Да здравствует плоский мир). На самом деле не очень разделяю восторга от повального увлечения подобного рода интерфейсами в вебе. Ведь очевидно — юзабилити в большинстве случаев в пролёте.
                                              • НЛО прилетело и опубликовало эту надпись здесь
                                                • +2
                                                  Никто не говорит о количестве. Я имею ввиду форму, объем и всё, что может указывать на то, как с элементом интерфейса можно взаимодействовать
                                              • +3
                                                Одному мне кажется, что когда сначала 20 лет долго и упорно шли к красивым и функциональным интерфейсам с тенями, градиентами и полупрозрачностью, а потом внезапно начали лепить плоскую а-ля «я так вижу» хрень — то действительно в консерватории что-то не в порядке?
                                                • 0
                                                  «красивость» и функциональность это как мухи и котлеты.
                                                  Кому-то нравится, а кто-то брезгует.
                                                • +2
                                                  Кому понравился набор элеменетов Flat-UI — yadi.sk/d/TvomTZNd36yzc

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