Импровизация в веб-дизайне – главное в графике при создании сайта
Вообще, цель любых страничек — коммуникабельность. Мы пытаемся выразить свою мысль с помощью слов, изображений, а также общего макета сайта. Это могут быть какие-либо услуги или вы что-либо продаете, и от того, как вы наладите визуальную связь с посетителем, зависит ваш успех.
Дизайн — это связь, автора и аудитории. Конечно, было бы хорошо, если бы вы создавали произведения искусства из ваших страничек. Но большинство из нас не имеют времени, умения или таланта. Следуйте нескольким конкретным правилам, чтобы ваши страницы выглядели лучше и были запоминающимися.
Основные правила Веб-дизайна.
Каждый элемент на странице должен иметь свою цель.
Если вы создали изображение на странице или фрагмент текста или строки, должно быть основание для того, чтобы он там был. Если по причине что-то вроде: «потому что мне это нравится», то лучше сразу удаляйте. Ваши элементы художественного оформления — это части вашего налаживания контакта с пользователями на странице. Все, что не соответствует этому, мешает, должно быть убрано со страницы.
Не издевайтесь над вашими потенциальными клиентами и аудиторией. Шрифты должны быть разборчивыми и с удобной для чтения длиной строки (не более 7-10 слов в строке). Если посетители будут с трудом разбирать, что начеркано у вас на странице, то они просто уйдут, и вы потеряете Ваших клиентов.
Выделите самое важное на странице. Используйте стилевые заголовки, крупные размеры для привлечения внимания к важным разделам на страницах и добавьте изображения, чтобы осветить важные особенности.
Использование качественных изображений.
Одно огромное изображение сделает больше для того, чтобы передать вашу мысль, идею, чем три посредственных. И простой текст иногда передаст больше настроения, чем одна картинка плохого качества.
Наглядные пособия расскажут более оперативно, чем блоки текста.
Таблицы, диаграммы и графики легче понять и быстрее, чем фрагменты текста. А особенно это применимо к читателям Web-страниц, которые, как правило, всегда спешат и пробегаются по тексту быстро, обращая свое внимание на заголовки, подзаголовки и изображения.
Не бойтесь быть смелее. Нерешительный дизайн, проявляющийся в цвете или форме, передаст это ощущение клиенту, что чего-то не хватает. Сделайте ваши сайты выделяющимися, яркими, чтобы они надолго оставались в памяти.
Простой дизайн имеет больше преимуществ. Макет в одну или две колонки проще для восприятия ваших клиентов, чем в несколько. Хорошо смотрится, когда элементы, например поиск, навигация, рубрики, статьи разбиты по отдельным зонам, модулям, и упорядоченно и интуитивно понятно, а не так, чтобы пользователям приходилось искать, где и что.
Иногда нужно обратиться к специалисту.
Если вы хотите создать что-то глобальное, портал, сложный сайт, в общем, что нуждается в поддержке длительное время с хорошей отдачей, наймите профессионального дизайнера, бренд менеджера, или гуру маркетинга, который поможет убедиться в том, что вы получите лучший конечный результат, чем будете пробовать сами и получится неизвестно что.
Когда лучше использовать JPEG, GIF формат или PNG для веб-изображений?
Используйте GIF формат для изображений, которые имеют небольшое количество цветов. GIF всегда сокращает файлы до 256 цветов. Алгоритм сжатия GIF файлов менее сложный, чем у JPEG файлов, но при использовании для однотонных цветных изображения или текста, занимает очень малые размеры. GIF формат не подходит для фотографий или изображений с градиентными цветами, потому как имеет ограниченное количество цветов.
JPEG
Используйте формат JPEG для фотографий и других изображений, которые имеют миллионы цветов. Он использует комплексный алгоритм сжатия, который при создании мелкой графики теряет некоторое качество изображения. Это называется “потерями сжатия”, поскольку некоторая графическая информация теряется, когда изображение сжимается. JPEG формат не подходит для изображений с текстом, крупных блоков цвета и простых форм с четкими краями.
PNG Изображения
PNG формат был разработан в качестве замены формата GIF. PNG графика имеет сжатие лучше, чем GIF изображения, может также применятся альфа-прозрачность и анимация.
PNG не очень подходит для фотографий. Другой проблемой PNG является то, что его не очень хорошо поддерживает Internet Explorer.
Как уменьшить GIF?
Чем меньше весит изображение, тем быстрее ваш сайт будет загружаться и больше будет посетителей. Кроме того, многие сайты имеют ограничения по размеру рекламных баннеров. Эти советы помогут вам сделать ваши gif’ы как можно меньше.
Кадрирование лишнего дополнительного пространства вокруг изображения и уменьшение количество пикселей изображения является самым эффективным способом уменьшения размера файла. Уменьшите количество цветов в изображении при сохранении.
Для анимированных GIFов уменьшите количество кадров в картинке.
Избегайте зернистости. Шумы могут делать некоторые изображения лучше, но это будет увеличивать размер файла. Если ваше программное обеспечение позволяет пользоваться более низким уровнем шума, чтобы сохранить дополнительные байты, то пробуйте, но это может также снизить качество изображения.
Не пользуйтесь чересстрочной разверткой. Сохранение файла с этой функцией, как правило, увеличивает размер файла.
Избегайте ненужной анимации. Чрезмерная анимация не только добавляет к загружаемой странице времени, но и отвлекает пользователей от чтения. GIF изображения с однородными блоками цвета и горизонтальной структурой сжимаются лучше, чем изображения с градациями цвета, мягкими тенями, и вертикальной структурой.
При сокращении цветов в GIFе, получите лучшее сжатие, когда количество цветов установлено на наименьший, насколько это позволяет изображение, из этих возможных вариантов: 2, 4, 8, 16, 32, 64, 128 или 256.
В общем проявляйте себя, свою индивидуальность и вас оценят!
Признаюсь честно – не дизайнер. Но расту над собой, читаю, читаю…
Знала, что сайт, обремененный флешом, плохо опознается поисковиками. Теперь знаю, как клиентом грамотно объяснить очевидное) Спасибо!
крайне познавательно =)
>Другой проблемой PNG является то, что его не очень хорошо поддерживает Internet Explorer.
если о IE6, то главное достоинство PNG альфа-канал он поддерживает только с набором хаков. Так что “не очень хорошо” – мягко сказано