Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Дизайн для салажат. Мастеровые записки деда . На острие зонта-3


Служба Рассылок Subscribe.Ru
  [27.01.2002]
Встречают по заставке

На острие зонта-3

Тема: Встречают по заставке


Здравствуй, дружок!

Не прошло и двух месяцев, как деда решил вернуться к нашему зонтику. :о)

Вижу недоумение в твоих, натертых монитором, глазах... Да-да! Решил вспомнить и вернуться к этой теме.
Хотя тема создания сайта несколько преждевременна, но деда всегда отличался хулиганским характером.

Вот открыл он (то есть я) как-то статью «Как создавать толковые сайты» Сергей Спивака в журнале «Мир Интернет». Начитался всякого доброго-разумного, но наткнувшись на совет № 3 «Порой разработку дизайна стоит начинать с внутренних страниц», подумал, что внутренние страницы, пожалуй, создать намного сложнее.

Потому продолжим наш разговор о зонтиках в самом приятном занятии - создании страницы-заставки (splash).

В нужности создания сей странички ломают копья многие дизайнеры Сети русской на разных форумах Рунета.
Деда же всегда придерживался мнения, что все приемлемо на своем месте. :о)

= деда думает, что глаголет истину, но это просто перепев старых =



Извините, небольшая и полезная информация от моих друзей:
WebDrive - первый в Рунете бесплатный сервис по хранению файлов в Интернете!
Зарегистрировавшись на сайте www.WebDrive.ru, вы автоматически и совершенно бесплатно получаете 10МБ свободного пространства и возможность создания 2 ВебГрупп - групп пользователей, совместно использующих конкретную папку с файлами. Вы можете задавать участников ВебГруппы с различными правами доступа, кроме того, сервис записывает все версии файлов, добавленные различными участниками, и уведомляет о появлении новых версий.
Ваш персональный диск на WebDrive можно использовать для хранения, совместного использования и доступа к файлам в любое время и с любого компьютера, как, впрочем, и для резервного копирования. Наконец-то вместо пересылки по электронной почте и перетаскивания файлов на дискетах есть бесплатный и безопасный сервис
.


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

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

Т.е. смотрите на задачу создаваемого Вами проектика.

Упс! Я чего это я разбалаболился? Ты, дружок, вообще понял о чем деда говорит? :о(
Под сплэшкой деда понимает простую входную страницу, на которой нет никакой информации, окромя логотипа, пары-тройки главных ссылок на внутренние страницы (в лучшем случае), выбор языка и/или кодировки страниц. Ну и небольшой вводной информации, типа «куда мы все-таки попали».

На больших контентных порталах возможны даже заставки на каком-то отдельном проекте портала.
Вот тебе несколько примерчиков входных страниц.

GRAF d'SIGN
ВЕДИ
Бал Иоганна Штрауса
Вымя.Ru

Ну и мои собственные наработки: :о)
БАЛЗ
Al Sabaya
Фотогалереи Анны Курниковой
Пристань

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

Я, к слову, совершенно не понимаю простой заставки, типа http://fingertips.newdamage.com/, т.к. на такой заставке нет ничего кроме кнопаря «Enter».
Хотя красиво, не спорю. И, видимо, выполняет свою роль крика «Смотрите как я крут».

И, возвращаясь, к нашим зонтикам...

= деда с трудом вспомнил о чем начал говорить = :о)

Сегодня как раз мы и попробуем набросать первые штрихи нашей заставки для сайта, котрый я все же решило обозвать «гориЗонт».

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

Можно дать выборку языка сайта, но в нашем случае английского (или какого-то другого) варианта не будет :), т.к. сам контент сайта мы создавать не будем, а только дизайн-рыбу. Что такое рыба - ищи у Темы Лебедева в Ру/ководстве.

Значит просто остается подвесить на сплэшку основные пункты навигации...

Т.е. что нам нужно?
Логотип сайта, картинка для композиции и кнопки навигации.

ЛОГО

Сразу признаюсь, что лого я делал второпях «на коленке» и ничего такого выдающегося не получилось :о).
Деда заполз в CorelDRAW, написал «гориЗонт». Для текста использовал навороченный, но изящный шрифт Decorlz (ВЕДИ). И немного искривил надпись по овалу.
В фигуре зонта много овалов и такое искривление приемлемо.
Далее немного поиздевался в Photoshop: фильтр Glass от Eye Candy 4000.
В результате получилось нечто такое:

Далее нам нужна картинка для композиции.
Деда забрался Corbis.Com и набрал там несколько фоток более-менее подходящих.

А теперь давайте подробно рассмотрим то, что деда набрал, и выберем подходящее нам. Сразу упомяну, что для разработки хорошего сайта используйте СВОИ фотографии. Ну а для нашего примера пойдет и качественные фотки от Corbis.

Японский мотив.
Придется весь проект выдерживать в японском стиле, а так как мы далеко не японисты, то лучше не экспериментировать, что бы спецы не ухахатывались.
Хороший вариант. Немного грустный и одинокий. Замечательно подошел бы лучше к сайту поэзии.
А нам бы что-то поярче и повеселее.
Ага! Счастья так и брызжет. Но как-то уже очень безнес-корпоративно. Это пусть используют страховые компании.
Во! Круто! Весело... Но чересчур... Мы не для цирка сайт строгаем или магазина детской одежды.
Пропускаем.
Ух! Это ж какой будет экстремальный дизайн. Нет! Слишком агрессивно и круто.
Славно! Но лучше не трогать. Если все визуалы проекта выдержать в таких размытых тонах, то мы замучаемся оптимизировать графику. Сайт будет тяжеленным. Для начинающих лучше такое не использовать.
Вот это подходит лучше всего. Есть просто горизонт и сам зонт. Двусмысленность названия подчеркивается. А также хорошо, что есть человек - это запоминается лучше, чем сумбурный набор рисунков.
А этот вообще замечательный. Хоть и нет человека, но уже само по себе готовая композиция.


Вот на последнем и остановимся! :о)

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



Вот что у нас получилось. Посмотрите ее на отдельной странице.

Это счастье не претендует на дизайн, как таковой, и деда был бы рад, если бы ты, дружок прислал свои варианты сплэшки.

Уверен - у тебя получится намного лучше!

= Фуф! Устал деда =

Пока, дружок!

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



http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное