Веб-дизайн сайтов, уроки web дизайна

Раздел про веб-дизайн сайтов является одним из основных в данном проекте, так как его тематика полностью совпадает с направленностью сайта (даже название одинаковое). По сути, здесь вы найдете всю теоретическую информацию о веб-дизайне, полезные заметки и статьи, которые приоткрывают те или иные особенности веб-дизайна. Это, в частности — верстка, типографика, логотипы, юзабилити, флеш и т.п., публикации из которых, собственно, и объединяются в категорию веб-дизайн сайтов. Таким образом, если вас интересуют общие статьи про web дизайн, то начинать нужно именно с главного раздела, дальше можно углубляться в отдельные ниши.

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

Подкатегории раздела Веб дизайн:

Подписывайтесь на обновления Дизайн Мании, найдете здесь массу интересного для себя — гарантирую.

 

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

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

Нет комментариев

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

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

Нет комментариев

Эффективные методы сплит-скрин дизайна

Одним из наиболее заметных трендов веб-дизайна сайтов 2017 года можно назвать разделение экрана на две части. Все больше и больше веб-проектов используют подобный вариант макета, где две вертикальные панели расположены рядом друг с другом. Сплит-дизайн (Split Screen Design) следует очень простому правилу: один экран, два сообщения. Каждая сторона включает в себя отдельный элемент: фото, текстовый блок […]

комментария 2

Летающие логотипы в веб-дизайне

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

комментариев 6

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

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

комментария 4

Зимние дизайны сайтов для вдохновения

Если вам нужно создать зимний дизайн сайта, то данная заметка из 30-ти примеров может оказаться весьма полезной. Во-первых, вы посмотрите какие функциональные решения для веб-роектов сейчас актуальны, во-вторых, вдохновитесь похожими тематическими дизайнами. Также для работы можете использовать разные зимние подборки которые мы неоднократно публиковали: новогодние фоны и векторные материалы, а также зимние шритфы и много другого. Что […]

комментария 2

Создание GIF анимации в Photoshop

Ранее на сайте мы рассматривали сторонние сервисы создания гиф анимации, однако большинство из них запросто может заменить обычный Фотошоп. Анимированные GIF файлы с его помощью делаются достаточно легко и быстро. Они, как правило, состоят из нескольких изображений (кадров), которые при пошаговой смене и образуют финальный результат. Сегодня постараемся максимально детально рассмотреть данный вопрос от А […]

комментария 3

Тенденции и тренды веб-дизайна сайтов 2017

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

комментариев 5

Лучшее в веб-дизайне за 2016 год. Итоги блога

Традиционно в начале января собираем лучшие публикации в нашем блоге про веб-дизайн за год — встречайте подборку 2016! Это отличная возможность быстро просмотреть все заметки и найти что-то интересное для себя, если случайно упустили. Читайте обзоры полезных сервисов и обучающие статьи по верстке, вдохновляйтесь дизайнами сайтов и логотипов, скачивайте материалы для работы. Чтобы удобнее это […]

комментария 2

Бесплатные аналоги Фотошопа, Иллюстратора, Лайтрума и Premiere Pro

Компания Adobe выпускает очень качественные и профессиональные продукты, которые пригодятся любому дизайнеру и иллюстратору. Однако не у всех есть возможность потратить пару десятков долларов на ежемесячную подписку или купить программу целиком. Использовать пиратский софт — вообще не вариант. К счастью, в сети можно легко найти и скачать бесплатные аналоги Фотошопа, Иллюстратора, Лайтрума и Premiere Pro. Именно о них мы […]

комментариев 5

Горизонтальное выпадающее меню на CSS + HTML

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

1 комментарий

Лучшие дизайны музыкальных сайтов

В данном блоге есть раздел Лучшие дизайны сайтов, где мы стараемся публиковать разные тематические подборки для вдохновения. Недавно, например, там была заметка с флеш проектами а тема сегодняшней статьи — красивые музыкальные сайты. Если в ближайшем будущем собираетесь создавать подобный шаблон, сможете вдохновиться отличными работами ниже. Более того, советуем также обратить внимание на коллекцию музыкальных […]

комментария 2

Красивые осенние логотипы

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

1 комментарий