Понедельник, 07.07.2025, 12:01 | | Регистрация | Вход Приветствую Вас Гость | RSS

Добавь в закладки

Облако(Большое облако)


Статистика






Catalog-Moldova - Ranker, Statistics


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Пользователи
Гости
Ссылки партнеров
Форма входа
Главная » Справочник » 2 Разработка дизайна » 07 Графика - советы для начинающих

Графика - советы для начинающих
Untitled Document

Графика - советы для начинающих

Существует ряд стандартных ошибок, совершаемых начинающими веб-мастерами при работе с графикой. Чтобы не повторять их, следуйте приведенным ниже рекомендациям.

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

Никогда не используйте чужие графические элементы на своем сайте!

Можно брать картинки из «клипарта», продаваемого на CD-дисках, но ни в коем случае не стоит «воровать» авторские кнопки, баннеры и прочие элементы. Опустим морально-этическую сторону и перейдем к практической. Все объекты, находящие на вашем сайте должны гармонировать с основным дизайном, в этом и состоит индивидуальный стиль. Но если вы будете использовать сторонние элементы, «заточенные» под конкретный сайт, вместо продуманного дизайна получится смешение стилей, и как результат, полное отсутствие какой-либо индивидуальности. В «клипарте» все рисунки, как правило, имеют стандартный вид, поэтому проблем с ними не возникает.

Фоновый рисунок должен быть нейтральным!

Прежде чем выбрать фоновый рисунок для сайта, подумайте о потенциальных посетителях ресурса: будет ли им удобно читать текст на таком фоне. Фоны «природной» тематики не используются профессиональными дизайнерами.

Делите картинки большого размера на части!

С помощью графического редактора, например Adobe Photoshop, изображение разрезается на части, которые затем «склеиваются» во время вставки в таблицу, размещенную на веб-странице. Таким нехитрым способом можно значительно увеличить скорость загрузки веб-сайта.

Графические изображения могут быть использованы в качестве ссылок!

Добавив в html-код строку <a href="адрес"><img src="адрес"></a>, вы получите обыкновенную ссылку. Только вместо текста будет использоваться изображение и при этом существует возможность работы с тегами, применяемые для формирования текстовой гиперссылки. Поддерживаются атрибуты BORDER (создает рамку), LINK (цвет обычной ссылки) и ALINK (цвет активной ссылки).

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

Графическое изображение, содержащее текстовые надписи, должно быть сохранено в gif-формате. Сохраняя изображения в этом формате, позаботьтесь о наличии прозрачного фона.

Перед публикацией изображения в Интернете, оптимизируйте его (уменьшите объем файла) в графическом редакторе. Это способствует повышению скорости загрузки веб-страницы.

По материалам сайта: http://web-silver.ru/

Категория: 07 Графика - советы для начинающих | Добавил: O3OH (29.11.2010)
Просмотров: 354 | Рейтинг: 0.0/0
Почитать по теме
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Меню справочника
00 Разработка дизайна [1]
01 Правила хорошего тона в веб дизайне [1]
02 Веб-дизайн и модели поведения [1]
03 Цветовые решения для сайта [1]
04 Какой вид дизайна выбрать [1]
05 Эффективное расположение графики и текста [1]
06 Рисуем макет сайта [1]
07 Графика - советы для начинающих [1]
08 Оформление текста [1]
09 Советы по WEB-дизайну [1]
10 Работа с фоном [1]
11 Размер шрифтов [1]
12 Форматы изображений на веб-сайте [1]
13 Создание и оптимизация изображений для Web-сайта [1]
14 Точечные и векторные изображения [1]
15 Методы размещения изображений на веб-сайте [1]
16 Анимация изображений [1]
17 Веб-анимация [1]
18 Flash-технология [1]
19 Баннеры [1]
20 Фирменный стиль [1]
21 Web-дизайн и кодировки [1]
22 Favicon - иконки Вашего сайта [1]
-------В каталоге-------

Скачать [205]
Скачать книги [32]
Загрузить [45]
Купить [310]
Найти [91]
Найти информацию [24]
Найти отдых [6]
Посмотреть [61]
Послушать [4]
Послушать радио [4]
Поиграть [39]
Поиграть в игры браузерные [17]
Поговорить [18]
Поговорить на форумах [4]
Заказать [97]
Разное [54]

allfun.com.ua
Категория: Посмотреть приколы
Рейтинг:⋀ 1606820
Переходы: 3223
Подробнее
Brand-studio
Категория: Загрузить фотографии
Рейтинг:⋀ 1438180
Переходы: 497
Подробнее
Ex.ua
Категория: Скачать фильмы
Рейтинг:⋀ 1127011
Переходы: 8564
Подробнее
4 tfile.ru
Категория: Скачать торрент
Рейтинг:⋀ 314741
Переходы: 3121
Подробнее
5 zoomby.ru
Категория: Посмотреть фильмы онлайн
Рейтинг:⋀ 282700
Переходы: 1228
Подробнее
6 Bit2Bit :: Список ссылок
Категория: Скачать фильмы
Рейтинг:⋀ 164290
Переходы: 804
Подробнее
7 My-hit
Категория: Скачать фильмы
Рейтинг:⋀ 161890
Переходы: 2237
Подробнее
8 4game.ru
Категория: Поиграть в игры онлайн
Рейтинг:⋀ 137310
Переходы: 1103
Подробнее
9 Mptri.net
Категория: Скачать музыку
Рейтинг:⋀ 130650
Переходы: 2098
Подробнее
10 smotri.com
Категория: Скачать музыку
Рейтинг:⋀ 114370
Переходы: 2921
Подробнее
11 uaget
Категория: Скачать фильмы
Рейтинг:⋀ 111671
Переходы: 2009
Подробнее
12 nomer.org
Категория: Найти человека
Рейтинг:⋀ 108020
Переходы: 1643
Подробнее
13 ohota-ribalka
Категория: Поговорить на форумах "Охоты" и "Рыбалки"
Рейтинг:⋀ 107470
Переходы: 651
Подробнее
14 mp3lemon
Категория: Скачать музыку
Рейтинг:⋀ 97222
Переходы: 1974
Подробнее
15 rutor.org
Категория: Скачать торрент
Рейтинг:⋀ 95730
Переходы: 1317
Подробнее
16 tutmp3.net
Категория: Скачать музыку
Рейтинг:⋀ 95600
Переходы: 1948
Подробнее
17 rutracker.org
Категория: Скачать торрент
Рейтинг:⋀ 90910
Переходы: 1191
Подробнее
18 txt.uz
Категория: Скачать книги электронные (.doc,.txt,.rtf)
Рейтинг:⋀ 76180
Переходы: 1192
Подробнее
19 proc.com.ua
Категория: Скачать фильмы
Рейтинг:⋀ 67660
Переходы: 1236
Подробнее
20 japonwarez.com
Категория: Скачать фильмы
Рейтинг:⋀ 63350
Переходы: 1096
Подробнее
Rambler's Top100 Яндекс цитирования Экспресс анализ сайта Рейтинг@Mail.ru Анализ сайта Український рейтинг TOP.TOPUA.NET
    O3OH © 2009-2025     Вверх