russian english
Home arrow WEB Дизайн arrow Малобюджетные веб-сайты (часть1)


Малобюджетные веб-сайты (часть1)

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

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

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

Дизайнеры, особенно - веб разработчики - хорошо знаю, что для того, что бы начать создавать новый интерфейс, мало прочитать Кирсанова и Круга, мало ознакомиться с трудами Нильсена и Головачёва - нужно очень много смотреть. Смотреть, как делают другие, как УЖЕ сделано, где сделано хорошо, а где допущены явные ошибки и промахи, лучшие примеры - запоминать, оставлять на них ссылки в закладках, и в будущем - смело пользоваться наработками, чужим опытом. Пожалуй, каждый веб-разработчик в какой-то период времени изобретал велосипед, и в этом тоже есть глубокий смысл - даже если велосипед оказался с колёсами в разные стороны и в последствии заржавел и рассыпался в прах - это опыт, бесценный опыт, без которого трудно двигаться дальше и бессмысленно пытаться анализировать чужые достижения. Опыт накапливается, со временем создается в голове определённая модель, план, основа авторских разработок.

Со временем некоторые вещи, некоторые решения выходят на интуитивный уровень, разработчик начинает *видеть* будущий проект практически мгновенно, как только перед ним поставлена задача. Компоновка страницы, возможное цветовое решение, необходимые для заданного проекта сервисы - суть в том, что модель не порождается с нуля, а выстраивается на уже готовой, уже пережитой на прошлых разработках структуре надстройками, видоизменяется с учетом полученного опыта и той новой информации, которая наложилась за период, прошедший с прошлого сайта до очередного старта. Лавинообразный информационный поток - и, как снежный ком, с каждой минутой ядро опыта становится больше, масштабнее. Увидеть это вы сможете (или уже видите) - когда количество реализованных проектов станет исчисляться десятками. Вы сможете оглянуться назад, и вспомнить - как вы думали ваш первый проект, с каким багажом знаний сделали первый шаг; что изменилось к пятому, после - к десятому проекту; и какая реакция на старт сегодня. Отследите - что изменилось; какой конкретно опыт является результатом изменений? Какие ошибки вы уже никогда не допустите?

Опыт - бесценная вещь в любой структуре, мы работаем, рисуем, программируем, мы с каждым проектом этот опыт накапливаем, мы действуем. Создаем. Мы хотим, чтобы результат нашего созидательного труда остался (в веках) навсегда, или хотя бы надолго. Нам нужно видеть, что наша работа - кому-то нужна, кому-то нравится, кем-то востребована. И один неудачный и быстро умерший проект - это только очередная ступенька для того, чтобы сделать свой шедевр. Сколько нужно таких ступенек? Разумеется, в каждом отдельном случае будет свое количество - одна, две, может, опыт будет накапливаться хитро - оставаться совсем не те ядрышки, как ожидалось тогда, когда был сделан первый шаг в IT, когда вы делали свою первую homepage, с трудом пробираясь через дебри основ HTML и не понимая, почему ваш сайт с уникальной и ни на что не похожей цветовой гаммой не нравится вашим посетителям, и почему вам советуют убить себя об стену... Вы спорите, что-то доказываете - и с удивлением обнаруживаете, что действительно! Подбор цветового решения - не ваше сильное место, но зато тот скрипт, который вы наваяли для какого-то мелочного сервиса - он работает, и он нравится людям, и вы сами его используете на ваших последующих проектах - дорабатывая и совершенствуя, что визуальная часть не удалась, но запрограммировать вы можете еще и лучше! И правильным решением будет заняться тем, что у вас получается - и вот вы понимаете, что сотрудничать со способным визуальным дизайнером (который, в свою очередь, недоганяет, как пишутся все эти скрипты) выгоднее для вас обоих. Т.е. вы путём проб и ошибок меняете своё мнение о вашем предназначении, меняете профиль работы - остаетесь в IT, но понимаете, что накапливаете опыт, отличный от того, который планировали изначально, и это правильно и здорово!

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

