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

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

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

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

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

 

Чему можно научиться в японских дизайнах сайтов?

В далеком 2014 году мы публиковали интересную подборку дизайнов японских сайтов аниме. Наверняка вы догадываетесь, что работы там представлены достаточно специфические и оригинальные. Они сильно отличаются от общепринятых стандартных подходов к веб-дизайну, скажем, в Европе или США. Визуальное оформление японских онлайн сайтов очень красочное, там используется много разной яркой графики, изображений, плюс страницы буквально “напичканы” текстами. […]

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

Где найти красивые дизайны мобильных интерфейсов (подборка сайтов)

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

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

Лучшие флеш сайты 2016 (45 красивых проектов)

В комментариях к статье про 40 классных флеш сайтов 2010 справедливо заметили, что добрая половина ссылок уже не работает. После проверки материала я увидел удручающую картину – актуальными остались от силы 10 материалов. В принципе, это нормально, 6 лет ведь прошло с тех пор. А онлайн проектам свойственны изменения: кто-то закрывается, кто-то запускает новую версию […]

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

Лицензии на фотостоках: не запрещено не значит разрешено

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

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

Создаем красивый градиент фона + трансформация 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-ти разных работ, которыми сегодня с вами и поделюсь. Если внимательно присмотреться к сайтам […]

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