Архив тега: элементы сайта

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

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

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

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

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

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

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

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

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

Форма логина — функциональный элемент, который используют многие корпоративные сайты, где часть информации скрыта от всех посетителей (так называемые закрытые разделы). Если вы блоггер и часто работаете с системой worpdress, то наверняка видели такую форум при входе в систему. Основными элементами формы, конечно же, являются поля для вводы имени пользователя (логина) и пароля + кнопка входа. Тем не менее, данный элемент может также содержать: Ссылку «Забыли пароль» — используется для того чтобы пользователь смог восстановить пароль в случае его потери. […]

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

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

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