Красивые формы логина на сайте: HTML/PSD исходники, дизайны для вдохновения

Красивые формы логина PSD исходники Вдохновение Дизайны сайтов 

В продолжение статьи о создании идеальной формы авторизации на сайте мы решили продемонстрировать вам одни из лучших решений по данной теме. Значительная часть материалов из подборки имеет PSD/HTML исходники, поэтому вы сможете внедрить их в собственных проектах, предварительно подправив под свои задачи. Все ссылки находятся в картинках, а если их там нет, то это просто скриншоты дизайнов для вдохновения. Вообще формы логина и пароля встречаются в разных по…

Идеальная форма авторизации — как делать не нужно (ошибки и советы)

форма авторизации Статьи Юзабилити 

Недавно мы постили ряд полезных советов по созданию эффективных форм регистрации на сайте, а сегодня хотим поговорить про блок авторизации/логина. В последнее время в сети появляется достаточно много раздражающих и слишком «заумных» его реализаций. Хорошо, когда дизайнеры пытаются сделать необычные и красивые формы логина (см. нашу подборку), вписывая их в общую концепцию веб-проекта, однако совсем другое дело — когда они перебарщивают с функциональностью. Иногда доходит до того,…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Гамбургер-меню: немного истории и альтернативные варианты

Гамбургер-меню Веб-дизайн Статьи 

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

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

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

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

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

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

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

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

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

Макеты Apple Watch в форматах PSD и Sketch

мокапы Apple Watch PSD исходники 

Техника Apple всегда славилась своим изысканным и продвинутым дизайном. Не обошла данная участь и новое их детище — умные часы Apple Watch. Внешний вид устройства получится достаточно симпатичный, хотя меня лично подобная функциональность не сильно впечатляет. Однако тем, кто хочет в качестве часов получить не просто стильный аксессуар, но еще и умное функциональное устройство, должно понравится. Как бы там ни было, с выходом очередного мобильного девайса…