Страница:
Марта Александровна Дорохова
Как заработать в Интернете. Практическое пособие
Конечно же, возможностей при создании HTML-документа, а значит, и при создании своего сайта множество. Но здесь стоит учитывать несколько подводных камней. Во-первых, не всегда сайт, перегруженный всевозможными «примочками», смотрится достаточно эстетично. Да, человек, заходя на ваш сайт, приходит не за каким-то эстетическим удовлетворением (для этого он пошел бы в Третьяковскую галерею). Но все-таки чрезмерная загруженность сайта может утомлять его посетителя, сбивать его с нужной мысли. Вот почему он вряд ли зайдет к вам еще раз, иногда при этом и сам не понимая причины своего негодования. Итак, мы выяснили, в нашем сайте все должно быть лаконично, не перегружено. Подробнее о дизайне сайта, о его внешнем облике вы узнаете в следующем разделе.
Вторая причина, почему нежелательно, чтобы сайт был перегружен всякими функциями и оформлениями, заключается в том, что различные пользователи имеют различную скорость своего Интернета. Да, может быть, у вас скорость Интернета сверхвысокая. Ваша интернет-страница открывается у вас за доли секунд. Но подумайте о ваших посетителях, не всем повезло так же, как и вам. А, как известно, чем больше сайт перегружен, тем больше он будет весить, и, соответственно, тем дольше он будет открываться. Учтите, ваши посетители – тоже люди, и никому не нравится ждать, у всех у них есть свои дела, занятия. Да, час-другой они еще подождут открытия вашей страницы (это, конечно же, шутка), но даже если она все-таки появится, то они уже вряд ли станут рисковать и переходить с вашей страницы по каким-то рекламным ссылкам. Тут стоит отметить, что именно за счет таких переходов мы с вами и собираемся зарабатывать деньги.
Ну и еще один минус перегруженности сайтов. Он тоже связан с их большим весом. Но тут дело не с тем, как долго он будет открываться, а с тем, сколько это будет стоить пользователям. Ведь не все снабжены безлимитным Интернетом, и многие провайдеры предоставляют трафик, который расценивается исходя из того, сколько мегабайт было получено или отправлено. Поэтому, если такой пользователь, открывая вашу страницу, обнаружит, что деньги в Интернете закончились, то «спасибо», будьте уверены, он вам уж точно не скажет. А уж о том, чтобы еще раз разориться с вашим сайтом, и речи быть не может, он к вам больше не зайдет.
Итак, мы выяснили, как не отпугнуть посетителей. Теперь же выясним, как их, наоборот, привлечь. Все мы знаем, что людей «встречают по одежке». То же самое можно отнести и к сайту. Ведь прежде, чем познакомиться с его содержанием, люди обращают внимание на его оформление. Остановимся на этом более подробно.
1.1.3. Дизайн сайта
Конечно же, определенно должна существовать некоторая связь между содержанием сайта и его внешним видом. Но все-таки содержание играет в этом не определяющую роль. Прежде всего главная задача любого дизайна сайта – это эстетически приятный его вид и, между тем, удобный в его использовании. Поэтому рассмотрим по пунктам основные особенности, на которые при выборе оформления сайта вам необходимо обязательно обратить свое внимание.
Для начала познакомимся с таким понятием, как юзабилити.
В наше время существует огромное количество сайтов, поэтому и требования к сайту сейчас тоже очень большие. Важным показателем в оценке сайта является так называемая его дружественность для пользователя. Да, это не описка, сейчас именно «дружественность» является вполне определенным показателям. Этот показатель имеет еще одно распространенное название – юзабилити (Usability). Ведь, скажем, если вы сделаете фон синим, то любой посетитель будет видеть именно синий цвет, только воспринимать его все посетители будут по-разному. Кому-то этот цвет будет нравиться, кому-то нет. Как же угодить всем? Для этого, прежде всего, необходимо соблюдать некоторые обязательные правила, которые помогут сделать ваш сайт приемлемым для любого посетителя. Правила эти следующие:
1) одно из главных правил заключается в том, что на вашей странице ничего не должно сливаться, чтобы все можно было легко разглядеть. Для этого требуется, чтобы соблюдалась контрастность, т. е. строгое разграничение между фоном и текстом, а также между фоном и всеми рисунками, таблицами и другими изображениями на странице;
2) строгие требования, несмотря на кажущуюся простоту, предъявляются к фону. Он ни в коем случае не должен быть прозрачным, к тому же он должен быть цельным, без каких-либо разрывов. Если в качестве фона вы используете какой-то рисунок, то особенно нужно проследить за тем, чтобы он всегда располагался позади текста, рисунков и т. п.;
3) на что еще надо обратить внимание, так это на цветовую гамму вашей интернет-страницы. Количество цветов не прямо пропорционально качеству страницы, поэтому не надо с ними перебарщивать. Специалисты уверяют, что на одной странице одновременно можно применять не более 5 цветов. Только и здесь не надо чрезмерного фанатизма, если вы используете какие-то рисунки, не стоит в каком-нибудь CorelDraw или другой программе переделывать их в черно-белые, трехцветные и т. п. Нет, это относится к основному стилю вашей страницы, а используемые рисунки пусть так и остаются многоцветными;
4) очень хорошо, когда все цвета вашей страницы выдержаны в одной гамме, т. е. подходят друг другу. Ведь согласитесь, зеленый цвет на красном фоне (или наоборот), скорее всего, будет выглядеть раздражающе. Если вы в этом не специалист и считаете, что у вас плохой вкус, вы не справитесь с такой задачей, как выбор правильных цветов, то мой вам совет: наблюдайте, изучайте, делайте выводы. Что это значит? В вашем распоряжении огромная Всемирная паутина, вам просто надо проследить, какие сайты вам нравятся, какие сайты вообще наиболее популярны в Сети и какие цвета и их сочетания используются при их оформлении. Если же и это вам не помогло и вы думаете, что все-таки у вас до сих пор ничего не получается, то переходите к следующему пункту;
5) очень часто наиболее удобно и даже с некоторой стороны выгодно использовать такую цветовую гамму сайта, которая будет каким-то образом связана с его тематикой, или же исходить из того, на какую аудиторию ваш сайт рассчитан. В основном это относится к каким-то узконаправленным сайтам. К примеру, вы создали сайт фанатов футбольной команды «Динамо». Думаю, что если вы используете при этом красно-белое оформление, то фанаты вас неправильно поймут, а вот сочетание белого и синего цветов будет радовать глаз любого динамовца. И уж поверьте, он к вам не раз вернется. А может быть, и обратит внимание на рекламные ссылки, за счет которых вы будете получать прибыль. А вот если вы решили создать сайт, посвященный, скажем, эмо-течению в музыке, то вам просто не обойтись без черного и розового цветов. Я думаю, вы уловили основную мысль;
6) другое дело, если каких-то определенных цветов нет, как в случае сайта о «Динамо» или эмо, тогда еще один параметр, по которому вы можете ориентироваться – возрастная категория основных посетителей вашего сайта. Если вы создаете сайт для людей, например, пенсионного возраста, то вы должны быть готовы к тому, что у большинства из них проблемы со зрением, вот почему желательно использовать более яркие цвета, контраст между цветом и фоном должен быть высоким, буквы не должны быть ни в коем случае мелкими. Помните, никому не нравится щуриться, а уж людям преклонного возраста – тем более;
7) если вы просто хотите донести до людей какую-то информацию без чего-то лишнего, то лучше всего (так сказать, безотказный вариант) использовать черный текст на белом фоне. Это сочетание все воспринимают одинаково хорошо;
8) еще несколько слов по поводу выбора стиля текста. Во-первых, что касается выбора шрифтов. Конечно, вы можете удивить своих посетителей тем, что представите на их суд какой-нибудь редкий, очаровательный (как вам кажется) шрифт. Но здесь вас, скорее всего, ждут подводные камни, причем очень серьезные. Если вы смогли достать где-то этот шрифт, то совсем не факт, что ваш посетитель также где-то его заполучил, или вообще у него возникла такая мысль. Поэтому вместо вашего редкого шрифта у себя на компьютере он сможет увидеть (если вообще хотя бы что-то увидит) только какие-нибудь иероглифы, которые вряд ли захочет переводить. Поэтому лучше всего остановиться на стандартных шрифтах, представленных, скажем, в наборе Microsoft Word. Тот же самый полюбившийся Times New Roman еще никто не отменял;
9) еще одно правило, которое относится к тексту вашей страницы, заключается в выборе его цвета. Мы уже выяснили, что цвет текста, с одной стороны, не должен сливаться с фоном, а с другой стороны, должен подходить к нему по стилю. Но этого, опять же, учитывать мало. К несчастью, в природе есть так называемые плохо воспринимаемые человеческим глазом цвета. К примеру, если желтый фон очень даже приемлем, то вот написанный с использованием желтого цвета текст – это уже ошибка. Все дело в том, что желтый цвет, так же как и голубой, оранжевый и другие, как раз относится к цветам, которые плохо воспринимаются. Их не следует использовать в качестве цвета текста. За исключением, может быть, вариантов, если текст очень крупный. В этом случае, даже если он желтый, его трудно будет не заметить;
10) стоит отдельно остановиться на таком коварном цвете, как серый. Его тоже не очень любят веб-дизайнеры. Нет, конечно, я не запрещаю вам его использовать, применяйте его, если вам он нравится, но вот для оформления какой-то особо важной информации его лучше не употреблять. Ведь не зря же пошло такое выражение, как «серая мышка». А вы же совсем не хотите сделать из своей важной информации нечто такое же незаметное, не привлекающее особого внимания;
11) но не только цвета по отдельности могут создавать помехи в правильном восприятии вашей страницы, но и, собираясь в группы, они способны причинить вред. Можно составить целый «черный список» нежелательных, точнее сказать, ни в коем случае не рекомендуемых к применению сочетаний цветов. Да, может быть, их и можно использовать одновременно на одной странице, но только не так, чтобы они шли последовательно. Таких сочетаний много, учитывая, как много оттенков у каждого цвета. Пожалуй, основными являются такие «неприятные» для глаза, особенно в каких-то изображениях, цвета, как красный и синий; синий и желтый очень не подходят для создания диаграмм и т. п.
Итак, как мы видим, определяющим при выборе дизайна веб-страницы является выбор цветовой гаммы. Если вы все-таки остановились на каких-то цветах, оформлениях, но по-прежнему не уверены на тот счет, что посетители это оформление примут «на ура», то следующий совет – для вас. Существует один простой метод проверки. Он заключается в том, что вы должны вашу страницу, а точнее ее цветовую гамму, отразить в режиме 256 оттенков серого цвета, после чего применить и простой черно-белый вариант. Такие нехитрые действия позволят вам сделать следующее: как бы сокращая спектр цветовых возможностей вашей страницы при выборе этих режимов, вы тем самым исключаете все те избыточные цветовые эффекты, по поводу которых вы не уверены, воспримет ли их посетитель. Теперь-то вы можете оценить, что случится, если этих эффектов посетитель все-таки не увидит, какой предстанет (приблизительно, конечно) перед ним ваша страница, можно ли в этом случае в ней хорошо ориентироваться и разобраться, а также совершить именно те действия, которые вы ждете от ваших посетителей.
Для начала познакомимся с таким понятием, как юзабилити.
В наше время существует огромное количество сайтов, поэтому и требования к сайту сейчас тоже очень большие. Важным показателем в оценке сайта является так называемая его дружественность для пользователя. Да, это не описка, сейчас именно «дружественность» является вполне определенным показателям. Этот показатель имеет еще одно распространенное название – юзабилити (Usability). Ведь, скажем, если вы сделаете фон синим, то любой посетитель будет видеть именно синий цвет, только воспринимать его все посетители будут по-разному. Кому-то этот цвет будет нравиться, кому-то нет. Как же угодить всем? Для этого, прежде всего, необходимо соблюдать некоторые обязательные правила, которые помогут сделать ваш сайт приемлемым для любого посетителя. Правила эти следующие:
1) одно из главных правил заключается в том, что на вашей странице ничего не должно сливаться, чтобы все можно было легко разглядеть. Для этого требуется, чтобы соблюдалась контрастность, т. е. строгое разграничение между фоном и текстом, а также между фоном и всеми рисунками, таблицами и другими изображениями на странице;
2) строгие требования, несмотря на кажущуюся простоту, предъявляются к фону. Он ни в коем случае не должен быть прозрачным, к тому же он должен быть цельным, без каких-либо разрывов. Если в качестве фона вы используете какой-то рисунок, то особенно нужно проследить за тем, чтобы он всегда располагался позади текста, рисунков и т. п.;
3) на что еще надо обратить внимание, так это на цветовую гамму вашей интернет-страницы. Количество цветов не прямо пропорционально качеству страницы, поэтому не надо с ними перебарщивать. Специалисты уверяют, что на одной странице одновременно можно применять не более 5 цветов. Только и здесь не надо чрезмерного фанатизма, если вы используете какие-то рисунки, не стоит в каком-нибудь CorelDraw или другой программе переделывать их в черно-белые, трехцветные и т. п. Нет, это относится к основному стилю вашей страницы, а используемые рисунки пусть так и остаются многоцветными;
4) очень хорошо, когда все цвета вашей страницы выдержаны в одной гамме, т. е. подходят друг другу. Ведь согласитесь, зеленый цвет на красном фоне (или наоборот), скорее всего, будет выглядеть раздражающе. Если вы в этом не специалист и считаете, что у вас плохой вкус, вы не справитесь с такой задачей, как выбор правильных цветов, то мой вам совет: наблюдайте, изучайте, делайте выводы. Что это значит? В вашем распоряжении огромная Всемирная паутина, вам просто надо проследить, какие сайты вам нравятся, какие сайты вообще наиболее популярны в Сети и какие цвета и их сочетания используются при их оформлении. Если же и это вам не помогло и вы думаете, что все-таки у вас до сих пор ничего не получается, то переходите к следующему пункту;
5) очень часто наиболее удобно и даже с некоторой стороны выгодно использовать такую цветовую гамму сайта, которая будет каким-то образом связана с его тематикой, или же исходить из того, на какую аудиторию ваш сайт рассчитан. В основном это относится к каким-то узконаправленным сайтам. К примеру, вы создали сайт фанатов футбольной команды «Динамо». Думаю, что если вы используете при этом красно-белое оформление, то фанаты вас неправильно поймут, а вот сочетание белого и синего цветов будет радовать глаз любого динамовца. И уж поверьте, он к вам не раз вернется. А может быть, и обратит внимание на рекламные ссылки, за счет которых вы будете получать прибыль. А вот если вы решили создать сайт, посвященный, скажем, эмо-течению в музыке, то вам просто не обойтись без черного и розового цветов. Я думаю, вы уловили основную мысль;
6) другое дело, если каких-то определенных цветов нет, как в случае сайта о «Динамо» или эмо, тогда еще один параметр, по которому вы можете ориентироваться – возрастная категория основных посетителей вашего сайта. Если вы создаете сайт для людей, например, пенсионного возраста, то вы должны быть готовы к тому, что у большинства из них проблемы со зрением, вот почему желательно использовать более яркие цвета, контраст между цветом и фоном должен быть высоким, буквы не должны быть ни в коем случае мелкими. Помните, никому не нравится щуриться, а уж людям преклонного возраста – тем более;
7) если вы просто хотите донести до людей какую-то информацию без чего-то лишнего, то лучше всего (так сказать, безотказный вариант) использовать черный текст на белом фоне. Это сочетание все воспринимают одинаково хорошо;
8) еще несколько слов по поводу выбора стиля текста. Во-первых, что касается выбора шрифтов. Конечно, вы можете удивить своих посетителей тем, что представите на их суд какой-нибудь редкий, очаровательный (как вам кажется) шрифт. Но здесь вас, скорее всего, ждут подводные камни, причем очень серьезные. Если вы смогли достать где-то этот шрифт, то совсем не факт, что ваш посетитель также где-то его заполучил, или вообще у него возникла такая мысль. Поэтому вместо вашего редкого шрифта у себя на компьютере он сможет увидеть (если вообще хотя бы что-то увидит) только какие-нибудь иероглифы, которые вряд ли захочет переводить. Поэтому лучше всего остановиться на стандартных шрифтах, представленных, скажем, в наборе Microsoft Word. Тот же самый полюбившийся Times New Roman еще никто не отменял;
9) еще одно правило, которое относится к тексту вашей страницы, заключается в выборе его цвета. Мы уже выяснили, что цвет текста, с одной стороны, не должен сливаться с фоном, а с другой стороны, должен подходить к нему по стилю. Но этого, опять же, учитывать мало. К несчастью, в природе есть так называемые плохо воспринимаемые человеческим глазом цвета. К примеру, если желтый фон очень даже приемлем, то вот написанный с использованием желтого цвета текст – это уже ошибка. Все дело в том, что желтый цвет, так же как и голубой, оранжевый и другие, как раз относится к цветам, которые плохо воспринимаются. Их не следует использовать в качестве цвета текста. За исключением, может быть, вариантов, если текст очень крупный. В этом случае, даже если он желтый, его трудно будет не заметить;
10) стоит отдельно остановиться на таком коварном цвете, как серый. Его тоже не очень любят веб-дизайнеры. Нет, конечно, я не запрещаю вам его использовать, применяйте его, если вам он нравится, но вот для оформления какой-то особо важной информации его лучше не употреблять. Ведь не зря же пошло такое выражение, как «серая мышка». А вы же совсем не хотите сделать из своей важной информации нечто такое же незаметное, не привлекающее особого внимания;
11) но не только цвета по отдельности могут создавать помехи в правильном восприятии вашей страницы, но и, собираясь в группы, они способны причинить вред. Можно составить целый «черный список» нежелательных, точнее сказать, ни в коем случае не рекомендуемых к применению сочетаний цветов. Да, может быть, их и можно использовать одновременно на одной странице, но только не так, чтобы они шли последовательно. Таких сочетаний много, учитывая, как много оттенков у каждого цвета. Пожалуй, основными являются такие «неприятные» для глаза, особенно в каких-то изображениях, цвета, как красный и синий; синий и желтый очень не подходят для создания диаграмм и т. п.
Итак, как мы видим, определяющим при выборе дизайна веб-страницы является выбор цветовой гаммы. Если вы все-таки остановились на каких-то цветах, оформлениях, но по-прежнему не уверены на тот счет, что посетители это оформление примут «на ура», то следующий совет – для вас. Существует один простой метод проверки. Он заключается в том, что вы должны вашу страницу, а точнее ее цветовую гамму, отразить в режиме 256 оттенков серого цвета, после чего применить и простой черно-белый вариант. Такие нехитрые действия позволят вам сделать следующее: как бы сокращая спектр цветовых возможностей вашей страницы при выборе этих режимов, вы тем самым исключаете все те избыточные цветовые эффекты, по поводу которых вы не уверены, воспримет ли их посетитель. Теперь-то вы можете оценить, что случится, если этих эффектов посетитель все-таки не увидит, какой предстанет (приблизительно, конечно) перед ним ваша страница, можно ли в этом случае в ней хорошо ориентироваться и разобраться, а также совершить именно те действия, которые вы ждете от ваших посетителей.