Diferencia entre revisiones de «Usuario discusión:194.147.78.170»
(Дизайн интерьера - советы, часть 260) |
(Дизайн интерьера - советы, часть 495) |
||
| Línea 1: | Línea 1: | ||
| − | + | Недавно перед нами стояла задача создать сайт для наших друзей, и в качестве инструмента разработки мы решили применить горизонтальный скроллинг. Но перед этим мы подумали, что было бы не лишним посмотреть на зарубежные примеры подобных сайтов. Вследствие чего и предлагаем вам нашу небольшую подборку. В конце обзора мы расскажем вам о собственных впечатлениях от работы с горизонтальным скроллом, укажем на плюсы и минусы данного направления. | |
| − | + | Так сложилось, что разработчики используют разные способы самого скроллинга. Некоторые сайты прокручиваются с помощью колеса мыши. Плюс данной прокрутки в том, что она позволяет сразу же пробежаться по всему контенту. Так, к примеру, сделал веб-дизайнер и разработчик Дин Окли (Dean Oakley) на своем сайте. | |
| − | + | Другие считают, что удобнее вручную передвигать «ползунок» влево или вправо, предварительно дав инструкции по навигации на сайте. | |
| − | + | Некоторые прибегают к помощи специальных стрелок, без которых сайт не придет в движение. Однако стоит заметить, что подобный способ не очень удобен по причине отсутствия регулирования скорости прокрутки, иногда она слишком быстрая. | |
| − | + | Кто-то пошел еще дальше и воплотил на своем сайте эталон, как вертикального, так и горизонтального скролла. Примером служит сайт румынской группы Suie Paparude. При попадание на него, сайт кажется типичным примером вертикального скроллинга, но стоит присмотреться, и мы понимаем, что в поле зрения попадают навигационные стрелки, благодаря которым сайт приходит в движение. | |
| − | + | А вот еще один позитивный пример сайта горизонтального скролла с удивительным, воздушным дизайном, где навигация осуществляется с помощью специальных стрелок: | |
| − | + | Интересный сайт с уникальным и запоминающимся дизайном: | |
| − | + | Отличный, свежий сайт ресторана японской кухни. Выполнен чисто, а смотреть одно удовольствие: | |
| − | + | Комментарий от нашего веб-разработчика: | |
| − | + | При загрузке сайта с горизонтальным скроллом периодически создается впечатление, что сайт немного подвисает. Это можно объяснить несколькими причинами: | |
| − | + | Во-первых, из-за обработки самого горизонтального скролла. Его обрабатывает JavaScript в браузере, динамически меняя положение почти всех DOM-элементов на странице, создавая нагрузку на процессор компьютера. | |
| − | + | Решением данной проблемы может служить использование современных браузеров (где обработка JavaScript наиболее оптимизирована), а также уменьшение самой страницы или объема ее содержимого, в том числе ресурсоемких картинок и FLASH. | |
| − | + | Как мы делали сайт для event-агентства | |
| − | + | Как и обещали, мы хотим рассказать вам о собственном опыте работы с горизонтальным скроллом. Изначально, мы создали две версии сайта, чтобы попав на него, пользователь сам мог выбрать более удобный для себя вариант. | |
| − | + | Информация в горизонтальном скролле носит больше презентационный и ознакомительный характер, наглядно показывая весь спектр работ, осуществляемых агентством. Он удобен в том случае, когда пользователь, впервые попав на сайт, определяет, что же ему нужно. В данном случае, у горизонтального скролла есть несколько неоспоримых преимуществ. Во-первых, нет необходимости перескакивать со страницы на страницу, так как все услуги изначально находятся в поле зрения, во-вторых, подобный скроллинг играет роль общего плана, где в форме анонсов расположены основные услуги event-агентства. | |
| − | + | Вертикальный же скроллинг представлен у нас в виде цельного информационного блока, с подробным описанием каждой услуги агентства. Этот вариант сайта больше подходит для тех, кто уже определился с предпочтениями и хочет найти еще несколько идей для реализации торжества. | |
| − | + | Таким образом, в одном сайте мы воплотили оригинальную идею подачи информации, поиграв с горизонтальной и вертикальной структурой, но в тоже время не перегрузив сайт контентом. | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
Источник: http://remontkvartir63.tk/ - http://remontkvartir63.tk/ | Источник: http://remontkvartir63.tk/ - http://remontkvartir63.tk/ | ||
Revisión del 20:55 7 dic 2022
Недавно перед нами стояла задача создать сайт для наших друзей, и в качестве инструмента разработки мы решили применить горизонтальный скроллинг. Но перед этим мы подумали, что было бы не лишним посмотреть на зарубежные примеры подобных сайтов. Вследствие чего и предлагаем вам нашу небольшую подборку. В конце обзора мы расскажем вам о собственных впечатлениях от работы с горизонтальным скроллом, укажем на плюсы и минусы данного направления.
Так сложилось, что разработчики используют разные способы самого скроллинга. Некоторые сайты прокручиваются с помощью колеса мыши. Плюс данной прокрутки в том, что она позволяет сразу же пробежаться по всему контенту. Так, к примеру, сделал веб-дизайнер и разработчик Дин Окли (Dean Oakley) на своем сайте.
Другие считают, что удобнее вручную передвигать «ползунок» влево или вправо, предварительно дав инструкции по навигации на сайте.
Некоторые прибегают к помощи специальных стрелок, без которых сайт не придет в движение. Однако стоит заметить, что подобный способ не очень удобен по причине отсутствия регулирования скорости прокрутки, иногда она слишком быстрая.
Кто-то пошел еще дальше и воплотил на своем сайте эталон, как вертикального, так и горизонтального скролла. Примером служит сайт румынской группы Suie Paparude. При попадание на него, сайт кажется типичным примером вертикального скроллинга, но стоит присмотреться, и мы понимаем, что в поле зрения попадают навигационные стрелки, благодаря которым сайт приходит в движение.
А вот еще один позитивный пример сайта горизонтального скролла с удивительным, воздушным дизайном, где навигация осуществляется с помощью специальных стрелок:
Интересный сайт с уникальным и запоминающимся дизайном:
Отличный, свежий сайт ресторана японской кухни. Выполнен чисто, а смотреть одно удовольствие:
Комментарий от нашего веб-разработчика:
При загрузке сайта с горизонтальным скроллом периодически создается впечатление, что сайт немного подвисает. Это можно объяснить несколькими причинами:
Во-первых, из-за обработки самого горизонтального скролла. Его обрабатывает JavaScript в браузере, динамически меняя положение почти всех DOM-элементов на странице, создавая нагрузку на процессор компьютера.
Решением данной проблемы может служить использование современных браузеров (где обработка JavaScript наиболее оптимизирована), а также уменьшение самой страницы или объема ее содержимого, в том числе ресурсоемких картинок и FLASH.
Как мы делали сайт для event-агентства
Как и обещали, мы хотим рассказать вам о собственном опыте работы с горизонтальным скроллом. Изначально, мы создали две версии сайта, чтобы попав на него, пользователь сам мог выбрать более удобный для себя вариант.
Информация в горизонтальном скролле носит больше презентационный и ознакомительный характер, наглядно показывая весь спектр работ, осуществляемых агентством. Он удобен в том случае, когда пользователь, впервые попав на сайт, определяет, что же ему нужно. В данном случае, у горизонтального скролла есть несколько неоспоримых преимуществ. Во-первых, нет необходимости перескакивать со страницы на страницу, так как все услуги изначально находятся в поле зрения, во-вторых, подобный скроллинг играет роль общего плана, где в форме анонсов расположены основные услуги event-агентства.
Вертикальный же скроллинг представлен у нас в виде цельного информационного блока, с подробным описанием каждой услуги агентства. Этот вариант сайта больше подходит для тех, кто уже определился с предпочтениями и хочет найти еще несколько идей для реализации торжества.
Таким образом, в одном сайте мы воплотили оригинальную идею подачи информации, поиграв с горизонтальной и вертикальной структурой, но в тоже время не перегрузив сайт контентом.
Источник: http://remontkvartir63.tk/ - http://remontkvartir63.tk/
