Пользователь
0,0
рейтинг
6 марта 2013 в 16:01

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

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

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

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

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

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

Илья Сименко @ilya42
карма
524,7
рейтинг 0,0
Пользователь
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Дизайн

Комментарии (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

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