Скандинавские цвета и стиль в дизайне сайтов (60+ примеров)

Скандинавские цвета и стиль Вдохновение Дизайны сайтов 

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

Основные виды кнопок пользовательского интерфейса на сайтах и в приложениях

кнопки пользовательского интерфейса Мобильный дизайн Статьи Юзабилити 

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

Примеры и техники использования отрицательного пространства в логотипах

отрицательное пространство в логотипе Логотипы 

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

Эффективные дизайны B2B-сайтов 2019 года (10 примеров с советами и скриншотами)

Лучшие дизайны B2B-сайтов 2019 года Вдохновение Дизайны сайтов 

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

40+ классных примеров Hero Image изображений в веб-дизайне

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

В прошлой статье мы публиковали подборку советов по созданию эффективного главного изображения сайта (Hero Image), где советовали использовать эмоциональную, красочную и обязательно релевантную графику с элементами Call to action стратегий и контрастными цветами. Не смотря на присутствие  в каждом пункте заметки по одной иллюстрации, это сложно назвать наглядной демонстрацией тренда. Именно поэтому сегодня мы решили всю статью посвятить лучшим примерам его реализации. Частично этот пост перекликается…

Создание эффективного Hero Image изображения для сайта (8 советов)

Изображения hero image Веб-дизайн Статьи 

Пользователю требуется всего 50 миллисекунд, чтобы составить мнение о любом сайте? У веб-разработчиков и дизайнеров реально очень мало времени, чтобы произвести хорошее впечатление на человека при посещении ресурса. Именно поэтому так важно правильное оформление главной страницы + шапки сайта, которую все видят в первую очередь. Многие веб-проекты в сети объединяет один общий способ привлечения внимания аудитории – использование ярких красочных дизайнов, в частности — размещение крупного фонового…

Вертикальное направление текста в веб-дизайне — хорошие примеры использования

Вертикальное направление текста Типографика 

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

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

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

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

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

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

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

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

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

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

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

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

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

7 популярных трендов типографики в веб-дизайне сайтов

тренды типографики Статьи Типографика 

Типографика – это стиль, расположение и внешний вид печатных букв/текстов на странице. В настоящее время она уже стала неотъемлемым элементом веб-дизайна. Множество интересных статей по теме найдете в соответствующем разделе нашего блога, который пополнился сегодня еще одной публикацией. Рассмотрим актуальные для данного направления тенденции дизайна, что появились и закрепились в 2018 году. Материал будет отличным дополнением записи о веб-типографике. Пост является переводом этой заметки. Цель любого сайта – привлечь…

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

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

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