Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Оригинальные навигационные меню на Flash: примеры и особенности, акцент на интерактивность

12 марта 2012 | Опубликовано в Flash | 13 Комментариев »

Говоря о дизайне, мы рассказываем о различных инструментах и ресурсах для веб-дизайна.  Каждая деталь сайта особенная — будь то логотип или надпись, оформление меню, внешний фон сайта, навигация, оформление каждой отдельной страницы сайта. Чем лучше все детали будут проработаны, оформлены в одном стиле и реализованы на сайте — тем лучше будет выглядеть интерфейс, и, соответственно, тем лучше будет реакция посетителей сайта.  В сегодняшнем мире, где 80% населения развитых стран имеют свободный доступ к международной  паутине, дизайн и контент на сайте (последний кстати, во многом зависим от дизайна самого сайта) играет определяющую роль.  Пользователь должен не только «заглянуть» на сайт, но «задержаться», «заинтересоваться» сайтом и выделить его среди тысячи подобных на  одну и ту же тематику. Главная задача дизайнера — заставить пользователя вернуться на сайт. При этом не стоит исключать игровой момент — если сказать грубо и прямо, то для юзера веб-сайт часто подобен высокотехнологической игрушке, которую хочется изучать во всех деталях.  С этим заданием чудесно справляются сайты на Flash.

И тут абсолютно неважно — любим мы Flash или нет. Хотим того или нет, но сегодня большое количество сайтов используют Flash если не для всего сайта, то для создания определенного элемента.

Помимо интереса к сайту (к интерфейсу сайта), конечно же, не стоит забывать о том, что  любой ресурс несет информацию определенной тематики и, безусловно, эстетическую функцию. Подавляющее большинство пользователей интернета воспринимают  интерфейс сайта и сайт целиком, как картинку.  А значит, сайт  помимо функциональной (контентной)  нагрузки должен нести функцию эстетического наслаждения от созерцания. При этом, наиболее ценно, когда пользователь не разбирает «картину» сайта на детали — не задумывается, как создан тот или другой элемент сайта, не пытается найти какие-либо «недочеты»,  а воспринимает сайт целиком, как законченное совершенное полотно. Безусловно,  "разбор" сайта (как и что создано)  - чрезвычайно важный этап,  но доступен далеко не всем ;-) .

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

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

1. Так, первый же сайт  с нашей подборки  sensisoft сразу же дает пользователю намек на то, что компания владелец — находится в Англии, в Лондоне и уже долго работает на рынке ( первое, что видит юзер —  старый Лондон и афиша-меню).  sensisoft  -британская компания, которая отличается оригинальными бизнес-решениями. Впрочем, об их оригинальности лучше расскажет их сайт. Приготовьтесь окунуться в атмосферу старинного Лондона.

2. Еще одним ярким примером решения меню для Flash сайта является сайт немецкого творческого объединения Gleis3. Так как с немецкого «Gleis» означает «путь», то сам интерфейс сайта как будто визуализирует железнодорожные пути (или быть может карту метрополитена). Таким образом, название компании становится основой для реализации навигации на сайте. Любая работа, а в особенности,  творчество  - это путь. Этот поступлат подтверждает немецкое творческое объединение Gleis3 и предлагает вам попутешествовать «по путям». Навигация на сайте реализована  по ассоциации с картой линий метрополитена или ж/д поездов — удобно, содержательно и ярко.

3. Корона, гаечный ключ, сердце, силует, книга, звезда — это меню для управления сайтом шведской дизайнерской компании Amore. Акцент на креативность и да, возвышенность. Создатели сайта подчеркивают яркость и нестандартность компании-владельца сайта, а значит, оригинальность в решении любых задач. Отметим еще один важным элементом дизайна  этого сайта является фон.  Это как будто тонкий намек на количество ярких идей и ярких креативных людей. Каждый вправе прочитать это по-своему, но сложно отказаться, что, открывая сайт, мы обращаем внимание на фон, а уже на фоновой фотографии  на те всплывающие из меню окошка.