В библиотеке сайтостроительства около 25 000 текстов - но ни в одном из них нет рецепта, как создать шедевр. Вы найдете советы и рекомендации о том, какие часто допускаемые разработчиками ошибки лучше не делать, или - как лучше сделать ту или иную фичу, или - насколько живучей может оказаться та или иная модна тенденция. Вы найдете статьи о том, как лучше подобрать цвет для отдельного объекта - рекламного модуля - или для сайта в целом, иследования по психологии цвета, советы, как выбирается гамма для конкретной целевой аудитории - и в чем предпочтения разных групп могут отличаться, что такое акценты и как использовать контрастныйцвет для выделения какой-то информации; но ни одной статьи, в которой дается готовое решение - берите цвета с такими вот конкретными цифрами! Вам могут рекомендовать, вас могут предостерегать, но никто никогда не напишет вам работающего алгоритма - как стать гением. Т.е. вам придется создавать, действовать самостоятельно, это - ваш личный опыт. И ответ на поставленный вопрос может быть один - работайте, творите, экспериментируйте, совершенствуйтесь в деле. Не пренебрегайте возможностью выслушать критику вашей работы со стороны, даже если ожидается, что вас заклюют более опытные веб-дизайнеры. Прислушивайтесь к четко озвученным недостаткам, игнорируйте неинформационные высказывания типа "Отстой!" и "В топку!" - и продолжайте накапливать ваш личный опыт.

Разработчики малобюджетных веб-сайтов

Сегодня, как и 5-7 лет назад очень много встречается в сети (особенно в форумах на веб-дизайнерские и околосайтостроительные темы) объявлений о том, что требуется дизайнер с оплатой в размерах 100-200$ за сайт, но при этом обещается, что сайты – не сложные, а их количество – приличное, до 10 в неделю, или если набить руку – 2-3 в день, т.е. если подписаться, то реально вполне заработать кучу денег. В форумах обычно такие объявы заплёвываются бывалыми сайтостроителями – типа не может сайт стоить столько денег, это просто смешно, с одной стороны, а с другой - не может веб-дизайнер создавать сайты с заданной в требованиях скоростью - или то, что он исполняет, трудно назвать веб-сайтом, во всяком случае - качественным. Но. Давайте посмотрим, что на сегодняшний день мы видим в сети:

99% сайтов имеют стандартный макет: 2-3-х колоночная верстка, и если 2-х - колоночная, то реализация такого проекта вообще проста: создается топ (или шапка: графический коллаж + логотип), меню (слева/справа), главная часть страницы - контент, футер (завершение страницы). С табличной версткой разработчику пришлось бы повозиться, а для дивной css-верстки у дизайнеров давно наработана стандартная "базовая" таблица стилей для типового сайта. Меняется цветовая гамма, меню как заказано - слева или справа, и другие основные элементы оформления, фончики, заголовки, ширина блоков (для навигации, к примеру) - здесь только правится таблица стилей. В коде каждого последующего сайта подправляется макет только слегка.

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

Если подходить так, как считается правильно – т.е. сначала анализируется проект, его цели и задачи, его аудитория, придумывается идея, потом – эскиз в шопе, после – порезка и оптимизация кода под рабочее состояние и динамику элементов – получается может и правильнее, но дольше. Поэтому в случае малобюджетного веб-сайта просто меняется ход разработки:

1. Типовые сайты держатся в голове как готовое решение, типа движок word press

2. Вся работа над дизайном – это как бы создание нового скина для того стандартного макета

3. Графика рисуется не в целом, а отдельными объектами, код практически не меняется, проводится только тюнинг для каждого отдельного сайта

4. Но для этого нужно иметь заготовки макетов, нужно накапливать понравившиеся цветовые гаммы и стили, и, разумеется, кучи клипартов – фото, графики, иконок. Никто не будет собирать схему авторских иконок для сайта, который стоит $100, какие могут быть претензии, но каждую из готового клипарта, уже нарисованную, чуть модифицировать под дизайн конечного сайта много времени не занимает.

5. Разработка логотипа - этап серьёзный и в ряде случаев важнейший, когда речь идет о солидных проектах, брендах, поскольку зачастую цвета и геометрия логотипа являются опорной точкой для визуала всего сайта. Но стоит ли говорить об этом в случае тех самых малобюджетных сайтов? Увольте, нет смысла. А посему ваше право - пользоваться теми же бесплатными сервисами, где можно взять уже разработанные, но никем не востребованные логотипы.<

