Сайт дня: ePochta - лучший помощник в раскрутке вашего бизнеса
Сегодняшний гость блога shakin.ru - Настя Манно, талантливый вебдизайнер и автор интересного блога о вебдизайне Mannodesign.com. Работы из портфолио Насти сразу привлекают своим оригинальным стилем.
Итак, встречайте - Настя Манно!
Привет, Настя! Расскажи, пожалуйста, о себе - где живешь, чем увлекаешься? Как ты пришла в вебдизайн?
Привет, Михаил! Спасибо за приглашение. С удовольствием отвечу на вопросы и постараюсь, чтобы это было нескучно 🙂
Меня зовут Настя Манно. Фамилия самая что ни на есть настоящая. Происхождение ее довольно туманно, хотя точно знаю, что она нам досталась от каких-то далеких корейских предков. Да, да, не удивляйтесь. Возможно, что какой-то из моих креативных предков решил просто присвоить себе красивую фамилию и был таков.
Живу под Питером в пригороде, куда перебралась несколько лет назад из центра. Питер — хороший город. Для работы, для прогулок, тусовок, похождений в театры и прочая… Но для жилья уже непригоден.
О работе много рассказывать не буду. По профессии я психолог (инженерная психология, если кому интересно), а работаю аналитиком в одной холдинговой компании. Правда с веб-дизайном это никак не связано, и все, что я делаю в сети — это мое личное хобби. Из всей массы увлечений это, на текущий момент, самое сильное. Кроме того, вожу машину (Toyota Corolla), катаюсь на роликах (летом) и на сноуборде (зимой), люблю свою дачку — это вообще волшебный уголок, заросший деревьями и кустарником. Еще слушаю очень много музыки, хорошей и разной. Любимые предпочтения: фанк, блюз, гитарная музыка, причем любая: от нео-классики и до кантри. В машине обычно слушаю что-нибудь спокойное, либо классику, либо этно. Более заводное ставить опасаюсь, так как могу увлечься, а это чревато ? В мечтах: научиться управлять легким самолетом.
Как ты пришла в вебдизайн?
Началось все, как ни странно, у меня на работке. Одной из дочерних компаний понадобился сайт. Для этого они нашли миловидное создание — дочурку шефа компании, которая на уроке информатики изготовила простейшую html-страницу, чем несказанно обрадовала родителя, а тот, в свою очередь, быстро пристроил дочу в офис под видом веб-мастера. Девчушка не растерялась, быстро со всеми перезнакомилась, усекла, что я много работаю в сети и стала моим «хвостиком». Пришлось мне взять над ней что-то вроде шефства и по-ходу самой вникать во все премудрости верстки.
Сайт мы так и не сделали, потому что ветер переменился, и компании он оказался как-то не нужен. А меня этот процесс так увлек, что я уже сама стала искать в сети материалы по сайтостроению. Очень помог мне в этом Игорь Квентор со своей книгой «Блочная верстка». Так просто и так все доступно там написано. Найти ее можно на его блоге «Вебсовет». Очень рекомендую всем начинающим веб-мастерам. Потом, по совету Игоря, я купила книгу Артемия Ломова «HTML, CSS, скрипты: практика создания сайтов». Там материал изложен более подробно, но так же доступно и легко.
Сделав парочку пробных сайтов, я решила затеять проект «Сайт с нуля». Что-то вроде подсказок начинающим веб-мастерам по самым базовым вопросам веб-строительства. Создала группу вконтакте, где за неделю набралось около сотни участников. Идея была интересная. Однако вскоре выяснилось, что данный сервис (вконтакте) — тусовка любителей почесать языками и повыпендриваться друг перед другом. Действующая составляющая там на уровне 0.5%.
🔥 Кстати! Я провожу платный курс по продвижению англоязычных сайтов SEO Шаолинь seoshaolin.com. Для читателей блога я делаю хорошую скидку по промокоду "blog". Тариф Про стоит не 41, а 35 тыс. рублей. Тариф Лайт не 21, а 17 тыс. рублей. Тариф Команда не 58, а 50 тыс. рублей. Для получения скидки пишите мне на globatorseo@gmail.com с темой "Курс" или в Telegram @mikeshakin.Пока я сама впервые рисовала дизайн для этого проекта, то набрела на сайт Smashingmagazine.Com. Вот тут, что называется, меня и понесло. Столько новых образов, идей, уроков и просто примеров сайтов и верстки, что просто захлестывает! Это ведь на самом деле все очень интересно. Я быстро потеряла интерес к текущему проекту, справедливо решив, что мне самой еще много чему нужно учиться. Завела парочку блогов на бесплатных сервисах. Опять же довольно скоро поняла, что возможностей, которые эти сервисы предоставляют, для меня уже малы, и решила создать свой собственный, полностью самостоятельный блог. Так появился Mannodesign.Com.
Нужно ли иметь специальное образование, чтобы стать успешным вебдизайнером?
Нет, я так не считаю. Более того, изучив ситуацию с обучением именно веб-дизайну в нашей стране, я пришла к выводу, что в большей степени это профанация и удобная «качалка денег» из карманов наивных адептов. В лучшем случае на подобных курсах научат основам HTML и работе с графическими пакетами, которые без должной практики выветрятся из головы уже через пару недель. Полная аналогия с курсами иностранных языков.
Если человеку на самом деле интересен предмет, то он легко найдет массу обучающей информации, как в сети, так и в бумажных изданиях. Достаточно в любом поисковике набрать что-то вроде «основы веб-дизайна» или «начинающему веб-мастеру». Другое дело, что подобной инфы очень много, и много уже сильно устаревшей. Поэтому лично мне мои навыки аналитической работы помогают довольно успешно отделять мух от котлет.
Что же касается успешности, то здесь лишь вопрос времени и желания. Не секрет, что многим людям, чтобы стать успешными в чем-либо, очень часто не хватает обычного терпения и настойчивости. Первые же неудачи, а они случаются у всех (!), повергают их в уныние и отбивают любое желание заниматься этим далее. Что помогает лично мне? Я просто знаю, что все желания рано или чуть позже, но обязательно исполняются.
Какие шрифты ты любишь использовать чаще всего в вебдизайне?
Ой, шрифты — это вообще больная тема. Кто-то любит объедаться мороженным, кто-то не может устоять перед пирожными. Я же «объедаюсь» всевозможными шрифтами. Наверное, это болезнь большинства дизайнеров. Мы как Плюшкины собираем горы шрифтов, кистей, шейпов, уроков по Фотошопу и т.п. Процесс этот столь же перманентный, как и многопрофильный. Любое хобби подразумевает начальные накопления чего-то нужного и полезного. Со временем из этой горы выкристаллизовывается маленькая кучка того, что уже постоянно используешь в работе.
В случае со шрифтами у меня сейчас сложился примерно такой набор:
1. Шрифты с засечками: Times New Roman, Book Antiqua, Just Old Fashion.
2. Шрифты без засечек: Verdana, Arial, Fontin, Fertigo, Bimini, Bauhaus.
Есть еще масса шрифтов в стилях ретро и гранж, но их я использую совсем чуть-чуть. В основном из-за отсутствия поддержки кириллицы.
Настя, скажи, как ты преодолеваешь творческий кризис?
У меня не бывает творческих кризисов. Стили, в которых я в основном работаю, предполагают изначально полную свободу для творчества. Ты не ограничена какими-то рамками. Есть идея. Вернее так: заказчик задает тему, я практически сразу вижу ее по-своему. Делаю обычный набросок на бумаге. Потом подбираю образы, рисунки, шрифт. Со шрифтами вообще люблю побаловаться. Люблю крупные шрифты. Вообще шрифт — это часть образа. Можно путем обычной перестановки частей слова, самих слов, подбора шрифта получить что-то необычное и новое. От этого так же можно отталкиваться как от исходной. Идеи витают вокруг нас. Кризис возникает тогда, когда человек не может, в силу «застревания» в накатанном русле, выйти за пределы этого русла.
Я считаю, что на начальном этапе создания дизайна не нужно ограничивать себя никакими правилами и рамками. Это уже потом, когда идея из аморфной превратилась уже во что-то осязаемое, только тогда можно и нужно приводить все к единому тону, стилю, вспоминать о верстке и, может быть, даже чем-то пожертвовать.
Какие тенденции ты бы отметила в вебдизайне за последние годы? Что сейчас модно в вебдизайне?
Да, об этом я писала у себя на блоге тоже. Не скажу, что рунет намного отстал от запада. Мы очень быстро перенимаем все новое. То, что у них держится на плаву несколько лет, у нас проходит за более короткий срок. Например, тот же стиль web 2.0. У нас о нем заговорили широко в конце 2006 начале 2007 года. Очень многие сайты стали обзаводиться деталями в «вебдванольном» стиле. Тогда же массово прошла волна статей на эту тему. Сейчас в моду входят хенд-мейдовые, гранж и ретро стили. Но должна оговориться, что все это мало коснулось коммерческих и корпоративных сайтов. Там до сих пор царит шаблонная простота и скука. Наверное, так и должно быть.
Ты сторонник фиксированной ширины сайтов или "резинового" дизайна?
Я исключительно за фиксированную верстку. «Резина» — это бардак. Когда ты рисуешь макет, то четко знаешь, где будет располагаться каждый элемент. В случае с растягивающимся сайтом, эти элементы будут перескакивать с места на место в зависимости от размеров экрана. Глупо это. И потом, обычно в «раздвижную» часть помещают текст. Любому, кто хоть немного знаком с типографикой и психологией восприятия, известно, что длинна нормального, читабельного текста ограничена 10 – 12 словами в строке. Делать ее более длинной, значит заведомо отвадить посетителя что-либо читать на сайте.
Из каких стадий состоит процесс создания дизайна для сайта?
Вначале стук в асю или письмо в мыльце со словами: «Вы делаете дизайны? Нам надо». Затем выпытывание у заказчика, чего же конкретно он желает. Часто на этом месте возникает загвоздка. Кто в теме, тот понимает, что требовать от заказчика ТЗ — прерогатива крупной арт-студии. Для фрилансера это все равно будет не более, чем «опишите-своими-словами-что-вы-хотите». В результате я для себя приняла за основу такой подход: спрашиваю по минимуму, какой общий настрой: светлый, темный; какова основная идея сайта; затем я рисую макет так, как это вижу я. Если категорически не устраивает — всего доброго. Если принимается с небольшими поправками — исправляю и довожу до ума. Не спорю, это не самый практичный подход, часть заказчиков будет потеряна, но это всего лишь часть, и беспокоиться по этому поводу нет смысла.
Назови 5 своих любимых сайтов по вебдизайну?
Так, сейчас попробую. В первую очередь это, конечно же, Smashingmagazine.Com. Это просто кладезь для дизайнера любого уровня. Далее, Webdesignerwall.Com, тоже много полезных вещей как по дизайну, так и по верстке.
Всем, кто только берется за изучение замечательной программы Фотошоп, рекомендую последовательно изучить уроки на Globator.Net. Не просто почитать-посмотреть, а именно запускать программу и повторять по шагам. Смысл не в том, пригодится вам конкретно этот урок или нет, а в том, что таким образом вы быстрее осваиваете множество инструментов и приобретаете навыки.
Следующий сайт, это Deviantart.Com. Здесь кроме несчетного числа кистей, форм и стилей для Фотошопа можно найти массу творческих идей. Как раз к вопросу о творческом кризисе. Заряжает креативом по самую макушку. И еще один очень полезный ресурс — это, конечно же, сайт со шрифтами, причем бесплатными. Из всей массы подобных ресурсов мне больше всего нравится Dafont.Com.
Что бы ты посоветовала начинающим вебдизайнерам для того, чтобы их сайты одинаково отображались во всех браузерах?
Прежде всего: не перегибать палку. Нет нужды устанавливать у себя на компьютере все версии IE, Оперы, Файерфокса и парочки экзотов, чтобы проверять во всех, как отображается сайт. У меня установлены IE 6, Opera 9 и Firefox 2.0. Этого вполне достаточно.
Далее, следите тщательно за чистотой кода. Буквально по знакам. Бывает, что все вроде верно, но достаточно пропустить кавычку или точку с запятой, и все начинает расплываться. Наиболее частая проблема с IE — перескакивание одного из блоков под другой (речь о, так называемой, «плавающей» блочной верстке). Происходит такое из-за неправильно заданных полей (padding) и отступов (margin). Разные браузеры по-разному высчитывают эти параметры. Главное — не паниковать. На любую закавыку всегда найдется решение.
Большое спасибо за интервью, Настя! Желаю тебе удачи и творческих успехов!
Спасибо, Михаил! И тебе тоже успехов! И еще хочу пожелать всем читателям блога быть настойчивыми и целеустремленными. Как бы пафосно это не звучало, но без этого никуда, если вы хотите добиться успеха в любом деле.
Постовой: 5 вопросов, которые следует задавать, при покупке морд у линкоторговцев
Сегодня на десерт - танцующий человечек из ершиков для чистки труб. Буквы - это выбор мелодии, при наведении курсора на клавиатуру он танцует.
Подпишитесь на рассылку блога с полезными материалами по SEO
Меня зовут Михаил Шакин, я автор этого блога, занимаюсь SEO с 2006 года. Вы можете заказать у меня