4. Меню на этом сайт — это уже сами по себе работы студии 65Media, а каждая работа требует отдельного представления. Меню реализовано по принципу списка названия всех работ компании. А, клакая на название в списке, можно уже более детально ознакомиться с творчеством этой студии.

 

5. Van Alen Institute   уж поистине необычный сайт. И кто сможет предположить, что этот креативный сайт принадлежит институту? Правда,  если сказать точнее Van Alen Institute является независимой некоммерческой организацией, что исследует тенденции и процессы в архитектуре, которые в свою очередь могут формировать общие тенденции в архитектурном дизайне. Впрочем, нас больше всего интересует сайт института, а реализован он  в виде теки проектов, при клики на которые  можно детально узнать о каждом отдельном проекте института.

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

7. Work Life Balance Сentre представляет отличную реализацию меню. Каждая из рубрик открывается с мини-описанием на отдельной черной вставке, тем самым акцентируя внимание на контенте страницы. Еще одним интересным решением является формат «знакомства с сайтом». Для начала нас просят войти на сайт, нажав Enter, а потом с пользователем здороваются. Этот нехитрый прием способствует не только интерактивности, но и персонализации (обращение к каждому отдельному пользователю сайта).

8. Сasestudies. Хороший сайт, который предстает как агрегатор различного контента — видео, фото и текстовых файлов. При этом огромное количество контента хорошо структуровано  по рубрикам. Впрочем, у пользователя создается впечатление, что перед ним мозаика, которую можно начать собирать с любого элемента и в результате изучить полностью весь сайт.

9. Sideshowpress. На этом сайте с помощью технологии Flash интересно реализовано именно меню. Каждая рубрика — особенная и это подчеркивается всевозможными стрелочками, кружками и прочим.

10. Оrganicgrid - еще один пример реализации меню через список работ. Только в данном случае зафиксировано не только название, но и миниатюрное превью работы.

11. Marcdahmenю Как вам навигация с помощью виртуальной клавиатуры? Попробуйте свои силы на этом немецком сайте. Клавиатура — это еще и своеобразное меню.

12. Сайт агентства  Smetana представлен как бесконечная вереница работ и проектов. При этом интересным образом осуществляется навигация по сайту — Вашим другом станет колесико мышли или клавишы «вверх», «вниз» на клавиатуре.

13. Nickad Минимализм — во всем и вся. Ключ к управлению сайта — «звездочка», которая  при нажатии открывает полноценное меню сайта.

14. Студия Stemmler Каждая секция меню открывается отдельно как полноценная галерея работ. При этом изображения скрыты от пользователя и открываются, только при нажатии на каждую рубрику отдельно. Кроме того, существует звуковое сопровождение.

15. Сайт, посвященный выходу фильма Not forgotten Movie, но нам интересен не этот факт. Вход на сайт в каждую отдельную рубрику реализовывается через игральные карты. Каждая из шести карт загорается пламенем, если на нее навести мышью. Таким образом, у пользователя создается впечатление взаимодействия с сайтом, личного участия в игре.

16. Немецкий сайт Polargold  предлагает нам еще один вариант навигации, основанной на тексте — в меру сдержанно, интересно, и в тоже время чрезвычайно содержательно. Хороший пример, как можно сделать акцент на текст, а не на визуальные эффекты.

17.  На персональном сайте художницы и дизайнера Sarah hyland внимание привлекает меню: при наведении курсивом, рубрика с обычной надписи превращается в полноценное граффити.  Также метаморфозы сопровождаются характерными звуковыми эффектами.

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

Автор — Дежурка 




