{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "ПроДизайн.рус: заметки с тегом дизайн сайтов",
    "_rss_description": "Полезные статьи для дизайнера",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/tags\/dizayn-saytov\/",
    "feed_url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/tags\/dizayn-saytov\/json\/",
    "icon": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/userpic\/userpic@2x.jpg?1678788487",
    "authors": [
        {
            "name": "ПроДизайн.рус",
            "url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/",
            "avatar": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/userpic\/userpic@2x.jpg?1678788487"
        }
    ],
    "items": [
        {
            "id": "23",
            "url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/all\/5-pravil-web-disaina\/",
            "title": "5 правил веб-дизайна",
            "content_html": "<p><b>Создание сайта<\/b> — сложный процесс, разбитый на несколько этапов. Начинается он с изучения группы потенциальных пользователей, сборе бизнес-требований, проектирования, дизайна, верстки, программирования и заканчивается оптимизацией скорости работы и SEO оптимизацией. При этом полезно придерживаться рекомендаций, которыми мы поделимся с вами.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/5-aspektov-sozdaniya-saytov.jpg\" width=\"1500\" height=\"840\" alt=\"\" \/>\n<\/div>\n<h2>Как сделать красивый и удобный сайт?<\/h2>\n<p>Прежде всего стоит сосредоточиться на пользователе, который в итоге и должен стать вашим покупателем. Поэтому нужно сделать так, чтобы ему было как можно проще ориентироваться в готовом продукте.<br \/>\nПри разработке веб-сайта, магазина или интернет-приложения вы должны обеспечить не только простоту использования, но и прозрачность передачи информации. Благодаря этому пользователям будет комфортнее находиться на сайте, а, следовательно, они с большей вероятностью вернутся к вам.<br \/>\n<i>Ведь красивый сайт — это удобный сайт.<\/i> Просто симпатичные картинки при общем хаосе не помогут довести клиента до продажи. Поэтому давайте разбираться как дизайнеру прийти к этому балансу удобства и эстетики.<\/p>\n<h2>Современные правила веб-дизайна<\/h2>\n<p><b>1. Понятная навигация и структура сайта<\/b><br \/>\nПродуманная структура сайта дает легкий и быстрый доступ к самой важной информации. Хорошее меню — это, прежде всего, тщательно выверенная система информации с четко определенными названиями конкретных отделов.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Easy_navigation.jpg\" width=\"1250\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Продумывайте структуру сайта прежде, чем переходить к дизайну — так вы сможете учесть все важные нюансы<\/div>\n<\/div>\n<p><b>2. Отзывчивый веб-дизайн (RWD)<\/b><br \/>\nРечь идет о проектировании с учетом всех устройств: смартфонов, планшетов, ноутбуков и т. д. Создание сайтов на принципах RWD сейчас не столько стандарт, сколько необходимость. Качественно разработанный продукт должен соответствовать разрешению устройства, на котором он отображается. В результате сайт становится разборчивым и удобным для использования на всех типах устройств.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Adaptations_devices.jpg\" width=\"1250\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\">При создании структуры сайта учитывайте также все устройства — компьютер, планшет, телефон<\/div>\n<\/div>\n<p><b>3. Количество шрифтов и открытый текст<\/b><br \/>\nЗолотое правило — чем меньше разных шрифтов, тем лучше. При разработке вы должны сосредоточиться на четком, последовательном содержании. Использование как можно меньшего количества шрифтов делает информацию и тексты на странице прозрачными. При открытии страницы в фоновом режиме не загружаются никакие дополнительные шрифты, что, в свою очередь, положительно влияет на время загрузки всей страницы.<br \/>\n<b>4. Расстояние между элементами<\/b><br \/>\nДайте пользователям больше места. Не сжимайте информацию и не располагайте тексты слишком близко друг к другу — это создает чувство панической скованности и угнетает потенциальную аудиторию. Интервал и наличие свободного места позволяют получателям чувствовать себя более комфортно при навигации по веб-сайту или интернет-магазину. Расстояние между элементами делает информацию более четкой и легкой для поиска.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/The_distance_between_elements.jpg\" width=\"1250\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Текст, изображение и другие элементы можно набрасывать блоками на этапе создания структуры<\/div>\n<\/div>\n<p><b>5. Наблюдение, анализ и тестирование<\/b><br \/>\nПри создании веб-сайтов, магазинов или приложений вы должны собирать отзывы своих получателей — для этого используются соответствующие аналитические инструменты. Вы должны проектировать с акцентом на потенциального пользователя, чтобы пользоваться сайтом было легко, просто и приятно.<\/p>\n<p>Благодаря тестам и анализу данных по аудиториям вы узнаете, что еще можно улучшить, где внести изменения, чтобы посетители без проблем находили интересный контент.<\/p>\n<p><b>Вышеперечисленные пункты — лишь капля в море.<\/b> Проектирование эффективных веб-сайтов, магазинов и веб-приложений — сложный процесс, требующий, прежде всего, времени, знаний и терпения.<br \/>\nНо если вы готовы постигать навыки создания крутых сайтов, то рекомендуем кроме требований к структуре сайтов также изучить <a href=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/all\/5-trendov-veb-dizayna-2023-goda-y2k-dizayn-i-drugie-tendencii\/?utm_source=prodesign&utm_medium=content&utm_campaign=5_aspectov_design_sites\">основные тренды веб-дизайна 2023 года<\/a>. Это позволит вам быть на общей волне в digital, повышать оплату за свои услуги и находить новых клиентов.<\/p>\n<p>А в продвижении вам поможет <b><a href=\"https:\/\/betop.me\/?utm_source=prodesign&utm_medium=content&utm_campaign=5_aspectov_design_sites\">Betop.me<\/a> —  накрутка просмотров, лайков, комментариев и подписчиков платформах для дизайнеров Behance, Dribbble, Artstation и других.<\/b><br \/>\n<i>Зачем продвигаться?<\/i> Чтобы стать заметными среди других дизайнеров и получить новых клиентов.<\/p>\n",
            "date_published": "2023-03-05T13:10:10+03:00",
            "date_modified": "2023-03-05T13:10:02+03:00",
            "tags": [
                "веб-дизайн",
                "дизайн сайтов",
                "правила дизайна",
                "Продвижение Behance",
                "создание сайтов"
            ],
            "image": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/5-aspektov-sozdaniya-saytov.jpg",
            "_date_published_rfc2822": "Sun, 05 Mar 2023 13:10:10 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "23",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/5-aspektov-sozdaniya-saytov.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Easy_navigation.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Adaptations_devices.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/The_distance_between_elements.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4079,
    "_e2_ua_string": "Aegea 11.0 (v4079)"
}