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

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

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

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

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

Создаем красивый градиент фона + трансформация skew в CSS3

Ранее в блоге мы уже рассказывали про линейные градиенты и заодно приводили примеры разных сервисов-генераторов. Сегодня попробуем применить эти знания на практике для создания красивого градиента фона на CSS. Плюс в процессе работы познакомимся с интересной функцией skew для реализации трансормаций в CSS3. Можно сказать, что основная идея фонового изображения позаимствована с сайта компании BrightMedia, который является прекрасным примером […]

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

CSS спрайты – создание и сервисы генераторы

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

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

Красивые и оригинальные рисованные дизайны сайтов

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

Комментариев - 15

12 способов создать логотип, который вы полюбите

Хотите создать дизайн логотипа, но не знаете с чего начать? Сегодняшняя заметка с инфографикой от авторов блога Logowiks поможет прояснить некоторые нюансы данного вопроса. Как бы там ни было, вам предстоит объёмная работа, и эффективнее будет разбить её на небольшие шаги. Не жалейте ни времени, ни усилий для того, чтобы создать логотип, который останется в […]

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

120+ логотипов для вдохновения

Сегодняшний пост станет отличным пополнением раздела Примеры логотипов т.к. мы подобрали для вас больше сотни интересных работ. Все они взяты с англоязычного блога designyourway.net, автор которого пишет о дизайне, типографии, пользовательских интерфейсах, вордпресс и т.п. Один из разделов там посвящен коллекциям логотипов. Наиболее оригинальные решения из этих заметок найдете ниже. Если вам предстоит создание лого, […]

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

Клиенты в веб-дизайне, которых следует избегать

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

Комментариев - 2

Как сделать закругленные углы CSS: описание + CSS генераторы

Решил на своем сайте стандартным блокам в сайдбаре сделать закругленные углы с помощью CSS3. Раньше, помнится, чтобы реализовать данную задачу рисовали отдельные картинки для каждого угла и совмещали их с помощью нескольких DIV блоков в HTML. К счастью, сейчас все это легко задается в CSS стилях. Для определенных макетов и тематик (например, женской) подобное CSS […]

Комментариев - 2

Наложение текстуры в фотошопе

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

Комментариев - 3

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

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

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

Жирный текст с помощью HTML и CSS

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

Комментариев - 2

Кликабельный фон / подложка для сайта

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

Комментариев - 5

CSS генераторы кнопок, шаблонов, рамок и других элементов сайта

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

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

Лучшее в Дизайн Мании 2014

В этот раз подборка лучших постов Дизайн Мании публикуется последней среди всех остальных проектов. Я уже успел рассказать о лучших сервисах 2014, самых полезных статьях про вордпресс 2014 и подвести итоги наиболее важных заметок о заработке 2014. Теперь на очереди дизайн. Вообще подобные посты в блоге это отличная возможность быстро просмотреть все полезные материалы за целый […]

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