элементы сайта Archives - Дизайн Мания

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

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

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

Статьи Юзабилити

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

Как сделать подвал сайта (footer): варианты дизайна, зачем он нужен, советы

Веб-дизайн Статьи

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

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

Статьи

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

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

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

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

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

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

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

Все про хедер (шапку сайта): назначение, дизайн и проектирование

Статьи Юзабилити

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

Примеры страниц о сотрудниках компании

Вдохновение Дизайны сайтов

Если перед вами стоит задача создания сайта для бизнеса то без страницы с информацией о сотрудниках компании просто не обойтись. Важно показать, что за всей этой корпоративной «онлайн витриной» стоят реальные люди — основатели бизнеса и лучшие работники. Сейчас это особенно актуально во время социальных сетей, которые делают бизнес более личным и персонально ориентированным. Данный подход поможет построить доверительные отношения с посетителями ресурса и, возможно, вашими…

Примеры хлебных крошек для сайта

Вдохновение Дизайны сайтов

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

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

PSD исходники

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

Слайдер для сайта — сервисы и скрипты для его создания

В комментариях к посту Примеры сайтов со слайдерами недавно спрашивали существуют ли какие-то онлайн сервисы для их создания. В принципе, если ваш проект работает на одной из популярных CMS (WordPress, Drupal), то там должны быть соответствующие плагины. Но что делать, когда сайт написан на HTML или подходящих модулей нет? Сегодня расскажу о некоторых вариантах решения этой задачи. Вообще методы создания слайдеров разные. Помнится, когда раньше работал…

PSD наборы UI для интерфейсов

Проектирование интерфейсов в наше время — достаточно востребованная работа. Ведь от интерфейса сейчас во многом зависит лояльность вашей аудитории будь то мобильная программа, веб приложение или сайт. В принципе, придумать что-то супер оригинальное достаточно сложно, но время от времени на рынок выходят новые тренды как например плоский дизайн, и разработчикам приходится вносить коррективы в свои проекты. В отличии от прошлых стильных цветных UI наборов для…

Сервисы бесплатных материалов для дизайнера

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