Комментарии

  1. Дмитрий
    Thumb up Thumb down 0

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

    Ответить

  2. Merziuz
    Thumb up Thumb down 0

    it2gn5 pills2sale.com viagra online

    Ответить

  3. Jerry
    Thumb up Thumb down 0

    Could you please repeat that? quality meds delivery Embedded bank examiners on site at all major banks are nowbeing encouraged by policymakers to take a more sceptical andquestioning approach to the riskiness and amount of capitalbanks set aside to cover activities such as physical trading andasset ownership.

    Ответить

  4. Dro4er
    Thumb up Thumb down 0

    I'm a partner in best rx promotions The feds busted Catalano after he retired in 2011 and then continued to pursue a black belt in jujitsu. He tried to convince the jury that he was well enough to practice martial arts a few times a week but not healthy enough to work on the railroad.

    Ответить

  5. Brenton
    Thumb up Thumb down 0

    A Second Class stamp best rx promotions Rear Admiral Richard Breckenridge, director of underseawarfare, and Rear Admiral David Johnson, program executiveofficer for submarines, said budget decisions in the 1990sshrank the U.S. submarine fleet by 12 ships, and that mandatorybudget cuts would exacerbate the situation.

    Ответить

  6. Michale
    Thumb up Thumb down 0

    I'll call back later acheter viagra en france sans ordonnance Bianculli, who runs the Tvworthwatching.com website, added that with online-delivered shows like Netflix's «House of Cards» and premium cable networks like HBO and Showtime garnering several top nominations, fewer people are able to watch Emmy-nominated shows than in the past.

    Ответить

  7. Rogelio
    Thumb up Thumb down 0

    I'm doing a phd in chemistry can you overdose on tylenol cold The team’s findings are based on an exhaustive study of thedistribution and abundance of late juvenile and adult fishes caught andreleased in trawl nets during 48 sampling trips between 2002 and 2011, the largestquantitative assessment of the bay-wide demersal fish community ever conducted. The sampling took placeat 3,640 ChesMMAP stations throughout the mainstem of Chesapeake Bay.

    Ответить

  8. Infest
    Thumb up Thumb down 0

    Where's the nearest cash machine? scentuelle patch Likewise, his final words to the committee, in response to a question from New Mexico Republican Steve Pearce about whether there was a level of immigration into the United States that could hurt the economy, sounded unapologetically dismissive: "I don't know. "

    Ответить

  9. Lillian
    Thumb up Thumb down 0

    Where are you calling from? obat paracetamol sirup untuk anak Zoe Saldana and Benicio Del Toro were joined by theirco-stars of upcoming Marvel superhero film "Guardians ofGalaxy, " including Chris Pratt, Lee Pace and Karen Gillan, whoshowed off her shaven head for her role as 'Nebula.' The filmwill see a new cast of Marvel's characters joining forces.

    Ответить

  10. Grant
    Thumb up Thumb down 0

    I'd like to open a business account triphala kaufen kapseln One in three respondents to the poll, which was conducted by Western Union, said that the unresolved economic crisis on the Continent would have an “adverse impact” on their business.

    Ответить

  11. Garth
    Thumb up Thumb down 0

    I'd like to order some foreign currency truth about coq10 benefits and side effects The militia justified its bloodless dawn raid on the luxury hotel where Ali Zeidan lives under notionally tight security by saying he should be investigated for aiding U.S. forces in their capture in Tripoli on Saturday of a Libyan al Qaeda suspect.

    Ответить

  12. Kenton
    Thumb up Thumb down 0

    Please call back later bnf ciprofloxacin dose New Zealand backed its team with about $30 million in government funds. Managing Director Grant Dalton also raised tens of millions of dollars from sponsors over several years, and said the team spent about $100 million in all.

    Ответить

  13. Logan
    Thumb up Thumb down 0

    Can I call you back? kamagra online buy madin india Having institutions such as a Climate Commission to distil such complex and confusing information is critical for a functioning democracy. To quote Thomas Jefferson: ''Whenever the people are well informed, they can be trusted with their own government.''

    Ответить

Оставить ответ


− 9 = ноль

Вставить изображение