Или - чего уж там - сразу - генераторами логотипов! Заходите на Web 2.0 Logos, вводите в строке имя сайта (фирмы), жмете кнопку Generate и - опа! наслаждаетесь результатом - вашим логотипом в модном ныне стиле WEB 2.0! Быстро, практически мгновенно, без трудозатрат и головной боли. То, что нужно для сайта с (только что не отрицательным) малым бюджетом.

6. Чтобы в потоке эти самые малобюджетные сайты хоть чем-то отличались, нужно все же менять визуализацию разных объектов на веб-странице. И опять же, чтобы для каждого отдельного дешёвого сайта не сёрфить в поисках интересных представлений всю сеть, вы можете воспользоваться готовым решением: всю работу за вас уже сделал Christian Watson в своем блоге y Cat Web Design: он собрал варианты удачных визуализаций заголовков (более 100 штук), форм комментариев (около полусотни), оформление самих комментариев (более полусотни) и календарей (35 штук). Много хороших примеров, которые можно взять на заметку.

Начинающим сайтостроителям – пожалуй, всем без исключения порекомендую пройти через подобный опыт участия в плотном потоке малобюджетный сайтов – в качестве тренинга. Вы сами заметите, как быстро изменяется ваше видение веб-сайтов, видение кода, видение проекта. Дальше - уже в процессе дальнейшего серфинга - с вами будут происходить удивительные вещи: при посещении очередного веб-сайта вы первым делом, уже даже незаметно для себя, тут же выстраиваете цветовой ряд, находя дырки (несочетаемые цвета, низкие контрасты, блеклые акценты и т.д.), тут же накладывать на сайт модульную сетку и представлять себе - каким наиболее простым способом такую сетку можно сверстать в html-коде, и - пусть не каждый раз, изредка заглянуть и в код сайта, и посмотреть, как же реализована верстка разработчиками, поплеваться на глупости и восемь вложенных таблиц для отверстывания менюшки, улыбнуться и сказать самому себе - Я УЖЕ МОГУ СДЕЛАТЬ ПРАВИЛЬНЕЕ! Быстрее и правильнее. Но - для того, чтобы так произошло, нужно смотреть и делать, смотреть и делать, много, не останавливаясь.

Кстати говоря, вовсе не всегда такие малобюджетные веб-сайты делают нищие студенты (в погоне за копеечкой или тем самым опытом в разработке). Если разаработчик на рынке уже несколько лет, если он интенсивно и плодотворно - но не всегда на одну и ту же компанию - работает, и уже имеет тот самый опыт, о котором мы говорили выше, и - в качестве подтверждения этого опыта - целую серию скриптов для различных сервисов, часто запрашиваемых на веб-сайты - от движка для управления текстами - новостями, статьями, рубриками, до форумов, каталогов и прочих нежностей. Это вовсе не дырявые бесплатные чужие разработки - это его скрипты, которые он сам писал и настраивал для прошлых проектов. И, если представить, к примеру, что такой разработчик временно находится в свободном полете, без нагрузки, и готов потратить недельку времени на небольшой проект, то не особенно напрягаясь он сможет собрать заказчику за очень небольшие деньги вполне полноценный информационный или коммерческий ресурс со всеми необходимыми сервисами, который в нормальном потоке обошелся бы клиенту на порядок дороже. Другое дело, что на такое унижение веб-разработчик пойдет только при очень напрягающих внешних обстоятельствах или от уж очень большой скуки - свой бесценный опыт хочется продать по дороже. А ведь понятно, что если заказчику внедряется сервис, который на самом деле уже написан, и под конкретный сайт делается только тюнинг - это заказчику не будет стоить так уж дешевле, чем написание сервиса с нуля. Помните рассказку про админа, который пришел в офис, где все бегают переполошенные в панике, уже пол-дня не могут настроить то, что сами же и поломали, заходит на сервер, убивает процесс и стоит ждет оплаты. Владелец фирмы спрашивает - это что, я должен вам платить $50 за то, что вы нажали две кнопки? Нет, отвечает админ. За то, что я ЗНАЛ, где нажать. А вы - не знали.

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

Продолжение. Часть 2.


Просмотров: 3915

  Ваш коментарий будет первым

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Реклама и Статистика




Rambler's Top100