Mailto — HTML ссылка на электронную почту на сайте - «Веб-дизайн»
Чтобы как-то разбавить дизайнерскую тематику посмотрим сегодня еще один урок по верстке – после предыдущего поста о CSS hover эффектах прошло уже немало времени. Данная заметка будет посвящена вопросу создания ссылки на почту в html. Все это реализуется с помощью обычного тега A, который не смотря

19
сен
Спортивные логотипы команд, клубов и не только (60+ примеров для вдохновения) - «Веб-дизайн»
С момента публикации последней заметки в этом разделе про японские и китайские логотипы прошло уже достаточное количество времени чтобы приступить к созданию новой публикации. Сегодня постараемся вдохновиться красивыми и яркими спортивными логотипами команд, турниров, брендов и т.п. Вообще данная

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

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

30
июл
Создание эффективного Hero Image изображения для сайта (8 советов) - «Веб-дизайн»
Пользователю требуется всего 50 миллисекунд, чтобы составить мнение о любом сайте? У веб-разработчиков и дизайнеров реально очень мало времени, чтобы произвести хорошее впечатление на человека при посещении ресурса. Именно поэтому так важно правильное оформление главной страницы + шапки сайта,

20
июл
Японские и китайские логотипы (45+ красивых оригинальных примеров) - «Веб-дизайн»
Давно что-то не было подборок лого, сегодня исправимся и рассмотрим достаточно оригинальные японские и китайские логотипы брендов, заведений и просто разные творения дизайнеров по этой тематике. Много текста писать не будем, а начнем сразу с последних. В принципе, у обеих стран есть много схожих

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

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

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

17
мар
Использование иллюстраций для сайтов — подборка 35 примеров разных стилей - «Веб-дизайн»
Несколько недель назад мы показали вам 60 классных примеров рисованного дизайна сайтов а сегодня хотим дополнить тему интересной статьей про использование иллюстраций в веб-дизайне. Данный подход достаточно хорошо воспринимается посетителями онлайн проектов и выделяет их среди обыденных

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

11
янв
Лучшие статьи о веб-дизайне, материалы для скачивания и вдохновения за 2018 год - «Веб-дизайн»
Продолжаем ежегодную традицию и публикуем самые интересные заметки за «прошлый сезон». Ранее в Дизайн Мании вы уже могли видеть похожую статью за 2017 год и подборку лучших постов в 2016. Нам кажется, что такой дайджест позволяет максимально быстро просмотреть наиболее актуальные материалы и,

06
янв
Как сделать цветовую палитру для сайта и не только (алгоритм + советы) - «Веб-дизайн»
В Дизайн Мании уже было несколько публикаций с похожей тематикой: в заметке про сервисы подбора цветов для сайтов кроме ресурсов вдохновения рассмотрели парочку полезных веб-инструментов; также был пост с обзором генераторов палитр и т.п. Однако без понимания логики как сделать цветовую палитру все

08
дек
60+ лучших логотипов отелей мира для вдохновения - «Веб-дизайн»
Ранее мы публиковали подборку лучших дизайнов сайтов отелей где вы могли подсмотреть соответствующие типовые решения и оригинальные приемы. Сегодня рассмотрим эту нишу немного с другого «ракурса» и представим вашему вниманию интересные логотипы отелей мира для вдохновения. Из статьи узнаете какие

06
ноя
Интересные особенности UI дизайна в разных странах - «Веб-дизайн»
Когда вы создаете дизайн интерфейса для приложений/сайтов, работающих в разных странах, то должны учитывать особенности национальных культур и традиций соответствующей целевой аудитории. Сегодня публикуем перевод статьи от международной компании Cuberto, которая занимается дизайном на аутсорсе и

11
окт
Лучшие портфолио иллюстраторов и художников-дизайнеров - «Веб-дизайн»
Чуть больше года назад мы публиковали подборку примеров портфолио дизайнеров, а сегодня хотели бы отдельно рассмотреть одну из ее «подкатегорий» — сайты художников иллюстраторов. Заметка будет особенно интересна тем, кто серьезно занимается иллюстрацией и/или компьютерной графикой. Сможете

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

04
сен
50 красивых обоев на рабочий стол со словами и типографикой - «Веб-дизайн»
Продолжаем обновлять старые заметки блога, наполняя их новым содержимым — сегодня рассмотрим оригинальные картинки на рабочий стол со словами и текстами. Обои однозначно понравятся всем, кто любит красивую типографику в различных ее проявлениях. Чем-то они отдаленно напоминают абстрактную тематику,

20
авг
Лучшие логотипы с перекрытиями (наложением слоев) - «Веб-дизайн»
Данный прием является одним из трендов лого 2018 года, хотя использовать его начали еще раньше. Он позволяет разрабатываемой айдентике стать более интересной и эффективно выделяться на фоне других брендов. Основные преимущества перекрытий в логотипе это: во-первых, добавление глубины, которая

03
июл
Самостоятельное создание графического логотипа — пошаговая инструкция - «Веб-дизайн»
Доброго времени суток! Я Михаил Марк — веб-дизайнер, автор проекта, совмещающего в себе несколько функций, главной из которых является блог о кино, веб-дизайне, творчестве и мире фэнтези. Сайт доступен по адресу: mikhailmark.ru В этом познавательном посте я бы хотел рассмотреть все аспекты создания

28
июн