|
Вебмастер
Автор Pola
|
В этой статье мы постараемся обсудить графическое наполнение сайта и дать описание основным графическим форматам, показываемым стандартными браузерами.
При их правильном применении и, не пренебрегая некоторыми советами, можно достичь уменьшения времени загрузки Вашего сайта. Тем самым расположить к себе посетителя.
Немного теории:
Предположим, ваш сайт посетил пользователь со скоростью загрузки 3кб в секунду. А ваша титульная страница содержит только 100кб графических элементов. Каким будет результат? Если Вы уже подсчитывали, вы понимаете, о чем я.
Если еще нет, настоятельно рекомендую заняться этим в свободное время. Поставив себя на место пользователя, Вы поймете, насколько бы он был бы рад видеть сайт, который не напоминает ему наболевшее, а радует быстрой загрузкой. Ведь если его заинтересует содержание сайта и навигация, он, скорее всего, вернется снова. А этого от публики Рунета и всей сети Интернет не просто добиться.
Короткий перечень графических стандартов, показываемых стандартными браузерами без дополнительных "пристроек":
bmp
Если этот формат и показывается в браузере, то, скорее всего, только из-за того, что когда-то он был актуален, но это совсем не значит, что его стоит применять. Лучше просто забудьте о нем, если для вас время загрузки играет какую-либо роль.
Формат tif также из-за больших размеров не применим для интернет сайтов. Его место в типографии, поэтому пусть там и останется.
|
Подробнее...
|
|
Автор Pola
|
При создании своего Интернет-ресурса необходимо пройти через несколько этапов - от придумывания идеи до ее воплощения.
Чтобы создать действительно интересный и полезный сайт, необходимо хорошо понимать механизмы его создания.
1. Анализ и проектирование
Анализ сильных и слабых сторон конкурентов, информационное проектирование сайта, разработка его концепции, понимание аудитории на которую сайт рассчитан.
Это первый и важный этап, поскольку он определяет дальнейшую работу над сайтом - дизайн, программирование, написание кода.
Описание и анализ каждого этапа проектирования веб-сайта позволяет оценить его с разных позиций, - как пользователей, так и создателей, что должно сделать разрабатываемый проект интересным и удобным для целевой аудитории, а авторам лучше понять его предназначение и структуру.
2. Написание контента
Под контентом понимается информационное наполнение сайта. Термин заимствованный, но уже устоялся и применяется для обозначения содержимого сайта.
Появились даже производные сочетания - контент-мастер, контент-проект.
|
Подробнее...
|
|
Автор Pola
|
Обладая некоторым опытом серфинга по Сети, можно легко научиться распознавать сайты сделанные начинающими веб-строителями.
Общие элементы присущи многим таким сайтам, вот именно о них я и хотел бы поговорить сегодня.
1. "Анимация" - одна из самых распространенных черт таких сайтов. Огромные анимированные изображения на главной странице, несколько бегущих строк перемещающиеся в 2 разные стороны и при этом резко мигающие вызывают мгновенный уход посетителя с такого сайта. Можно быть уверенным, что он не вернется.
2. "Широкие изображения" - большие по формату изображения медленно загружаются, особенно это понятно жителям стран СНГ, где быстрый доступ еще редкость.
3. "Кнопки" - начинающие веб-строители любят вешать на главную страницу до 10-20 кнопок - счетчики, топы, эмблемы каталогов, ссылки на дружественные сайты. Подумайте, может что-то из этого бесполезное увеличение обьема графики.
4. "Длинные тексты" - иногда видишь "сайт" целиком умещающийся в одном большом файле. Большая ошибка! Пользователь не должен прокручивать экран больше чем на 2,5-3 экрана.
|
Подробнее...
|
|
Автор Pola
|
Стильный web-сайт - это когда каждая страничка Вашей публикации имеет ярко выраженную принадлежность ко всему web-сайту.
Когда легко ориентироваться и поиск информации не сопряжен с опасностью заблудиться и потерять время. Когда странички загружаются менее, чем за минуту. Когда...
Стильность web-сайта достигается несколькими приемами. Можно выделить следующие элементы, участвующие в создании стиля:
шрифт - в пределах публикации он должен иметь одинаковые характеристики - такие, как гарнитура (начертание), кегль (высота), цвет;
абзац - желательно, чтобы преобладал какой-нибудь один из видов выравнивания на страничке, например, публикация сделана с отступом от левого края и выравниванием влево;
цветовая схема web-сайта - она начинается с выбора тех трех цветов страницы, которые используются для представления обычного текста, ссылок и посещенных ссылок. Все эти параметры указываются в тэге;
цветовая схема должна повторяться на всех страничках публикации, это создаст у посетителя ощущение связности сайта.
Цвета ссылок старайтесь выбирать таким образом, чтобы, с одной стороны, читатель видел, что это ссылка, а с другой стороны, она бы не мешала ему читать основной текст.
|
Подробнее...
|
|
Автор Pola
|
Сегодня речь пойдёт об одной из главнейших характеристик веб-страницы - её весе и о том, как его уменьшить.
Для справки: под весом страницы понимают её объём, измеряемый в килобайтах.
Вес страницы складывается из:
- Объем чистого HTML-кода;
- Объём текстовой информации на странице;
- Объём графики, которая является составляющей частью дизайна;
- Объём рекламы (банеров, и(или) текстовых блоков).
Суммарный объём страницы не должен превышать 50Кб, если больше, то посетителям придётся ждать загрузки страницы достаточно долго. В отдельную группу попадают счётчики. Счётчики подобные HotLog и Mail.ru весят приблизительно по 1,2Кб каждый, поэтому злоупотреблять ими тоже не стоит.
Пути уменьшения веса страниц:
1. Откажитесь от комментариев. Зачастую в коде веб-страницы встречаются достаточно бесполезные комментарии, в которых веб-мастер старается подшутить над теми, кто захочет посмотреть код. Фразы типа "Зачем ты залез в код моей страницы и что тебе здесь надо" не несут никакого смысла, но малость увеличивают код.
Хочу заметить, что не стоит отказываться от комментариев к изображениям, т.е. от тега alt=, как раз он вам пригодиться.
|
Подробнее...
|
|
Автор Pola
|
Наверное, читателям уже вконец надоели это навязчивые статьи о организации информации на веб-сайте, они есть почти на всех тематических сайтах.
Все, кому не лень, пишут как правильно и верно разбить сайт на разделы и связать навигацией так, чтобы посетитель был как у себя дома, а не как турист-новичок в токийском метрополитене.
Однако, раз за разом начинающие веб-строители создают нечто запутанное как лабиринт, что напрочь убивает все удовольствие от пользования сайтом. Впрочем, такое положение дел неудивительно, т.к создание навигационной структуры не столь простая задача, особенно если необходимо как-то организовать тысячу-другую документов...
Не секрет, что навигация - это один из важнейших элементов любого сайта. Очень важно, чтобы перемещения по ресурсу не превращались в разгадывание загадок и ребусов, точно вам говорю, посетитель не будет рад такому обороту дел.
Сейчас я попробую изложить несколько заповедей, постулатов, законов, правил успешной навигации - называйте как хотите, но только постарайтесь их применять на практике! И будет вам счастье.
1. Не усложняй!
Простое правило - чем проще, тем лучше. Не стоит пытаться выдумать нечто сверхновое. Понятно, что дизайнерские изыски всегда в моде, но лично мое мнение, что навигационная панель - это не полигон для деятельности дизайнера.
Все что угодно: оформление, цвет, шрифт, но с навигацией - очень аккуратно! Я часто вижу сайты на которых пункты в меню называются отличными от общепринятых терминами. Например, я не очень люблю когда вместо "чат" в навигации написано "болталка".
Хорошо еще, когда автор понимает, что "to chat" - переводиться как глагол "болтать", но ведь часто случается, что под таким названием скрывается, например, форум. Еще интереснее, если на сайте есть и чат, и форум, в таком случае вообще стразу не понятно, что есть что.
|
Подробнее...
|
|
Автор Pola
|
В последнее время стал популярным новый метод разработки веб-сайтов и Интернет-сервисов, который основан на следующей идее: шмякните дизайн об стену, если он удержится на ней - значит все в порядке.
Предполагается, что такой способ разработки дизайна сокращает период прохождения проекта от идеи к рынку и, следовательно, ведет к более быстрому успеху и росту прибылей.
Этот метод предполагает, что скорость, быстрота - превыше всего, и если в дизайне обнаруживаются слабости (то есть, он сползает со стены), предполагается, что их всегда можно быстро поправить путем редизайна.
Согласен, быстрота и скорость действительно важны, но это еще далеко не все. А вот удовлетворенность клиента - это действительно все. Запуская плохой и неудобный сайт, вы гарантированно выбрасываете деньги на ветер, так как вам все равно его придется переделывать - либо сразу же, либо чуть позднее.
Запуская неудобный в использовании сайт, компания рискует отпугнуть от себя самых своих лучших клиентов: тех, которые настолько привержены компании, что готовы посетить ее сайт сразу же, как только услышат о нем.
Если эти пользователи получат плохое впечатление от сайта, они будут не только потеряны для вас, как клиенты, они также будут потеряны для вас как будущие сторонники и защитники вашего сайта.
|
Подробнее...
|
|
Автор Pola
|
Изображений на сайте множество, но поисковые системы не умеют читать их, и не все посетители смогут.
Убедитесь, что Ваш сайт доступен и может быть понят посетителями, которые просматривают сайт с отключенными в браузерах картинками и с мобильных устройств.
Если Вы сделаете это, то с поисковыми системами не будет никаких неприятностей.
Вот несколько рекомендаций для данной цели:
1. Не вставляйте основную часть текста в изображения. Лучшее, что Вы можете сделать - представить его именно в виде текста. А картинки используйте для графических элементов. Если весь текст на странице будет находиться в изображениях, то он станет недоступным.
2. Для всех изображений используйте alt-теги. Убедитесь, что альтернативный текст носит описательный характер и является уникальным. Так, например, alt-текст "рисунок1" или "логотип" не дают много информации о картинке, а "Курс акций X" и "Компания Y" раскрывают более детальную информацию.
3. Не перегружайте alt-текст. Будьте описательными, но не забивайте слишком много ключевых слов.
|
Подробнее...
|
|
Автор Pola
|
Как сказал кто-то из великих, создать гениальную картину - это положить в нужные места нужные краски. Тоже самое и с вебдизайном.
Композиция, если не вдаваться в сложности - это определенное сочетание частей изображения (соотношение их размеров - пропорции, цветов, фактур и т.д.)
Правила композиции
Целостность - в правильной композиции ни один из элементов нельзя изъять, добавить или передвинуть без ущерба для целого. Для нахождения целостной композиции обычно рассматривают будущее изображение как набор пятен - силуэтов отдельных элементов, которые компонуют на плоскости до достижения необходимого эффекта.
Все элементы композиции должны быть связаны чем-либо воедино - стилем рисунка, выравниванием, цветами, размерами и т.д. Применительно к вебдизайну - не может быть целостной композиция, где дизайн страницы никак не перекликается с логотипом.
Выразительность - неформализуемое качество композиции, проявляется в том, что изображение быстро захватывает внимание зрителя, ясно показывает процессы, которые дизайнер хотел отобразить.
Фактически - это соотвествие вашей идеи и формы, найденной для ее выражения. Когда зрители не понимают вашу идею - скорее всего хромает композиция, а не восприятие зрителя.
Выразительность проявляется в умелом использовании контрастов по цветам, светлоте, размерам. Например, эффектно смотрятся объемные фигуры (контраст бликов и тени предмета).
Контраст тем выразительней, чем больше он соответствует идее изображения (напр. контраст заголовка и текста по размеру соотв. идее большей важности заголовка).
|
Подробнее...
|
|
Автор Pola
|
Содержание или контент - является одной из самых важных составляющих. Если на сайте нет полезной информации, способной заинтересовать определенный круг людей, то можно ставить вопрос о необходимости существования сайта как такового.
Вспомните, как много полезных страничек Вы видели в последнее время по сравнению с общим количеством посещенных Вами мест?
Дизайн - вторая по важности составляющая хорошего сайта. От дизайна зависит, насколько привлекательны будут странички, т.е. в конечном счете, сколько людей дополнительно захотят прийти и посмотреть на Ваш сайт.
Ведь если Вам очень понравился дизайн сайта, то Вы, наверняка, расскажете о нем своим друзьям. Не забывайте, что встречают-то по одежке.
Для того, чтобы сделать хороший сайт, не обязательно даже использовать графику. Есть полезные сайты с минимумом графики (или даже без оной) и масса бесполезных, забитых мегабайтными картинками.
Для web-сайта, как впрочем, и для других дизайнерских проектов, очень важным является стиль сайта, придающий ему собственное лицо и узнаваемость.
Скорость загрузки Ваших страничек - НИ ОДИН НОРМАЛЬНЫЙ ЧЕЛОВЕК НЕ БУДЕТ ЖДАТЬ ЗАГРУЗКИ ВАШИХ СТРАНИЧЕК В ТЕЧЕНИЕ ЧАСА.
|
Подробнее...
|
|
| << [Первая] < [Предыдущая] 1 2 3 4 5 6 [Следующая] > [Последняя] >>
| Результаты 21 - 30 из 54 | |
|
|
|
Мысли и слова великих людей
Из двадцати человек, говорящих о нас, девятнадцать говорят плохое. Двадцатый говорит хорошее, но делает это плохо. /А. Ривароль/
Самое интересное на сайте
Взаимосвязанные статьи
|
|