Как сделать цветовую палитру для сайта и не только (алгоритм + советы)

цветовая палитра для сайта Веб-дизайн Статьи 

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

Интересные особенности UI дизайна в разных странах

UI дизайн Веб-дизайн Мобильный дизайн 

Когда вы создаете дизайн интерфейса для приложений/сайтов, работающих в разных странах, то должны учитывать особенности национальных культур и традиций соответствующей целевой аудитории. Сегодня публикуем перевод статьи от международной компании Cuberto, которая занимается дизайном на аутсорсе и имеет опыт сотрудничества с заказчиками со всего мира. В заметке специалисты делятся впечатлениями и важными нюансами относительно UX/UI дизайна нескольких стран: Японии, США, РФ, Китае, Индии и др. Данные практики и подходы вы…

Улучшаем регистрационную форму на сайте (4 полезных совета)

Регистрационная онлайн форма Статьи 

В интернете процедура регистрации встречается нам также часто как и контактные формы на сайтах. Ее надо выполнять: во всевозможных веб-сервисах, помогающих искать нужную информацию, бесплатных раздачах материалов, интернет-магазинах, соц.сетях и т.п. В такие моменты чувство радости от интересной находки мгновенно улетучивается из-за необходимости заполнять бесконечные поля формы (к тому же иногда совершенно лишние). Как правило, все это бывает неудобно, занимает много времени и выглядит чересчур навязчиво. Плюс человека…

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

Дизайн мебельного сайта Веб-дизайн Статьи 

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

UI Patterns — полезный архив паттернов интерфейсов

UI Patterns Дизайны сайтов Полезные сайты Юзабилити 

В процессе проектирования интерфейса приложений или сайтов полезно учитывать имеющийся опыт других специалистов и лучшие варианты решения типовых задач. Это позволяет избежать ненужных ошибок и получить хорошие отзывы от ваших пользователей. В разделе про UI/UX дизайн мы публиковали некоторые заметки по данной теме: например, был обзор 20-ти ресурсов с дизайнами мобильных интерфейсов, а также разные статьи про гамбургер меню, историю развития кнопок на сайтах и…

Примеры дизайнов кнопок на сайтах и в интерфейсах (с 2009 и до наших дней)

дизайнов кнопок на сайтах Вдохновение Веб-дизайн Дизайны сайтов 

Кнопки для веб-сайтов и приложений используются повсеместно: при входе в профили социальных сетей, совершении покупок в интернете, отправке сообщений через форму обратной связи и т.д. Это один из самых важных элементов UI/UX дизайна и онлайн проектов в навигации и разного рода призывах к действию (Call To Action). Поэтому не удивительно, что ему уделяется достаточно много внимания. Сегодня публикуем перевод одной интересной статьи от Wojciech Dobry, где собраны…

Подборка лучших подкастов по дизайну, UX и технологиям

Лучшие подкасты по дизайну, UX и технологиям Полезные сайты Разное Уроки и книги 

Представляем вашему вниманию отличную подборку дизайнерских и технологических подкастов от front-end разработчика Дениса Зарицкого. Помимо разных познаний в HTML5, JavaScript и Node.js, у автора имеется достаточно широкий спектр увлечений: от ИИ, разработки игр до интернет-маркетинга и стартапов. Должно быть весьма интересно.   В данной статье, в которой, я надеюсь, вы откроете для себя что-то новое и вдохновляющее, я хочу представить свои любимые подкасты по дизайну,…

Разница между UI и UX: практический пример

Понятия UI и UX Статьи Юзабилити 

Сегодня будет гостевой пост по теме UX и UI интерфейсов на примере работы с сервисом Icons8. Автор — юзабилити специалист Андрей Бурмистров, текст публикуется от первого лица.    Я знаю, что вы думаете: ну вот, очередная попытка навязать свое мнение на спорную и вечно обсуждаемую тему «В чем разница между UX и UI?» Да, вы все правильно поняли. Единственное отличие моей статьи от других подобных заключается в том,…

Иконки гамбургер меню — примеры сайтов, дизайнов и CSS скриптов

иконка гамбургер меню Веб-дизайн Верстка Дизайны сайтов Иконки 

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

Где найти красивые дизайны мобильных интерфейсов (подборка сайтов)

интерфейсы мобильных приложений Вдохновение Мобильный дизайн 

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

UI/UX наборы плоского интерфейса + скидка 3000р. на курс UX-дизайна

Наборы UI/UX плоского интерфейса PSD исходники 

Мода на плоские интерфейсы в UI/UX дизайне пришла к нам несколько лет назад, но тренд до сих пор остается весьма популярен. Оно и не удивительно — в зависимости от выбора цветовой палитры такое решение может выглядеть по разному. Нужен дизайн в духе минимализнма, когда элементы не отвлекают пользователя от контента? — без проблем. Яркие цвета сделают ваше мобильное приложение броским и эффектным, варианты поспокойнее с…

7 ресурсов для веб-дизайнера — Март 2016

Online сервисы Инструменты Полезные сайты 

Работа любого веб-дизайнера – тяжелый творческий труд. Для более продуктивной/эффективной деятельности можно воспользоваться рядом интернет ресурсов, которые значительно упростят работу и дадут приток новых идей. Обзоры таких сайтов мы стараемся регулярно публиковать — после январской подборки встречайте 7 интересных проектов за март 2016. BrandColors На сайте Brandcolors можно найти кодировки цветов всех самых популярных мировых брендов. Найдете их сразу же на главной странице: слева расположены названия,…

Переход с Photoshop на Sketch (редактор для Mac)

Всем привет, я Олейник Антон — дизайнер интерфейсов, поклонник  Sketch и один из авторов тематического проекта sketchapp.me. В сегодняшнем гостевом посте детально расскажу про данный графический редактор для Mac OS. Не смотря на то, что Sketch уже плотно осел во многих известных командах, я часто вижу дизайнеров (особенно со стажем), которые настолько жестко связаны многолетними привычками со своими старыми инструментами, что с негативом даже обсуждают альтернативные…