Тренды веб-дизайна 2014: Призрачные кнопки

Тренды веб-дизайна 2014: Призрачные кнопки

Одним из главных трендов 2014 года в веб-дизайне можно смело назвать призрачные кнопки (Ghost Buttons). Иначе их еще называют контурными, полыми, пустыми или прозрачными. Это стандартные прямоугольные кнопки, главной особенностью которых является прозрачный фон. Кнопка выделяется лишь тонким контуром, а при наведении мыши или нажатии пальцем (на мобильных девайсах) становится плотной, заполненной цветом, чаще черным или белым. Внутри этой призрачной кнопки обычно размещается простой текст, призывающий к какому-либо действию.

Призрачные кнопки очень удобны тем, что их можно поместить в любом месте сайта и поверх любого иного изображения. При этом они смотрятся уместно и не перекрывают значимых объектов, а скорее дополняют их. Чаще всего их используют в современных дизайнах сайтов с большими фоновыми изображениями (Big Background) или совместно с популярным плоским дизайном (Flat design).
Читать далее…

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

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

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

Во-первых, следует разделить всех заказчиков на две весьма неравные группы: большинство — любители, малая часть — профессионалы. И если вы фрилансер, а тем более начинающий (ибо опытные веб-дизайнеры не задают подобных вопросов), то вы в 99,9% случаев будете работать именно с любителями. Поэтому всякие бла-бла-бла об идеальном ТЗ (техническое задание или бриф) и «как-оно-все-должно-быть» можно смело забыть. Об идеальных отношениях веб-дизайнера с заказчиком написаны тонны статей, а воз и ныне там. А все потому, что интернеты в подавляющей массе своей заполнены именно любителями.

Во-вторых, идеального ТЗ не бывает в принципе. Поэтому не стоит уповать на красиво сделанную форму для заполнения с парой десятков вопросов будущему заказчику, размещенную на вашем веб-дизайнерском ресурсе. Всегда, в 100% случаев вы все равно будете задавать кучу дополнительных вопросов, причем в обе стороны.

Читать далее…

20+ ресурсов с бесплатными фотографиями

20+ ресурсов с бесплатными фотографиями

Когда-то я уже публиковала подборку сайтов — Бесплатные фотобанки для веб-дизайнера. Предлагаю вашему вниманию свежую подборочку бесплатных вкусняшек. Главное отличие сегодняшней выборки — это некая камерность. Если в предыдущей статье речь шла про фотобанки с большим количеством изображений, то здесь в основном подобраны сайты частных фотографов и дизайнеров, у которых со временем накопилась пусть и не большая, но вполне приличная база собственных высококачественных фотографий.

Изображения здесь представлены по самым разным тематикам: город, еда, одежда, мода, бизнес, природа, горы, спорт, транспорт и др. Большинство из картинок распространяется по лицензии СС (Creative Commons), т.е. вы можете использовать их как в частном порядке, так и в коммерческом. Для дизайнера или блоггера, не имеющего возможности покупать дорогие изображения в платных фотобанках, это довольно приятная альтернатива.

Более того, на платных стоках не всегда найдешь то, что нужно. К примеру, что-то реально гранжевое или ретро фотографии. Такие изображения попросту не пропустят редакторы. Как, впрочем, и многие любительские фото, пусть и высокого качества. А иногда для работы именно такие и нужны. Так что вэлкам!

Читать далее…

Свежий бесплатный ретро шрифт ATViCE

ATViCE1

Нашла вот такой симпатичный свеженький шрифт в стиле ретро — ATViCE. Автор Philipp Rösler. Скачать шрифт бесплатно можно здесь.

Поигралась немного с ним в фотошопе, и вот что получилось. Просто обожаю старинные машинки! :)

ATViCE2

Любите ли вы Нью-Йорк так же, как люблю его я?

Макет сайта в стиле Big Background

Решила вот на досуге набросать макет сайта в трендовом нынче стиле Big Background, или по-нашему Большая Фоновая Картинка. На самом деле фишка довольно не новая. Помнится еще в 2008 году на блоге Web Designer Wall был опубликован пост 80 Large Background Websites. Неплохие, кстати, примеры. Некоторые до сих пор весьма и весьма недурно смотрятся. Тренд, опять же.

Ну, а раз я давно мечтаю поехать в Нью-Йорк, то нарисовала такой вот макетик. Просто так. А может и сгодится куда, посмотрим. Стиль достаточно минималистский, а большего тут и не требуется. Фотка очень понравилась. Вот сижу и любуюсь с высоты птичьего полета на Мекку всех дизайнеров, художников, фотографов и прочих креативщиков. Может и я там когда-нибудь побываю :)

Читать далее…

Как правильно выбирать изображения в фотобанках

Как правильно выбирать изображения в фотобанках

Сегодня я хочу обсудить такую животрепещущую тему как выбор изображений для веб-дизайна. Не секрет, что в рунете издавна сложилась негласная практика халявы, в том числе и в плане подбора картинок для дизайна чего бы то ни было. И даже порой крупные студии не гнушаются скопировать чью-то работу, если не один в один, то хотя бы саму идею.

Солидные компании такого себе не позволяют и держат в штате или подыскивают на фрилансе правильных дизайнеров. А правильный дизайнер знает, где найти необходимые изображения. И это вовсе не гугл-картинки, и не яндекс тоже, и даже не приятель с говнозеркалкой, который кроме как на автомате ничего ей толком снимать не умеет.

Правильный дизайнер ищет картинки в фотобанках!

Про бесплатные фотобанки я уже рассказывала. Большой минус таких фотобанков, как ни странно, их бесплатность. Нужно понимать, что халяву любят не только в рунете, и самые востребованные изображения скачаны уже сотни или тысячи раз и, соответственно, совершенно не уникальны.

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

Книга: Уроки Photoshop для веб дизайнера

Книга: Уроки Photoshop для веб дизайнера

Здравствуйте, дорогие мои читатели! Я рада сообщить вам, что все, опубликованные ранее на моем блоге Mannodesign.com, уроки Photoshop теперь можно скачать абсолютно бесплатно в виде электронной книжки в формате PDF.

В книгу вошли 24 урока по веб дизайну, но думаю, она будет полезна многим не только в данном виде деятельности. Уроки все достаточно простые, но вместе с тем интересные.

Читать далее…

Цветовой оттенок в веб-дизайне

Цветовой оттенок в веб-дизайне

Цветовой оттенок или иначе color cast в действительности является известным дефектом в фотографии. Думаю, слово «ломография» знакомо многим. Там он проявляется в полной мере.

Тем не менее, в веб-дизайне данный эффект с недавних пор стал весьма заметным трендом. Особенно в тех случаях, когда на первый план выходит яркая и заметная типографика. Здесь цветовой оттенок создает некую подложку под текст поверх какой-либо картинки. В результате текст не теряется, и дизайн при этом выглядит не скучным. Часто фоновая картинка для большего эффекта размывается, словно она не в фокусе.

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

Для примера предлагаю вам небольшую подборку сайтов в стиле color cast.

Читать далее…

Подборка свежих шрифтов от Lost Type

Давненько я не заглядывала к ребятам из Lost Type. Мне очень симпатичен этот ресурс с красивыми и стильными шрифтами. Его основали два дизайнера из Канады Riley Cran и Tyler Galpin. Самое приятное, что шрифты у них можно скачать бесплатно или за столько, сколько не жалко. Это первый шрифтовой ресурс, где был применен данный способ оплаты. И, судя по тому, что ресурс исправно пополняется, дела у ребят идут хорошо.

Сегодня я хочу представить вам свежую подборку классных шрифтов.

1. Habana

habana

Читать далее…

Тенденции веб дизайна 2014

wdt2014

Хотела, было, по привычке написать очередной пост о тенденциях веб-дизайна на 2014 год, но оглянувшись на буржуйские блоги, поняла, что ничего особенного за год не изменилось. Все те же плоские дизайны рулят, мобильные девайсы рулят, шрифты рулят, громадные фотографические фоны, параллаксы и пр. Ничего нового. Абсолютно!!! Обо всем этом было подробно расписано еще в тенденциях веб-дизайна на 2013 год.

И вот я думаю: а оно вообще кому-то надо? Судя по статистике, на эти посты вообще мало кто обращает внимания. То ли у нас это мало кому интересно, то ли слишком сложно для большинства веб-дизайнеров, то ли потребители еще не созрели.

А вы как считаете? Насколько у нас в рунете востребованы все эти западные тренды?