Четыре Принципа Базового Веб-Дизайна

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

1. Сохраняйте пропускную способность везде, где это возможно, и начните с фотографий и изображений. Широкополосный доступ в Интернет по-прежнему не является универсальным, и хотя текущие оценки указывают на то, что почти 80 процентов домохозяйств в США имеют широкополосный доступ, мы все равно должны оптимизировать наши веб-страницы просто из вежливости. Всегда используйте редактор изображений, чтобы уменьшить размер изображений до того размера, который вы хотите, чтобы они отображались на вашей веб-странице. Никогда не используйте комментарии HTML, чтобы сжать большое изображение в меньший пакет. Кроме того, убедитесь, что разрешение всех изображений уменьшено до 72 точек на дюйм. Компьютерные мониторы могут отображать изображения только с разрешением 72 точки на дюйм, поэтому все, что выше, — это потеря пропускной способности. Еще одно важное практическое правило — стараться, чтобы общий размер страницы (включая все изображения и скрипты) не превышал 50 КБ. Это очень сложно сделать, но небольшие веб-страницы загружаются невероятно быстро и доносят информацию до читателя гораздо эффективнее.

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

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

4. Не создавайте его, если не собираетесь его обновлять! Ничто не говорит: «НАМ НЕ ЗАНИМАЕТСЯ!» так же, как веб-сайт организации, на главной странице которого есть старая, устаревшая и устаревшая информация. Если вы знаете, что у вас не будет времени регулярно обновляться, создайте веб-страницу, которая не устареет после определенной даты. Представляйте информацию в настоящем времени, без привязки к датам и времени. Для более подробных и критичных по времени веб-сайтов рассмотрите возможность использования системы управления контентом (CMS), такой как Joomla, вместо написания необработанных веб-страниц HTML.




4 лучших совета по дизайну для создания красивого и современного бизнес-сайта

Создание красивого и современного веб-сайта – один из первых шагов к развитию вашего бизнеса. Эти советы помогут вам превратить ваш сайт из скучного в красивый.

1. Подумайте о минималистском дизайне. Минималистичный дизайн — это хороший способ рассказать всем, какова цель вашего сайта. Используйте пустое пространство вокруг опций, главных меню, форм и статей. Старайтесь избегать шрифтов, которые затрудняют быстрое чтение.

2. Используйте короткие URL-адреса. URL-адреса в первую очередь предназначены для того, чтобы донести смысл веб-страницы или информационного бюллетеня, а не для того, чтобы заманивать людей в ловушку длинными строками. Однако, согласно нескольким анализам производительности, длинные URL-адреса делают ваш сайт бесполезным. Помните, что адреса SSL должны иметь прозрачный текстовый знак, поэтому вы также можете поставить точку для настройки SSL, а корпоративные ссылки не должны существовать. Более того, скажите «да» более коротким внешним ссылкам, в идеале длиной до 11 символов.

3. Выберите доменное имя. Убедитесь, что ваш веб-сайт легко запомнить и легко найти. Оно должно соответствовать тому, что предлагает ваш бизнес, чтобы помочь клиентам и потенциальным клиентам запомнить ваше доменное имя. Проверить наличие

4. Улучшите сбои. Ключевые слова в ваших рекомендациях по пользовательскому интерфейсу: «Быстрее, плавнее». Как будто самые эффективные страницы вписываются в это задание. Инструменты более полезны для достижения этих условий. Исследования показывают, что можно выбрать манифест кэша продолжительностью 5 секунд - примерно долго, чтобы обеспечить точность всех этапов загрузки. Сжатие заголовков, добавленное к статической (и IDEAL) информации, на самом деле не замедляет загрузку клиента. В сочетании с преимуществами сжатия заголовков кэшей премиум-класса. Кроме того, постарайтесь ОСОБЕННО ускорить внутренние дела с помощью продвинутых технических приемов.

Вместе с данным постом часто просматривают: