Веб-дизайн

  • ХабрахабрФото [Перевод] Скрытые возможности элемента <input>

    [Перевод] Скрытые возможности элемента <input>

    Элемент <input> в HTML самый интересный. Большинство его собратьев вне зависимости от своих атрибутов ведут себя одинаково. При этом атрибут type элемента <input> может принимать 22 разных значения, которые не только меняют его поведение, но и влияют на внешний вид (зачастую в ущерб стилистике). Элемент <input> отвечает за всё, начиная с текстового ввода и чекбоксов, заканчивая переключателями и кнопкой для…

    Читать далее »
  • ХабрахабрФото Уберите это немедленно! Интерфейсные элементы мобильных страниц, которые реально раздражают

    Уберите это немедленно! Интерфейсные элементы мобильных страниц, которые реально раздражают

    Были времена, когда мобильные версии сайтов были экзотикой. Всё своё внимание дизайнеры уделяли основным десктопным версиям. Сейчас наличие мобильной версии — это стандарт. Мы привыкли к тому, что любую веб-страницу можно открыть с телефона или планшета и она будет отображаться в удобном для чтения виде. Дизайнеры разрабатывают упрощённый интерфейс сайта специально для маленьких экранов. Точнее, должны разрабатывать в идеальном мире.…

    Читать далее »
  • ХабрахабрФото Цикл жизни дизайн-систем

    Цикл жизни дизайн-систем

    Универсальные принципы систем Дизайн-системы отлично подчиняются общей теории систем. Формулировок, что такое системы, много, но так или иначе свести их можно к одному. Моя версия: система - это всегда про массив элементов, имеющих связи между собой, схожие свойства и единый логический центр. Большинство систем, которые мы знаем, моноцентричны. Децентрализованных систем крайне мало, таких, как, например, блокчейн. Отмечу четыре принципа, наиболее значимых в нашей работе, которые…

    Читать далее »
  • ХабрахабрФото Чем отличается реализация non-keyed от keyed в javascript фреймворках?

    Чем отличается реализация non-keyed от keyed в javascript фреймворках?

    Часто, при разработке сайтов на фреймворках, не придаётся особого внимания деталям, которые в данный фреймворк включены. И это нормально, ведь главная задача фреймворка - чтобы удобно было сайт делать и чтобы он был быстрым и функциональным. Но, эти детали тем и интересны, что узнав некоторые моменты, взгляд на javascript разработку чуть дополняется. Одной из таких деталей является keyed реализация. Что…

    Читать далее »
  • ХабрахабрФото Experience — не просто опыт. Interface — не просто экран

    Experience — не просто опыт. Interface — не просто экран

    Как только ни мучают аббревиатуры UX и UI. Их используют, как хотят и где хотят: от скромных названий в вакансиях до лекций на больших площадках. И всё равно мало кто понимает, что они из себя представляют. Их путают, упрощают значения или присваивают чужие.  Меня зовут Илья Шапеев, сейчас я проджект-менеджер на web-проектах в дизайн-студии ЦЕХ, а в прошлом — UX-дизайнер.…

    Читать далее »
  • ХабрахабрФото КОГДА УМЕСТЕН CAPS LOCK, как расставить акценты и другие заметки о типографике

    КОГДА УМЕСТЕН CAPS LOCK, как расставить акценты и другие заметки о типографике

    Привет. Меня зовут Костя, и я отвечаю за дизайн в AGIMA. Мы занимаемся дизайном интерфейсов. Особенность нашей работы в том, что во многих проектах мы не можем управлять контентом. Например, когда мы делаем какой-нибудь магазин, мы задаем «гнезда», в которые потом система или контент-менеджер вставит фото товаров, цену, описание и т. д. Каталог товаров формируется динамически, а состав главного меню…

    Читать далее »
  • ХабрахабрФото Как сделать редизайн сервиса: рассказываем на примере средневекового замка

    Как сделать редизайн сервиса: рассказываем на примере средневекового замка

    Привет, меня зовут Костя Кислейко. Я отвечаю за дизайн в AGIMA. Клиенты часто приходят к нам за редизайном своих сервисов. И довольно часто, когда мы объясняем заказчикам, чем отличаются разные подходы и методологии, я использую метафору строительства. Кажется, это хорошее и понятное сравнение, и я решил его записать. Надеюсь, кому-то это поможет понять все риски и возможности при использовании разных…

    Читать далее »
  • ХабрахабрФото [Перевод] Создаем веб-сайт, будто на дворе 1999 год

    [Перевод] Создаем веб-сайт, будто на дворе 1999 год

    Задумывались ли вы когда-нибудь о том, как жилось веб-разработчикам 20+ лет назад, когда всемирная паутина была явлением совершенно новым, а чтобы войти в неё, приходилось некоторое время слушать специфические звуковые сигналы, JavaScript и CSS воспринимались скорее как диковинка, а не как привычные средства разработки веб-сайтов, а самым популярным браузером был Internet Explorer? Что ж, вероятнее всего, нет... Но, если у…

    Читать далее »
  • ХабрахабрФото Как сделать доступный UI, несмотря на хорошее ТЗ

    Как сделать доступный UI, несмотря на хорошее ТЗ

    Привет! Меня зовут Евгений Подклетнев. В ИТ с 2011 года. Сначала занимался внедрением информационных систем, прошел путь до менеджера по внедрению. Последние 6 лет занимаюсь системным анализом. Сейчас я старший системный аналитик, в том числе выполняю функции дизайнера пользовательских интерфейсов в КРОК. В статье расскажу о ключевом критерии качества пользовательского интерфейса и поделюсь методом тестирования макетов и прототипов UI. На эту…

    Читать далее »
  • ХабрахабрФото Как оценивать задачи и подружиться с дедлайнами

    Как оценивать задачи и подружиться с дедлайнами

    Правильная оценка задач - один из важных аспектов, определяющих успех в работе над проектом. Всем привет! Меня зовут Маргарита, я UI/UX дизайнер в компании Tourmaline Core. В этой статье решила поделиться своим опытом, набитыми шишками и успешными практиками, и разобраться, что нужно учесть при оценке времени выполнения задачи. Статья будет полезна как начинающим дизайнерам, так и другим специалистам, сталкивающимся с…

    Читать далее »


Кнопка «Наверх»