{
    "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\/osnovy-veb-dizayna\/",
    "feed_url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/tags\/osnovy-veb-dizayna\/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": "24",
            "url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/all\/10-pravil-veb-dizaynera-po-tipografike\/",
            "title": "10 правил веб дизайнера по типографике",
            "content_html": "<p>Для создания качественного веб дизайна следует учитывать принципы типографики и соблюдать их, чтобы страницы выглядели эстетично, а текст можно было легко читать. Благодаря использованию типографики в дизайне сайт больше привлекает внимание, проще воспринимается и производит приятное впечатление.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/10_pravil_po_tipografike.jpg\" width=\"1500\" height=\"844\" alt=\"\" \/>\n<\/div>\n<h2>Правила веб-дизайна<\/h2>\n<p>Специалисты в данной отрасли выделили 10 основных правил, которых должен придерживаться каждый профи:<\/p>\n<h3>1. Применение стандартных шрифтов<\/h3>\n<p>Многие веб дизайнеры любят экспериментировать, попробовать подать материал по-особенному. Опытные специалисты рекомендуют использовать стандартные шрифты. Использование декоративных шрифтов может отвлекать читателей от содержания. Необычное изображение букв трудно воспринимается, быстро устают глаза. Удерживать внимание читателей проще с помощью стандартных типографских шрифтов.<\/p>\n<h3>2. Умеренность в количестве шрифтов — не более 2-3 видов<\/h3>\n<p>Рекомендуется выбрать один шрифт для заголовков, один для подзаголовков и один для основного текста. Такие тексты выглядят эстетично, их легко читать.<\/p>\n<h3>3. Использование Caps Lock для выделения текстовых фрагментов недопустимо<\/h3>\n<p>Когда часть текста выделяется заглавными буквами, это оказывает негативное влияние на пользователей.<\/p>\n<h3>4. Использование контраста<\/h3>\n<p>Правило хорошей типографии — для создания акцента на важных мыслях добавлять контрастное выделение отдельных фрагментов текста.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Ispolzovanie_kontrasta.jpg\" width=\"1500\" height=\"840\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Слово «ideas» выделено синей плашкой, чтобы показать его важность в данном предложении<\/div>\n<\/div>\n<h3>5. Строки должны иметь оптимальную длину<\/h3>\n<p>Читатели плохо воспринимают информацию, если строки слишком длинные. Нормальной считается длина от 40 до 70 символов. Оптимальное значение — 60.<\/p>\n<h3>6. Отказ от висячих строк<\/h3>\n<p>Когда вверху или внизу имеются короткие строки, оторванные от предыдущего или последующего абзаца, нарушается эстетика текста. Это мешает хорошему восприятию и рассеивает внимание читателей. Их нужно устранять путём переноса строк или изменением интервала между буквами.<\/p>\n<h3>7. Межстрочное расстояние<\/h3>\n<p>Не стоит строки располагать слишком близко. От этого страдает читабельность и восприятие. Оптимальный интервал — от 130 до 150% высоты строки.<\/p>\n<h3>8. Не стоит делать переносы<\/h3>\n<p>Они рассеивают внимание и мешают воспринимать информацию.<\/p>\n<h3>9. Помним о мобильной версии<\/h3>\n<p>Большинство людей выходят в интернет по телефону, потому что он всегда под рукой. Веб дизайнеры должны это учитывать и создавать дизайн, который будет эффективным для мобильной версии сайта.<\/p>\n<h3>10. Отказ от шрифта Comic Sans<\/h3>\n<p>Текст, напечатанный таким шрифтом, абсолютно нечитабельный, глаза от него устают моментально. Шрифт совершенно непригоден для использования в типографике.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Skazhi-comic-sans-net.jpg\" width=\"1500\" height=\"840\" alt=\"\" \/>\n<\/div>\n<p><b>Эти правила являются основой <a href=\"\/all\/web-designer\/\">веб дизайна<\/a><\/b>. Используйте типографику в дизайне, чтобы тексты хорошо воспринимались и легко читались, а внимание ничего не отвлекало от содержания страницы.<br \/>\nЕсть и другие аспекты создания красивого и удобного сайта — с ними вы можете ознакомиться <b><a href=\"\/all\/5-pravil-web-disaina\/\">в этой статье<\/a><\/b>. А чтобы ваше портфолио приводило клиентов, воспользуйтесь <b>сервисом взаимопиара для дизайнеров <a href=\"https:\/\/betop.me\/?utm_source=prodesign&utm_medium=content&utm_campaign=10_zolotyx_pravil_tipografiki\">Betop.me<\/a><\/b> — лайки, просмотры и комментарии в Behance, Dribbble, Artstation и другие площадки.<\/p>\n",
            "date_published": "2023-03-26T13:18:10+03:00",
            "date_modified": "2023-03-27T16:12:39+03:00",
            "tags": [
                "основы веб дизайна",
                "правила дизайна",
                "Продвижение Behance",
                "создание сайтов",
                "типографика",
                "Тренды 2023",
                "шрифты"
            ],
            "image": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/10_pravil_po_tipografike.jpg",
            "_date_published_rfc2822": "Sun, 26 Mar 2023 13:18:10 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "24",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/10_pravil_po_tipografike.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Ispolzovanie_kontrasta.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Skazhi-comic-sans-net.jpg"
                ]
            }
        },
        {
            "id": "26",
            "url": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/all\/web-designer\/",
            "title": "Web-дизайнер. Плюсы профессии",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Oblozhka.jpg\" width=\"2560\" height=\"1422\" alt=\"\" \/>\n<\/div>\n<p><i>Привлекательный и понятный сайт<\/i> — важная составляющая бизнеса. За его создание отвечает <b>веб-дизайнер<\/b> — эксперт, обладающий знаниями в дизайне, художественным вкусом и навыками творческого мышления. Имея все это, он может создать привлекательный веб-проект и заработать хорошие деньги.<\/p>\n<h2>О профессии веб-дизайнер<\/h2>\n<p>Главной задачей веб-дизайнера является разработать уникальный интерфейс веб-приложений или сайта, который понравится заказчику и привлечет большое количество посетителей. Но это еще не все: оформленный интернет-проект не только должен стильно выглядеть, он еще должен быть удобен пользователю. При создании страницы уделяется внимание мельчайшим деталям.<\/p>\n<p>Веб-дизайнеры также работают с инфографикой, логотипами, баннерами, электронными презентациями. Услугами веб-специалистов пользуются веб-агентства, ИТ-компании, рекламные агентства, частные лица и предприниматели. Например, если нужно создать сайт по продаже услуг или разработать дизайн для интернет-магазина.<\/p>\n<h2>Какие навыки нужны веб-дизайнеру для работы<\/h2>\n<p><b>Веб-дизайнер должен:<\/b><\/p>\n<ol start=\"1\">\n<li>иметь представление об HTML, знать основы графики;<\/li>\n<li>уметь работать с Figma и Adobe Photoshop;<\/li>\n<li>иметь художественный вкус и аналитическое мышление;<\/li>\n<li>уметь определять цели и задачи пользователей;<\/li>\n<li>стремиться осваивать новое;<\/li>\n<li>быть внимательным, усидчивым и терпеливым;<\/li>\n<li>грамотно вести переговоры с заказчиком;<\/li>\n<li>находить компромиссные решения.<\/li>\n<\/ol>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/web-designer_skills.jpg\" width=\"1500\" height=\"840\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Знания программ, вкус стиля, усидчивость и умение общаться с командой и заказчиком — важные составляющие любого веб-дизайнера<\/div>\n<\/div>\n<h2>Плюсы профессии веб-дизайнер<\/h2>\n<h3>1. Высокий доход<\/h3>\n<p>Опытный веб-дизайнер может заработать до 100 тыс. руб. в месяц, иногда даже больше. Зарплата новичка в региональной студии в среднем составит 30—40 тыс. руб. сколько зарабатывает веб дизайнер на фрилансе? Все будет зависеть от количества выполненных проектов.<\/p>\n<h3>2. Актуальность<\/h3>\n<p><b>Веб-дизайнер<\/b> — востребованная специальность, которая еще долго будет оставаться в тренде. Сейчас практически ни одна студия, компания, ресторан или торговая сеть не может обходиться без рекламы, поэтому занятость будет всегда. Чтобы взять настоящих профессионалов в свою команду, крупные компании проводят курсы повышения квалификации.<\/p>\n<h3>3. Перспективы профессионального и личностного роста<\/h3>\n<p>После получения знаний и закрепления навыков специалист сможет вырасти до ведущего дизайнера, арт-директора либо открыть свое собственное дело.<\/p>\n<h3>4. Нет привязанности к месту<\/h3>\n<p>Веб-дизайнером можно работать удаленно. Когда ноутбук под рукой, можно находиться где угодно, самостоятельно планировать свой рабочий день и время. Некоторые специалисты любят совмещать работу с путешествиями или работать из кафе.<\/p>\n<h3>5. Каждый день новые и интересные задания<\/h3>\n<p>Креативная работа не даст заскучать, можно ежедневно экспериментировать, применяя свои творческие навыки.<\/p>\n<h3>6. Возможность работать с готовыми исходными макетами<\/h3>\n<p>Их можно брать в качестве примера для выполнения работы.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/web-designer_pros_of_the_profession.jpg\" width=\"1500\" height=\"840\" alt=\"\" \/>\n<\/div>\n<p>Востребованность специальности веб-дизайн на рынке труда связана с переходом общества в сферу виртуального пространства. Пока существует интернет, профессия веб-дизайнер будет актуальна.<\/p>\n<p>А чтобы вы нашли клиентов, особенно в начале карьеры, рекомендуем делиться своими работами на платформах для дизайнеров — Behance, Dribbble, Artstaion и т. п. <b>А для большей эффективности, воспользуйтесь сервисом взаимопиара <a href=\"https:\/\/betop.me\/?utm_source=prodesign&utm_medium=content&utm_campaign=web_design_osnovi_specialnosti\"> Betop.me<\/a><\/b> — с его помощью вы увеличите просмотры, комментарии, лайки и подписчиков, которые нужны для попадания в ТОП.<\/p>\n",
            "date_published": "2023-03-18T19:58:37+03:00",
            "date_modified": "2023-03-26T12:28:05+03:00",
            "tags": [
                "веб-дизайн",
                "зп дизайнера",
                "основы веб дизайна",
                "Продвижение Behance",
                "продвижение в Dribbble",
                "создание сайтов"
            ],
            "image": "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Oblozhka.jpg",
            "_date_published_rfc2822": "Sat, 18 Mar 2023 19:58:37 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "26",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/Oblozhka.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/web-designer_skills.jpg",
                    "https:\/\/xn--80ahjdhybhj.xn--p1acf\/pictures\/web-designer_pros_of_the_profession.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4079,
    "_e2_ua_string": "Aegea 11.0 (v4079)"
}