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

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

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

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

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

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

Минималистичный дизайн рулит — 7 преимуществ и основные особенности стиля

Минималистичный дизайн Статьи 

Если хотите создать сайт, то главное правило, которому нужно следовать, — не перестараться. В этом веб-дизайнерам уже не первый год помогает так называемый минималистичный дизайн. Он сейчас, кстати, находится на пике своей популярности. Сегодня мы попробуем разобраться что это за стиль и какие его основные преимущества. Что такое минималистичный дизайн? В целом данное понятие можно определить как максимально лаконичный стиль, характеризующийся простотой и точностью. Основные…

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

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

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

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

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

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

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

Дизайн шапки сайта Статьи Юзабилити 

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

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

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

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

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

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

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

Бесконечная прокрутка страниц: помогает или вредит?

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

Когда идет речь об онлайн-маркетинге или веб-дизайне, чрезвычайно важно быть инициатором успешных идей и формировать тренды в собственной сфере. Сегодня речь пойдет об одной из подобных тенденций — бесконечном скроллинге (прокрутке) страниц на сайте: какие возможности он представляет для бизнеса? как лучше реализовать и когда следует отказаться от этой функции? Материал написан на основе перевода статьи про Infinite Scrolling от SpeckyBoy. Основные разделы статьи: Что такое бесконечная…

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

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

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

Принцип золотого сечения в дизайне сайтов

Золотое сечение Веб-дизайн Статьи 

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

Обновление Wix.com для интернет магазинов и мобильной версии сайта

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

Мобильная версия сайта и адаптивный дизайн: все «за» и «против»

Мобильная версия сайта Веб-дизайн Мобильный дизайн Юзабилити 

В эру мобильной революции, стоит задуматься о предоставлении вашим клиентам возможности работать с сайтом, используя смартфоны, планшеты и т.п. Нужно давать им возможность решать любые бизнес процессы в мобильном режиме. Сейчас даже векторную графику в Android можно редактировать, не говоря уже о более простых задачах. Данный пост является переводом статьи Giving Our Clients The Best Deal In Mobile. За публикацию спасибо МотоДизайнБлогу авторы которого занимались переводом. При…