emo - современный интернет, веб-разработка и графический дизайн глазами профессионала

Emo | Как делать впечатляющий дизайн малой кровью. Часть 1.

10
09/2007

Как делать впечатляющий дизайн малой кровью. Часть 1.

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

перейти к комментариям (57)

Давно здесь мысль не хаживала, в блоге моем. Запустение! Лишь в комментариях народ культурно спамит, про rel=nofollow позабыв. Буду исправляться.

Если абстрагироваться от крикливого заголовка этой заметки, хочется рассказать о нескольких трюках, которые помогают веб-дизайнеру в создании харизматичного эскиза. Сразу же хочу оговориться – поучать матерых зубров технического дизайна я не собираюсь и тайны золотого ключика, естественно, у меня нет возможности открыть. Но то, что для одних сущая банальность – для других нехоженая тропа мудрости. Надеюсь, кому-то пригодится.

Я думаю каждый, кому доводилось рисовать дизайн сайта, задавался вопросом – как исполнить эскиз с наибольшей эстетической или художественной красотой, впечатлить посетителя и так далее. Что бы себе не стыдно было, а другим завидно, в галереи всякие престижные попасть, призов нахватать и так далее. Путь Великих – вытянуть все на собственной признанной гениальной талантливости и большом опыте. Те же, кто попроще – могут воспользоваться готовыми работающими методиками.

Его величество Хэдер

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

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

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

Армия неискушенных заказчиков тоже хочет от вас впечатляющих хэдеров. Именно эта часть страницы ассоциируется у них с понятием дизайн. Как путь к сердцу мужчины лежит через желудок, тропа к сердцу клиента лежит через эффектный хэдер. «Шапка» сайта – это первоклассный объект для эмоционального дизайна. И это не шутка.

Некоторые сайты в буквальном смысле паразитируют на восторгающих обывателя «шапках». Многие из них собирают лавры умелого дизайна за умелое исполнение «шапок». Хочу ли я сказать, что это не честная игра? Ни в коем случае! Это мастерское пользование ситуацией, довольно безобидное, «рекомендации лучших собаководов» языком рекламы.

Вот небольшой показательный список ресурсов в разной степени и разной манере применяющих идею хорошего хэдера.

  1. http://www.omitrans.ru/ – гламурные грузовички
  2. http://www.emotionslive.co.uk/ – гламурные ножки в чулочках
  3. http://www.ndesign-studio.com/ – отличный хэдер, отличный дизайнер
  4. http://www.folietto.at/ – сила лазури
  5. http://www.nbm.com.au/ – «подводный» флеш
  6. http://www.bcauto.ru/ – еще гламурные автомобильчики
  7. http://www.gabbo.cz/ – флэш, чуть-чуть готики и крем photoshop для чистой кожи
  8. http://www.inhead.pl/ – оранжевый диван как центр мироздания
  9. http://www.esharkdesign.com/ – большой хэдер, народный цвет

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

Написано 10/09/2007, 15:17. Автор: Юрий Поспелов.
Тэги: , ,



Живой поиск

другие записи по тематике


