 |
  | |
 | ||
Статьи и обзоры Основатель: Главный Редактор: Web Design:   
|
|
= ART.net =
Стильные страницыСегодня мы займемся рассмотрением одной из самых популярных тем, коей в последнее время стало создание собственных сайтов. Все технические детали Вам и без меня расскажет коллега la_serg, а здесь мы будем говорить о том, что получается изо всех этих <HTML> и <BODY>, то есть о внешнем виде Вашей страницы. Пара слов о стиле
В самом широком понимании, стиль - это совокупность визуальных элементов, которая призвана обеспечить целостность восприятия Вашего произведения (к коим, несомненно, относится веб-страница), а так же сделать его хоть немного уникальным. То есть Вы должны так выбрать для себя цветовую палитру, набор полосочек и других фенек, чтобы у посетителя сложилось о сайте впечатление как об одном целом. Стиль каждый выбирает для себя сам, но существует несколько стандартных подходов к его реализации.
Подходы - суть структураСамым первым подходом в сетевой публикации был текстовый дизайн. То бишь это просто текст безо всяких там намеков на теги <img> и тому подобное. Естественно, возможности разметки были "слегка" ограниченны и о создании художественного произведения из веб-страницы не было и речи (впрочем, я видел немало картин из псевдографики, т.е. всяких значочков типа 9:0) Единственными, но несомненным преимуществом такого метода является во-первых, простота реализации, а во-вторых, абсолютная совместимость со всем, чем только можно. Будьте уверены, что страница составленная только на основе заголовков и параграфов будет одинаково смотреться и на супер-компьютере Вашего соседа и на дряхлой трешке с Win3.11, и даже на буржуйском макинтоше заграничного дядюшки. Такая идеальная совместимость - огромное очко в пользу так любимой СамиЗнаетеКем юзабилити. (О том, кто такой СамиЗнаетеКто и что такое юзабилити, мы еще поговорим!) И именно из-за этого, текстовый дизайн совсем даже не умер и применяется там, где не так важно оформление сайта, как его содержание, и яркий пример этому - www.lib.ru Так что если в Ваших планах создание архива документации, файлов или еще чего, главное в котором скорость работы и максимальная совместимость- текстовый дизайн будет самым лучшим решением. Насколько только можно радикальной противоположностью текстовому дизайну является презентативный дизайн. Зайдя на такой сайт и дождавшись полной загрузки всех рисунков, флэша и звуков, Вы еще долго будете сидеть на своем стуле, уставившись в монитор и испуская сдавленные звуки. Дело в том, что уже на первой странице Вам покажут многодневную работу художников, выполненную в полутора десятках графических программ, способную заворожить зрителя с первого взгляда… И все… То есть на этом сайте Вы больше ничего для себя не найдете. Я настолько критичен, потому что обычно оно так и бывает, ведь презентативный дизайн нужен для презентации сайта, то бишь в основном для создания "лица" фирмы в Интернет, по возможности как можно более крутого, но с минимумом полезной информации. Когда восхищенные страсти поулягутся, окажется, что ходить по такому сайту неудобно, медленно, да и просто некуда. Пример: www.mtelecom.ru Самые хитрые, наверное, уже догадались, что надо бы объединить два этих стиля для того, чтобы получить что-либо хорошее. На самом деле таких хитрых набралась уже целая куча, и все вместе они придумали концепцию дизайна сайта под названием типографический дизайн. То есть он типа графический, а типа и текстовый:) Если начать разбираться, то этот поход является самым популярным во всем Инете, особенно для создания крупных информационных сайтов. Заключается он в том, что путем использования приемов, аналогичных тем, что применяются при верстке печатной продукции, добивается сходство во внешнем виде сайта с каким-нибудь буклетом. Примеров тыща: www.fomenko.ru, www.yandex.ru, www.lenta.ru и так далее… Достигается все это путем применения таблиц, таблиц в таблицах, и таблиц в колонках тех таблиц, которые были перед этим. Поняли куда я клоню? ;) Так вот, прелесть этого подхода заключается в понятном оформлении, знакомом по каждой газете, четкой структуризации, ну и так далее - для всего есть свое место. Под типографский дизайн существует огромное количество шаблонов, в которые Вам осталось только вставить свой текст. Это в отличие от текстового дизайна, которому шаблоны из принципа не нужны, и презентационного дизайна, который призван разбивать все шаблоны. Итак, типографический подход к оформлению сайта я рекомендую Вам в большинстве случаев, если Вы решили сделать что-то более-менее серьезное в ориентации на широкую аудиторию и хотите, чтобы произведение рук Ваших выглядело как минимум эстетично.
ЮзабилитиВы, наверное, горите нетерпением узнать, кто такой товарищ СамиЗнаетеКто! Это есть всеРуНетно обожаемый и поговаривают, что уже обожествляемый, дизайнер веб-сайтов Артемий Лебедев. Отыскать его страницы кроме тех, что Вы ежедневно вбиваете в адресную строку, можно по адресам www.samiznaetekto.ru, www.tema.ru и www.design.ru Суть Лебедевской школы состоит в проповедовании юзабилити (ну это помимо всяких других мелких внедрений в интернет-среду). Юзабилити происходит от слова юзать… Ой, простите, use! То бишь использовать. Смысл состоит в том, чтобы всеми правдами и неправдами создать на Вашем сайте наиудобнейшую систему навигации, понятные с первого взгляда меню, использовании только приятных глазу цветов, шрифтов и так далее. Ознакомиться с идеологической программой данного направления можно как раз на сайте www.design.ru/kovodstvo Многие параграфы конечно же спорны, но для роста над собой, как мастера контента и дизайнера, вполне подходит. Многие, прочитав все параграфы ководства навсегда меняли свое отношение к веб-дизайну, и почему бы Вам к ним не присоединиться?
В напутствиеИтак, все вышесказанное, надеюсь, поможет Вам определиться, чего же Вы конкретно хотите сделать, и что для этого надо. Однозначно могу сказать, что НЕ надо, если Вы все-таки хотите привлекать посетителей внешним видом, принимать необдуманные решения, пичкать сайты кучей беспорядочных гиф'ов из бесплатных библиотек, вешать тяжеловесные скрипты, писать зеленым по черному и… Ой, кажется я опять увлекся!.. #8(49) /27.03.2001 |
|
Итак,
если Вы уже соорудили нечто гипертекстовое или только планируете
это сделать, Вам скорее всего хотелось получить такой результат,
который бы радовал глаз забредшего серфера, а не заставлял его с
дикими хрипами искать кнопку закрытия эксплорера, а потом еще и
переустанавливать винды для верности. Для того, чтобы этого никогда
и ни с кем не случилось, Вам прежде всего надо определить стиль,
который Вы будете использовать на Вашем сайте. | |
|
|
Copyright © Свет в Internet Designed by Свет в Internet |