Еще статьи раздела Веб-дизайн

Продолжение статей из категории Веб-дизайн.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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