Предлагаем качественное создание сайта в нашей дизайн студии! Большой опыт
запчасти, автозапчасти рено
Нестандартная мебель Сходня Мебель
закон о сми


  1. от Number One (http://numberoneblogger.com/)

    с возвращением!

    Юра, а разве в слове HEADER две буквы Д? Хотя соглашусь, что хэДДер звучит солидно (особенно в сочетании с Его Величеством)...

    жду продолжения.

  2. от Yuri "Emo" Pospelov (http://emo.com.ua)

    Хм, совершенно верно! Спасибо, поправил.

  3. от Кирилл (seo-analiz.info)

    Ребят, а о каком хедере идет речь?

  4. от Костик (http://prosi.ru/)

    Полезная статья, очень показательно...

  5. от Дмитрий ()

    Дал задание!...
    Буду шапку мутить!

  6. от Kon Green (http://greenfam.narod.ru/)

    Ну может когда нить и эта болезнь пройдет и к хорошей шапке умная голова прирастет.

    “культурно спамит” на том и живем )))

  7. от A3 (http://www.audi-a3-club.info/)

    Не во всем согласен. В случае с грузовиками imho шабко слишком кгромоздкая, многих это пугает и отталикивает.

  8. от Vanyok (http://bentley87club.info)

    Полезная статейка! Мой сайт это оценит по существу!

  9. от slava (http://drzig.net/)

    Статья очень удачная а ссылочки пригодились)))) Спасибо автору!

  10. от Картошка (http://petryha.cn/)

    Да, хэддэр супер! Дизайнер реальный!!!!

  11. от Анатолий Фролов (www.ovrag.info)

    дельная статья. спасибо

  12. от Николай Игнатевич (http://sam-remont.info/)

    Спасибо за ссылки, интересные сайты ! дизайн отличный !

  13. от Lakosta ()

    Очень познавательно. впечатления довольно таки яркие)) осталась довольна, спасибки)))))) http://www.volniehleba.cn/

  14. от Лакоста (http://www.volniehleba.)

    ))когда еще что то появится пишите

  15. от Антон Владимирович (http://www.konechno.net)

    Спасибо за ссылочки..

  16. от Mister (http://glazi.cn/)

    Есть же на свете добрые люди, которые все это делаю спасибо тебе дорогой автор :)

  17. от zvenyka (http://gybayh.info)

    как грит тот же товарисч Лебедев на своем ресурсе “люди смотрет не туда куда хочет дизайнер а туда куда им интересно” ИМХО

  18. от Макс (http://www.nicitin.ru/)

    А я лично пользуюся флаш мне нравится а ктото флэшит сайты?

  19. от Евгений Волков (http://www.volcoff.ru/)

    Ну я на флэшки делаю сайты ,но дорого беру за работу

  20. от felisa (http://www.heyboys.ru)

    Хорошая статья :) Но хотелось бы поподробнее о составлении правильного диза сайта.

  21. от Тимур (http://www.stroyarticles.ru/)

    Интересно было бы почитать про правильный выбор шрифтов для дизайна. Как подбирать сам шрифт, размер, цвет... Есть у кого такие материалы ? Заранее спасибо.

  22. от everestik (http://zigfilm.ru/)

    Распект и уважука єтому человеку !!!! Очень помогло.Спасибо .
    P.S Ссілки сохранил

  23. от Dron (http://www.piktaim.ru)

    есть очень простой, но действенный способ создания качественного диза. Не супер-пупер с наворотами, а просто качественного. Заходите в любой каталог, просмативаете сайты, выбираете приглянувшийся без излишних наворотов и копируете. Затем в хтмл подставляете свои рубрики, меню, возможно баннеры и готово. Короче, используете чужой сайт как шаблон, т.к. там уже все протестировали и оптимизировали код. Ибо нефиг изобретать велосипед :)

  24. от Shes (http://audiplanet.ru)

    Впечятлило, позновательно и интересно. Спасибо за ссылки !

  25. от Anna ()

    Жду обновлений.

  26. от Александр Маслов (http://www.alexmaslov.ru/)

    Думаю немного терпения и желания научится это делать

  27. от Женя Малов (http://www.malow.ru/)

    Я тоже согласен, что все “типовые” шаблоны уже придуманы. Надо только украшать то, что уже есть.

  28. от smiling91 (http://www.myavril.ru)

    Да. Интересная и полезная статейка.

  29. от Антон (http://www.konechno.net)

    Кароче типа спасибо

  30. от Гаджет (http://smart-teh.info/)

    ООО!! я этого столько искал! Огромное спасибо Вам.

  31. от Виталий (http://bedlam4ik.ru/)

    очень интересно, спасибо!

  32. от Толег (http://toleg.ru)

    Кстати симпатичный дизайн у блога, и главное оригинальный.

  33. от Михаил Сайтов (www.qmedia.by)

    Спасибо, полезно – добавляю в закладки!

  34. от canab (http://vanstroi.info)

    спасибо интересно было прочитать эту статью

  35. от Морозик (calatiki.ru)

    ДАвно искал этот материал спасибо большое

  36. от Не эмо (http://www.offroadcar.ru)

    Инетресный блог, хоть разнообразие какое то в инетнете

  37. от Кирилл (http://itmercedes.ru/)

    ну статья в принципе не плохая но честно говоря не впечатлает =)

  38. от Экономист (http://ei.by)

    Согласен, а то всё на друг друго похоже.....Хоть что-то непохожее !

  39. от Newmarket (http://newmarket.com.ua)

    Дизайн пойдет ))) Простенько и софкусом

  40. от Громоотвод (http://i-stroytelstvo.ru/)

    Славно написано, стиль приятный, но немного футуристичный, как мне показалось! Но, Господа, у каждого художника свой стиль, а значит – автор творческая линость!

  41. от Иван (http://www.razvlekaisya.ru/)

    www.inhead.pl – вот этот вообще впечатлил.

  42. от Yaroslav (http://news-futures.ru/)

    Хорошая статья, согласен с автором в этом моменете по дизайну сайтов.

  43. от Кевин (http://kevincostner.org.ua/)

    вопрос: у кого можно заказать хорошую шапку?

  44. от slipdan (http://mirramix.com)

    Привет всем) Статью в зачот! Автора в почёт))) действительно очень неплохо написано и главное что очень познавательно. Для меня просто эта область потёмки. Еще раз спасибо!)))

  45. от igorjke (http://v0z.ru)

    Привет всем) Статью в зачот! Автора в почёт)))

  46. от Kolchin (http://www.radio-electronics.ru)

    Автору блога… Чатаю Ваш блог сравнительно недавно. Что хотелось бы отметить… (не подумайте что в чём то упрекаю или пытаюсь давать советы) Достаточно лаконичный дизайн, ничего лишнего я бы сказал))) Ваша тематика мне близка, и это радует. Но почему не пишите своё мнение о событиях, происходящих в мире, в плане событий международных например?? Понимаю, что “новостей хватает”, но иногда хочется узнать мнение обычног человека, так сказать – независимый взгляд, сравнить его со своим мнением. А так… Пишите ещё чаще, ещё больше, и ещё интереснее.. Спасибо!

  47. от Алекс (http://www.solnechnaya.com.ua)

    Пора бы уже и дописать статейку…

  48. от Konrad (http://help-html-css.narod.ru/)

    Спасибо!

  49. от Николай (http://www.solnechnaya.com.ua)

    вторая часть будет?

  50. от tibald (http://www.wallss.ru/)

    Хоть посмотрел чего там буржуины наваяли!

  51. от Григорий (http://all-ranetki.ru/)

    Нелохая пожборка красивейших хедеров поразила меня. Я так рисовать наврено не научусь никогда

  52. от Spichki (http://se-spichki.ru/)

    спасибо конешно но я думаю без труда неванеш рыбки из пруда..

  53. от Никита (http://www.cyprus-invest.ru/)

    Огромнейшее спасибо за ссылочки!

  54. от Вероника (http://silezion.ru/)

    Огромное спасибо. Иногда не хватает толковых статей на эту тему.

  55. от Виктор (http://sotovar.ru/)

    Спам процветает на ваших страницах, нужно что-то делать

  56. от Альбина (http://www.furanu.ru/)

    Интересная задумка ! Автору большое спасибо!Спасибо за хорошие советы , продолжайте в том же духе.

  57. от Кирилл (http://eliteforex.ru/)

    Вы почаще посещайте блог, а то действительно очень много спама

Комментарии к этой записи запрещены.