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

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

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

Естественно мы рассматриваем информацию, которая предназначена для прочтения в онлайне. Если же размещаются документы, которые предназначены для печати, то следует продумать специальные страницы для печати, в которых будет находится полная информация.

Также важен и стиль, в котором излагается информация. Этот стиль должен быть уникальным. Хотя на корпоративных сайтах информация выкладывается официального характера, тем не менее, ее необходимо перерабатывать.

После создания структуры, написания текстов можно приступить к дизайнерскому делу. Первым делом нужно определится с инструментом разработки. Есть вариант предварительно набросать дизайн на бумажном листке, а потом перенести в электронный вариант. Однако существует множество редакторов (растровых и векторных), с помощью которых можно создавать макет дизайна. В результате получается готовый эскиз.

Мы уже прошли множество этапов создания сайта, но до сих пор не написали ни одной строчки html-кода. Все потому, что html-код не самый большой по объему и важности этап. В конце концов, написание html-кода есть дело техники. Хотя, надо признаться бывают различные не стыковки и "глюки", но все это поправимо. А вот этапы предшествующие html-кодированию - это творческие этапы, поэтому не стоит чересчур увлекаться кодированием и забывать о более важных вещах.
web9.jpgС чего начать строительство сайта? Вот правильный и важный вопрос. У вас есть большое желание и огромные планы, но вы не знаете, с чего начать, тем более делая это впервые. Вы, возможно уже имели кое-какой опыт по созданию домашней странички, но для разработки большого и законченного сайта требуется немного другой подход.

Одно из частых заблуждений является то, что строительство сайта нужно начинать с дизайна. Это не верно и более того, дизайн и верстка занимают не самый большой объем работы.

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

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

 Из личного опыта, могу сказать, что структуру хорошо бы расписать на обыкновенном листе бумаги.

Рассмотрим пример: небольшой компании требуется открыть в интернете свое представительство.
Структура таких сайтов обычно состоит из следующих разделов:
-    новости компании;
-    информация о компании;
-    предоставляемые услуги;
-    перечень товаров;
-    контактная информация.

Остается скорректировать эту структуру под конкретную компанию. Вероятно, что компания имеет несколько равных по объему областей своей деятельности, поэтому возможно имеет смысл создать еще несколько разделов в верхний уровень меню.

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

Чтобы такого не произошло, необходимо использовать иерархию разделов в меню. Структурирование поможет нам выделить основные разделы и поместить их на первую страницу, а второстепенные разделы будут выбираться после входа в один из основных разделов. И далее точно также для разделов второго уровня. А если пунктов получается много, то можно сделать иерархию и до третьего уровня. Но далее, это уже перебор! Но если пунктов очень много и в 3 уровня вы не вкладываетесь, то нужно задуматься о выделении информации в отдельные подсайты, разбитые на определенные области информации. Так, к примеру, из общего сайта выделяют в отдельный - электронный магазин и он функционирует как самостоятельный.
web8.jpgМы рассмотрим сегодня отличия, по которым можно различить профессионала в веб-дизайне от дилетанта.

Итак, начнем.

1.    Профессионал в веб-дизайне не обращается к помощи бесплатной графики, которая навалена в интернете для оформления сайта. Качество бесплатных картинок очень не важное, это плохой материал для начинающего веб-дизайнера.
2.    Профессионал никогда не будет в качестве текстур использовать яркие и вызывающие текстуры, например, под дерево. Ну а если и будет такая надобность, то он это будет реализовывать очень осторожно, так, чтобы текстура вливалась в остальные элементы и не была слишком выделяемой.
3.    Умный веб-дизайнер не будет использовать псевдо 3d-надписи, имеющие ненатуральный вид, за счет псевдо натуральных текстур. А в комплексе с такими же кнопками и линейками, неправдоподобность еще более заметна. Более того, неправдоподобность подчеркивается еще и тем, что источники освещения расположены у них по разным точкам.
4.    Безусловно профессионал не будет и прибегать к надписям и элементам управления, которые раздражают глаз и мешают сосредоточится на содержании, за счет всевозможных миганий, вращений, движений или трехмерных превращений.
5.    Профи понимает, что забивая свои страницы различными рода аплетами и скриптами (по типу часов), он только увеличивает длительность загрузки его страниц, а никакой пользы они не приносят, хотя дилетанты считают, что это украшает их сайт.
6.    Хороший веб-дизайнер не помещает в статусную строку браузера всякого рода не нужные надписи или приветствия.
7.    Также профессионал не будет использовать всплывающие окна, раскрывать в полноэкранном режиме окно браузера или другим способом "впихнуть" что-то посетителю. На самом деле посетителей это только отталкивает.
8.    Мудрый веб-дизайнер в первую очередь будет заботится о тех, кто будет посещать его ресурс и всеми силами стараться оптимизировать загрузку страниц, качество и скорость графики, и удобство текста. Он делает удобный и ненавязчивый дизайн.

Поэтому, если в одном из пунктов вы нашли не соответствие со своими подходами в дизайнерском деле, стоит обязательно исправиться.
web7.jpgХороший дизайн - это не роскошь, а необходимость! Количество сайтов в интернете растет не по дням, а по часам. Соответственно, растет и уровень дизайнерского мастерства, и как следствие, требования к нему. Когда посетитель попадает на страницу, которая плохо оформлена, он может почувствовать элементарную неуважительность и скорее всего покинет сайт. Мы попытаемся сегодня разобраться в том, как повысить смысловую нагрузку контента и графики.

На что направлен дизайн?
Он должен привлекать внимание, делать сайт уникальным и доносить до посетителей определенную информацию.

Теперь рассмотрим это по порядку.

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

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

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

Эффектный дизайн доносит информацию в полном объеме
Глядя на страницы вашего сайта, посетитель ощутит важность находящейся там информации. Ведь эффектный дизайн только подчеркнет важность содержимого. Если правильно подобрать цвет, оформление, шрифты и правильно расположение всего этого, то на посетителя это произведет очень приятное впечатление. А вот нагроможденная страница всякими беспорядочными элементами создаст мнение непрофессионализма автора. Важно также для эффективного дизайна создавать документы, которые будет удобно читать. Для этого нужно правильно использовать такие параметры, как: размер шрифта, длина строки, межстрочный интервал, выравнивание и т.п. На странице не должно быть больших фрагментов текста. Большие тексты необходимо разбивать на более мелкие, которые будет легче воспринимать. Используйте пробелы между строк, добавляйте подзаголовки, таблицы, диаграммы, блок-схемы. Заменяйте текст на иллюстрации, если есть возможность. Помните, эффектный дизайн облегчает посетителю понимать суть, изложенную на странице и способен в полном объеме донести желаемую информацию до посетителя.
web6.jpgВо второй нашей части мы поговорим о вопросах оптимизации графики, но сначала рассмотрим свойства и особенности второго популярнейшего формата в сети - JPG:
-    возможность хранения полноцветных изображений с 16,7 миллионов цветов (24 бита), причем рисунок даже имея меньшее число цветов, при преобразовании становится полноцветным;
-    используется сжатие с потерей информации, что дает огромную степень сжатия файлов;
-    поддержка прогрессивной развертки (в начале изображение появляется полностью, но в плохом качестве и постепенно улучшается по мере загрузки файла).

Оптимизация графики
Размер графического файла очень важен для создания интернет-страниц. Какого же он должен быть размера? Как долго он должен загружаться?

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

Однако во всем нужно иметь меру, фотографии следует оптимизировать по принципу компромисса, т.е. не стоит их делать слишком мелкими, что потом и разглядеть сложно, как и не стоит делать фотографии слишком большие, чтобы не ждать загрузку вечно. Хотя, надо сказать, бывают и исключения (если правильно оптимизировать большую фотографию, она может загружаться с тем же временем, что и обычная фотография, также и наоборот, бездарно оптимизированная фотография маленького размера может грузится очень долго). И еще, когда я говорю обычная фотография, я имею в виду фотографию, размером 250x300 пикселей и размером от 5 до 10 килобайт. Я не утверждают, что все фотографии должны иметь такой же размер, но по площади должны быть эквивалентны. Эти рекомендации относятся только фотографиям, который иллюстрируют текст, но это не касается рисунков, используемых в роли навигации.


Категории

Архивы по месяцам

Разное

Смотрите новые записи на главной странице или загляните в архив, где есть ссылки на все сообщения.