Блог веб-разработчика и дизайнера Юрия Поспелова.
10
09/2007
Есть небольшие хитрости, которые позволяют представить заурядный дизайн веб-страниц или просто жидкое малочисленное наполнение если уж не в гламурных лучах, то, по крайней мере, с прогнозируемым положительным эффектом.
Давно здесь мысль не хаживала, в блоге моем. Запустение! Лишь в комментариях народ культурно спамит, про rel=nofollow позабыв. Буду исправляться.
Если абстрагироваться от крикливого заголовка этой заметки, хочется рассказать о нескольких трюках, которые помогают веб-дизайнеру в создании харизматичного эскиза. Сразу же хочу оговориться – поучать матерых зубров технического дизайна я не собираюсь и тайны золотого ключика, естественно, у меня нет возможности открыть. Но то, что для одних сущая банальность – для других нехоженая тропа мудрости. Надеюсь, кому-то пригодится.
Я думаю каждый, кому доводилось рисовать дизайн сайта, задавался вопросом – как исполнить эскиз с наибольшей эстетической или художественной красотой, впечатлить посетителя и так далее. Что бы себе не стыдно было, а другим завидно, в галереи всякие престижные попасть, призов нахватать и так далее. Путь Великих – вытянуть все на собственной признанной гениальной талантливости и большом опыте. Те же, кто попроще – могут воспользоваться готовыми работающими методиками.
На большинстве веб-страниц, есть место, которое собирает наибольшее количество взглядов посетителей. Первое знакомство с сайтом неизменно начинается с этой части, она задает тон и настроение ресурса, сообщает посетителю чего ждать дальше. Еще не догадались? Правильно, это – заголовок, шапка, хэдер, верхний титульный блок. Имен не перечесть.
Так уж повелось, что визуальное восприятие информации, будь там чтение или лицезрение шедевров искусства, происходит для многих из нас в режиме «сверху-вниз». Поэтому, хэдер сайта в первую очередь попадает в поле нашего зрения. Все мы слышали про важность и силу первого впечатления. В мире веб-дизайна, львиную долю миссии по порабощению внимания пользователя при первом знакомстве исполняет именно «шапка» сайта. «Шапка» – своего рода визитка ресурса, роль ее трудно переоценить. На то много причин психологических и эмоциональных.
У вас может быть не наилучшая навигация, проблемы со шрифтами, дряблые цвета, не валидная верстка и не семантический код – но «шапка» должна быть потрясающей, и тогда пользователи вам простят или отнесутся более снисходительно ко всем ошибкам и недостаткам созданного вами ресурса. В первую очередь это относится к ресурсам, которым особо нечем ловить пользователя по причине плохого контента или непопулярной тематики. Если вы собираетесь впечатлить всех креативностью и дизайнерским умением – также делайте ставку на «шапку» (не только, конечно, но памятуя о всем выше сказанном).
Армия неискушенных заказчиков тоже хочет от вас впечатляющих хэдеров. Именно эта часть страницы ассоциируется у них с понятием дизайн. Как путь к сердцу мужчины лежит через желудок, тропа к сердцу клиента лежит через эффектный хэдер. «Шапка» сайта – это первоклассный объект для эмоционального дизайна. И это не шутка.
Некоторые сайты в буквальном смысле паразитируют на восторгающих обывателя «шапках». Многие из них собирают лавры умелого дизайна за умелое исполнение «шапок». Хочу ли я сказать, что это не честная игра? Ни в коем случае! Это мастерское пользование ситуацией, довольно безобидное, «рекомендации лучших собаководов» языком рекламы.
Вот небольшой показательный список ресурсов в разной степени и разной манере применяющих идею хорошего хэдера.
На этом я позволю себе оборвать данную заметку. Но следующий раз попробую дать немного практических рекомендаций по дизайну хороших, работающих хэдеров-шапок.
Живой поиск
другие записи по тематике
Комментарии
от Number One (http://numberoneblogger.com/)
с возвращением!
Юра, а разве в слове HEADER две буквы Д? Хотя соглашусь, что хэДДер звучит солидно (особенно в сочетании с Его Величеством)...
жду продолжения.
от Yuri "Emo" Pospelov (http://emo.com.ua)
Хм, совершенно верно! Спасибо, поправил.
от Кирилл (seo-analiz.info)
Ребят, а о каком хедере идет речь?
от Костик (http://prosi.ru/)
Полезная статья, очень показательно...
от Дмитрий ()
Дал задание!...
Буду шапку мутить!
от Kon Green (http://greenfam.narod.ru/)
Ну может когда нить и эта болезнь пройдет и к хорошей шапке умная голова прирастет.
“культурно спамит” на том и живем )))
от A3 (http://www.audi-a3-club.info/)
Не во всем согласен. В случае с грузовиками imho шабко слишком кгромоздкая, многих это пугает и отталикивает.
от Vanyok (http://bentley87club.info)
Полезная статейка! Мой сайт это оценит по существу!
от slava (http://drzig.net/)
Статья очень удачная а ссылочки пригодились)))) Спасибо автору!
от Картошка (http://petryha.cn/)
Да, хэддэр супер! Дизайнер реальный!!!!
от Анатолий Фролов (www.ovrag.info)
дельная статья. спасибо
от Николай Игнатевич (http://sam-remont.info/)
Спасибо за ссылки, интересные сайты ! дизайн отличный !
от Lakosta ()
Очень познавательно. впечатления довольно таки яркие)) осталась довольна, спасибки)))))) http://www.volniehleba.cn/
от Лакоста (http://www.volniehleba.)
))когда еще что то появится пишите
от Антон Владимирович (http://www.konechno.net)
Спасибо за ссылочки..
от Mister (http://glazi.cn/)
Есть же на свете добрые люди, которые все это делаю спасибо тебе дорогой автор :)
от zvenyka (http://gybayh.info)
как грит тот же товарисч Лебедев на своем ресурсе “люди смотрет не туда куда хочет дизайнер а туда куда им интересно” ИМХО
от Макс (http://www.nicitin.ru/)
А я лично пользуюся флаш мне нравится а ктото флэшит сайты?
от Евгений Волков (http://www.volcoff.ru/)
Ну я на флэшки делаю сайты ,но дорого беру за работу
от felisa (http://www.heyboys.ru)
Хорошая статья :) Но хотелось бы поподробнее о составлении правильного диза сайта.
от Тимур (http://www.stroyarticles.ru/)
Интересно было бы почитать про правильный выбор шрифтов для дизайна. Как подбирать сам шрифт, размер, цвет... Есть у кого такие материалы ? Заранее спасибо.
от everestik (http://zigfilm.ru/)
РаÑпект и уважука єтому человеку !!!! Очень помогло.СпаÑибо .
P.S СÑілки Ñохранил
от Dron (http://www.piktaim.ru)
есть очень простой, но действенный способ создания качественного диза. Не супер-пупер с наворотами, а просто качественного. Заходите в любой каталог, просмативаете сайты, выбираете приглянувшийся без излишних наворотов и копируете. Затем в хтмл подставляете свои рубрики, меню, возможно баннеры и готово. Короче, используете чужой сайт как шаблон, т.к. там уже все протестировали и оптимизировали код. Ибо нефиг изобретать велосипед :)
от Shes (http://audiplanet.ru)
Впечятлило, позновательно и интересно. Спасибо за ссылки !
от Anna ()
Жду обновлений.
от Александр Маслов (http://www.alexmaslov.ru/)
Думаю немного терпения и желания научится это делать
от Женя Малов (http://www.malow.ru/)
Я тоже согласен, что все “типовые” шаблоны уже придуманы. Надо только украшать то, что уже есть.
от smiling91 (http://www.myavril.ru)
Да. Интересная и полезная статейка.
от Антон (http://www.konechno.net)
Кароче типа спасибо
от Гаджет (http://smart-teh.info/)
ООО!! я этого столько искал! Огромное спасибо Вам.
от Виталий (http://bedlam4ik.ru/)
очень интересно, спасибо!
от Толег (http://toleg.ru)
Кстати симпатичный дизайн у блога, и главное оригинальный.
от Михаил Сайтов (www.qmedia.by)
Спасибо, полезно – добавляю в закладки!
от canab (http://vanstroi.info)
спасибо интересно было прочитать эту статью
от Морозик (calatiki.ru)
ДАвно искал этот материал спасибо большое
от Не эмо (http://www.offroadcar.ru)
Инетресный блог, хоть разнообразие какое то в инетнете
от Кирилл (http://itmercedes.ru/)
ну статья в принципе не плохая но честно говоря не впечатлает =)
от Экономист (http://ei.by)
Согласен, а то всё на друг друго похоже.....Хоть что-то непохожее !
от Newmarket (http://newmarket.com.ua)
Дизайн пойдет ))) Простенько и софкусом
от Громоотвод (http://i-stroytelstvo.ru/)
Славно напиÑано, Ñтиль приÑтный, но немного футуриÑтичный, как мне показалоÑÑŒ! Ðо, ГоÑпода, у каждого художника Ñвой Ñтиль, а значит – автор творчеÑÐºÐ°Ñ Ð»Ð¸Ð½Ð¾ÑÑ‚ÑŒ!
от Иван (http://www.razvlekaisya.ru/)
www.inhead.pl – вот Ñтот вообще впечатлил.
от Yaroslav (http://news-futures.ru/)
Ð¥Ð¾Ñ€Ð¾ÑˆÐ°Ñ ÑтатьÑ, ÑоглаÑен Ñ Ð°Ð²Ñ‚Ð¾Ñ€Ð¾Ð¼ в Ñтом моменете по дизайну Ñайтов.
от Кевин (http://kevincostner.org.ua/)
вопроÑ: у кого можно заказать хорошую шапку?
Оставить комментарий
Поле email должно быть обязательно заполнено. Конечно же, ваш email не будет отображаться при выводе комментария либо использоваться публично в других целях.