|
В начале рассмотрим дизайн сайта, точнее его структуру
Поэтому начинать надо не с второго или с третьего класса. Не с HTML и с CSS. А начинать надо с А4 :) То есть с чистого листа. Проводя курсы веб-дизайна, при работе с учениками, нередко приходилось отмечать, что они даже не имеют четкого представления о том, какое должно быть юзабилити и навигация, перед тем как создать сайт. Какие должны быть разделы, в каком порядке должны располагаться страницы сайта.
Материал для сайта
У многих клиентов и учеников, практикующих курсы веб дизайна, дело зачастую упирается в наполнение материалом. Сайт есть, а материала, текстов нет. И не предвидится :) Как и денег на создание материала. Поэтому начинать надо с паровоза, то есть с написания материалов. Это не так быстро как может показаться во время создания. Остерегайтесь халявы - копирования у других. Ваша разработка может попасть в баню к Яндексу, а оттуда возврата практически нет. И тогда вам придется забыть о времени, потраченном на созданние сайта и разрабатывать новый проект. А предыдущие труды пойдут прахом. Точнее опытом.
Тут полезна бесценная мысль Архимеда. Он говорил, что идеи и интересные мысли это дар богов, его надо ценить и не терять. Поэтому интересные мысли, которые к нему приходили с выше, он всегда тут же записывал. Не отходя от кассы, пока не забыл. В результате он получил память веков. Чего и вам советую :) Другой вариант рождения мыслей - это беседы с кем либо по теме материалов. Тоже не забывайте фиксировать в редакторе интересные моменты беседы для вашего любимого сайта.
Разделы , которые имеет понятный сайт
Если с материалом у вас все путем, то займемся листом формата А4. То есть разделами. У вас должно быть абсолютно четкое представление архитектуры навигации, которую будет иметь Ваш сайт. У учеников, изучающих курсы веб дизайна, одна из основных ошибок именно в слабой проработке навигации и юзабилити. В пренебрежительном подходе к делу. В итоге главные разделы потом так и остаются в глубине, так как сменить архитектуру или слишком сложно, в зависимости от движка, или просто не доходят руки. Если у вас мало опыта, то всегда полезно полазить по другим красивым или понятным сайтам и запомнить понравившуюся вам навигацию. Чтобы учиться на ней при разработке вашего сайта.
Создание сайта - Вертикальное или горизонтальное меню ?
На листе нарисуйте таблицу и пропишите порядок, имена разделов. Меню может быть горизонтальным, вертикальным. Или и то, и другое. Горизонтальное не выпадающее меню оптимально для небольших страничек. Плюс этого меню в том, что оно на более видном месте сайта. Недостаток в том, что оно не резиновое - горизонтально ограничено. Вертикальное меню наоборот. Поэтому его можно назвать второстепенным. В созданном сайте его хуже видно , но зато туда можно вставлять сколько угодно разделов.
Но при создании сайтов чем больше разделов меню , тем хуже видно главные разделы. Если вы стремитесь создать дизайн сайта с наилучшим юзабилити, то в горизонтальном меню идеально всего 3 раздела. Тогда можно быть уверенным, что большинство посетителей увидят их и найдут. Нормально 5 разделов, но инфа уже начинает утопать в фоне друг друга. То есть чем меньше, тем лучше. Практикуйте искусство вторичного - оно должно уходить на вторые и третьи уровни навигации. А всякую воду в редактируемом вами тексте материала можно вообще совсем удалить, даже не переживая.
Дизайн подвала
В конце листа А4 можно прописать подвал - это низ сайта. Там обычно стоит или не стоит ссылка "Наверх", указание прав источника © 2000-2200 и ссылка автора созданного сайта. © можно найти в таблице символов у стандартного шрифта. Или просто скопировать с подвала любой страницы или портала.
При разработке сайта, можно сделать информацию внизу менее заметной или вообще ничего не писать в подвале. Это в тех случаях, когда Вы стремитесь свести к минимуму информационный мусор на сайте. В некоторых случаях это делает сайт красивее. Больше всего инфо-мусором отличаются некоторые движки сайтов, вплоть до календарей и прочего инфо-хлама.
Разработка сайта - Контакт
На нашем листе не забываем указать места вашего контакта. Если вы обратили внимание, на странице, которую вы читаете, контакт, а точнее телефон, указан в нескольких местах. Это вопрос психологии посетителя сайта. На психологии мы остановимся подробнее в следующей статье по дизайну сайтов, где психологическая подковка играет немалую роль. Разработка сайта, даже его навигации, это не так просто, как кажется. В случае с контактом, это та же тема, что и количество разделов. Чем их больше, тем меньше видно главное. Так же и тут, чем больше инфы, тем больше в ней утопают главные элементы. Один из простых способов сделать их заметнее на сайте - это повторение важной информации.
Анализируйте дизайн сайта
У людей бывает иллюзия того, что они всё видят, в то время как зачастую это не так. Например запомнился случай на рынке, когда как и в случае с контактом, продавец тоже продублировал товар на прилавке. У покупателя товар лежал вплотную, под самым носом, но он его не видел и тянулся через весь прилавок к другой копии товара, который лежал в самом дальнем участка прилавка :). Думаю после этого показательного примера, останется меньше иллюзий того, что узкому лучу сознания людей все видно на сайте . Обычно это не осознается.
Этим кстати и отличается дизайнер, тем что он осознает, за счет чего дизайн сайта становится красивее и понятнее. В то время, как во многих случаях посетитель даже не понимает, за счет чего сайт становится лучше и понятнее. Если вы попробуете поэкспериментировать и убрать отдельные элементы любого сайта, то начнете это понимать. Если вы не умеете сделать это в Фотошопе или другой графической программе, то можно сходить на курсы фотошопа или курсы дизайна (других графических программ). Если нет такой возможности, то можете просто загородить на экране какой либо объект сайта. Чтобы проанализировать его баланс или красоту. Только профессионал умеет это делать уже сразу, в уме. Но подробнее на дизайне сайтов мы остановимся в следующей, второй статье.
Почему так важен план сайта?
Ваш лист это как генплан дома от архитектора. Дом будет построен и дальше перестраивать будет уже сложнее. В 95% случаев курсов веб-дизайна или разработок сайтов, у людей потом возникает желание что либо переместить или добавить. Но порой время это уже не позволяет. По затратам времени это абсолютно не сопоставимо - сделать изменения в реальном сайте и сделать изменения на бумаге. По этим причинам отнеситесь к макету на листе А4 со всей серьезностью. Это реально сэкономит ваши силы и время.
И конечно же поможет сделать Вам еще более хороший - более понятный сайт для посетителей.
Учитель
|
|