5 Важных правил в проекте Вебсайта

[web-design]

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

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

1 . Не использовать всплывающие станицы.

Подобные странички, как правило, используют красивые изображения, подкреплённые фразами «Добро пожаловать!» или «Нажмите сюда, чтобы войти!». Не допускайте присутствия подобных окошек на вашем сайте, это скрытая кнопка «Назад»,которую вы собственноручно устанавливаете на сайте. Позвольте клиентам насладиться оформлением и материалом, предоставленным на вашем сайте, без всплывающих страничек.

2 . Не используйте слишком много рекламных баннеров.

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

3 . Используйте простую и понятную навигацию.

Вам следует сформировать простую и понятную навигацию, чтобы даже ребёнок без труда мог воспользоваться ей. Если ваши клиенты не знают, куда плыть, они попросту уходят. Как раз в основном меню не стоит использовать сложную выпадающую многоуровневую Flash анимацию.

4 . Чётко указывайте, где именно на сайте в данный момент находится посетитель.

Когда ваши посетители глубоко поглощены просмотром сайта, им необходимо знать, где именно они находятся. Таким образом, они смогут легко просматривать информацию и переходить из раздела в раздел. Не стоит запутывать посетителей, т.к. путаница – прямая дорога к раздражению.

5 . Старайтесь не использовать аудио на вашем сайте.

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

Источник: designjunkie.ru

@темы: Интересно, Web-дизайн, Статьи

---

Волшебная шапка для сайта, дизайн "шапки" для сайта (блога)

[web-design]

В этом уроке автор опишет создание "шапки" для своего блога.
Итак:
1. Создадим новый документ 954*183 и зальем его градиентом от светло-голубого к темно-синему.



2. Теперь выберем инструмент , чтобы создать круг. Удерживаем Shift для равномерного выделения.



3. Теперь изменим настройки инструмента, выставив настройки как на скрине, на "исключение".
Выставьте направляющие с помощью линейки (CTRL+R). Установите мыши на перекрестии направляющий и удерживая Shift растяните второй круг.



4. Создайте несколько наборов различных видов колец, и к каждому набору примените отдельный стиль.



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

скачать стили dezignus.com/files/cycle_styles.asl

Данные стили в принципе похожи, но отличаются небольшими настройками.



5. Добавим полупрозрачности нашим кольцам. Для этого активируем слой с кольцами , добавим маску , выберем инструмент "градиент" gradient.gif , от черного к прозрачному и протянем сверху вниз по картинке.



Получаем:


6. Продублируем слои с кольцами и отразим их по горизонтали (edit-transform-flip horizontal). Прозрачность установим на 30%. Немного масштабируем, уменьшив (CTRL+T). Затем размоем с помощью Filter-Blur-Gaussian Blur (радиус 3-5 px). Режим смешивания поменяем на overlay или soft light.



7. Далее автор добавил эффектов. С помощью лассо выделил участок и залил выделение белым. Снял выделение (Ctrl+D) и выбрав инструмент , размыл края.



8. Далее проделываем простую операцию: копируем слой (Ctrl+J), изменяем размер (Ctrl+T) и размываем пальцем. И так несколько раз, пока не получите нужный результат.



9.Сменим режим смешивания на overlay.



10. на заключительном этапе нам осталось только добавить фей и звезды. Можете выбрать свои кисти или же взять готовые отсюда:
fairy-brushes - dezignus.com/fairy-brushes/
shining-stars - dezignus.com/shining-stars/



Напоследок добавьте зеркальное отражение:



источник:dezignus.com/
перевод: Rediska

@темы: Уроки, Web-дизайн

---

Перерыв на приколы

[web-design]

Еще))

Вредные советы web-дизайнеру
Плох тот пользователь pc, который не мечтает попасть в internet. Плох тот интернетчик, который не хочет иметь собственную страничку. Тот, кто ее уже имеет, чаще всего просто плох...
Сейчас только ленивый не пишет сборники советов для веб-дизайнеров – от ruлевого ruнета Артемия Лебедева до Васи Пупкина, вчера закончившего свою первую страничку, все следуют одному и тому же принципу: сумел сам – научи товарища.
Так как ничто человеческое (в особо извращенной форме) мне не чуждо, то и я решил опробовать себя в роли гуру. Как говорится, прошу любить и не жаловаться...
ПОДГОТОВКА
Правильно выбранный инструментарий – половина дела. Забудьте о notepad и photoshop – пусть дураки в них работают. Настоящий дизайнер пишет странички с помощью ms frontpage или ms word, а все картинки берет готовыми из сети, подгоняя их по размеру с помощью paint.
Особо продвинутые дизайнеры берут из сети странички целиком. Это не плагиат, а творческое переосмысление. Тем более, они же гвоздями к полу не прибиты... Не забудьте только исправить copyright на свой – и готово.
Впрочем, лазить по чужим страничкам долго, скучно, да и не годятся они даже в подметки Вашему великому замыслу. А посему вернемся к frontpage, благо заботливые дяди из microsoft сделали для него много красивых шаблонов. Ну, приступаем.
Да, совсем забыл – полученный результат должен быть недоступен для пользователей браузеров, отличных от ms internet explorer 5.5. Пусть все поймут, наконец, что стандарты html устанавливает не какая-то мифическая w3c, а microsoft, великий и ужасный.
СОДЕРЖИМОЕ
Содержимое странички (контент) – это пустяк, не заслуживающий внимания. Пусть самым главным разделом Вашего сайта будет "Про меня" (варианты: "Обо мне", "Кто Я такой" и их английские эквиваленты). Во все остальные ("Мои друзья", "Моя собака", "Мои ссылки") можно пока повесить картинку с копающим человечком и большую надпись "АНДЕР КОНСТРАКШН".
Главное – это дизайн. Не тратя времени на исправление очепяток и ошибок, переходим к нему.
ДИЗАЙН
Страничка должна надолго запомниться посетителю, а посему не жалейте ярких красок и больших картинок. Чем больше картинка, тем она красивее. Чем больше картинок, тем лучше. Примерно то же можно сказать и о цветовых сочетаниях: Интернет сер, скучен и Ваша задача это исправить – больше красок, хороших и разных! Запомните: несовместимых цветов нет.
Для текста странички нужно найти какой-нибудь экзотический шрифт, который есть только у Вас. Ну и что, что 99.99% посетителей его не имеют? Зато Вы в полной мере насладитесь красотами своей странички.
На первой страничке должна находиться самая большая и красивая картинка, а внизу, под ней, надпись "Вход/enter" мелкими буквами. Это верный признак хорошего тона – все так делают. Не знаю, правда, зачем, но так надо!
Вторая страничка должна состоять не менее чем из 4х фреймов: заголовок, меню, задник странички и, собственно, ее содержимое. Если Вы еще не знаете, что такое фрейм, срочно у кого-нибудь спросите и тут же вставьте в страничку. Все фреймы кроме главного должны быть снабжены полосами прокрутки и границами.
В меню должно быть много красивых кнопочек. Каждая кнопочка делается не менее чем из 3х картинок, меняющихся при наведении и нажатии на кнопочку. Это называется ролловером и отличает произведения истинного дизайнера от поделок кустаря-одиночки. Ничего страшного, если сменяющиеся картинки разного размера и меню постоянно "прыгает" – так даже интересней.
Каждая страничка должна иметь музыкальное сопровождение. Не зря же, в конце концов, придумали звуковую карту! К тому же Вам лучше знать, что именно нужно слушать во время просмотра Вашей странички, чем простому посетителю, который крутит у себя невесть что или вообще наслаждается тишиной. Мелодия должна начаться резко, неожиданно, и больше не прекращаться никогда.
Не забудьте выбрать для своей странички яркий, запоминающийся, анимированный бэкграунд (фон). Если буквы на нем видны плохо – не расстраивайтесь! Кому нужно – тот прочтет.
ГРАФИКА
Важнейшим из элементов дизайна является графика. Она бывает двух видов: статичная и анимированная. При малейшей возможности используйте вторую – страничка должна быть наполнена движением. Движение – жизнь! Все надписи должны мигать, вращаться и подпрыгивать, радуя глаз посетителя. Не смущайтесь тем, что они занимают много места – красота требует жертв.
Впрочем, если Вы уже анимировали все, что только можно, начинайте вставлять обычные статичные картинки. Особенно эффективен следующий прием: берем картинку размером 1280х1024 и подгоняем до нужного размера (например, 120х100) с помощью тега IMG src="картинка.g-b" border=0 width=120 height=100>
Правильно выбирайте формат графики! Для четких, контрастных изображений с мелкими деталями и тонкими линиями используйте .jpg, а для красочных изображений с мягкими переходами цветов – .gif. Посетители по достоинству оценят нетривиальность Вашего подхода.
java sсript И ДРУГИЕ
Современная страничка просто немыслима без современных технологий, к коим относятся java, java sсript, vb sсript, dhtlm и flash. К счастью, в сети можно быстро и бесплатно найти массу уже готовых скриптов и апплетов, которые тут же нужно вставить в страничку.
Каждая порядочная страничка должна сообщать посетителю версию его браузера с точностью до четырех знаков после запятой (а вдруг он не в курсе?), название его операционной системы (из тех же соображений), текущее время, включая год, месяц и число (на случай, если он забыл о времени, засидевшись в Интернете), а также дату последнего посещения Вашей странички. При этом на страничке должен идти снег, гореть огонь и вспыхивать фейерверк – пусть все знают, что скрипты для Вас – семечки.

Песенка
Поется на мотив "Большой секрет для маленькой компании"

Не секрет,
Что сервак не растет в огороде,
Не продашь, хоть и купишь, сервак,
И поэтому я
Головой на keyboard'e
Засыпаю, устав
От дневных передряг

ПРИПЕВ:
Под тихое бурчание,
Процессора журчание,
Под клавиш стрекотание,
Под ругань и напряг
Создам сервак для маленькой,
Для маленькой такой компании,
Для скромной такой компании
Огромный такой сервак

Не секрет,
Что в Сети серваки уважают,
Но рекламу для них хрен найти,
И поэтому я
Юзеров зазываю
То на чат, то на чай,
То на конкурс зайти

ПРИПЕВ

Не секрет,
Что сервак очень любит заботу,
Не живет бехз апгрейдов моих,
И поэтому я
Стал спецом по support'y,
И теперь он мне снится
В кошмарах ночных

ПРИПЕВ:
Под компа скрежетание,
Под клавиш стрекотание
Я тихо впал в отчаяние,
Твержу я, как дурак:
"Зачем он сдался, маленькой,
Малюсенькой такой компании
И скромной такой компании,
Огромный такой сервак?!"

@темы: Web-дизайн

---

[web-design]

0

Вопрос: Хочу, чтобы в сообществе больше было:

1. Интервью		1	(2.7%)
2. Статей		2	(5.41%)
3. Картинок		2	(5.41%)
4. Уроков по рисованию дизайнов		17	(45.95%)
5. Примеры дизайнов		6	(16.22%)
6. Ссылок		2	(5.41%)
7. Больше информации о фрилансе		1	(2.7%)
8. Новостей		3	(8.11%)
9. Теории о дизайне в целом		3	(8.11%)
10. Другое (указать что)		0	(0%)
Всего:		37 Всего проголосовало: 18

---

ТЗ

[web-design]

Старая статья, немного подкорректированная под нынешнее время.

ЗАДАНИЕ НА ДИЗАЙН заполняется заказчиком в случае отсутствия ТЗ на web-проект, для ускорения этапа разработки дизайна web-проекта.

На данный момент в большинстве случаев заказывая дизайн интернет проекта заказчик представления не имеет не только о тех задании, но и просто не знает из чего состоит web-дизайн. Отсюда появляются ошибочные входящие требования и начинается переделывание оригинал макетов снова и снова, пока это всех не достанет. Результат на выходе всегда неудовлетворительный. А нам это надо?
Правильно, ни дизайнеру ни заказчику это не нужно. И чтобы в таких случаях ускорить этап разработки дизайна web-проекта и все в итоге остались довольны и получили удовольствие от проделанной работы, я разработал небольшую "шпаргалку для заказчика".

Первое впечатление самое важное(!). А первое впечатление от сайта мы получаем рассматривая его ДИЗАЙН.

ТЕМЫ ТЕХНИЧЕСКОГО ЗАДАНИЯ (ТЗ)
Из каждой нижеследующей темы выбирается ТОЛЬКО ОДИН ПУНКТ(!), во избежание невыполнимых сочетаний требований. Например, нельзя сочетать пункты "спокойные мягкие пастельные тона" и "желтый, синий, зеленый".

Итак...

ТЕМА 0 "НАЗНАЧЕНИЕ"
Каждый сайт проектируется для конкретных целей, имеет свои отличительные, функциональные возможности и предусматривает свою конкретную аудиторию. Поэтому для успешности товарного вида web-проекта очень важно правильно поставить задачу (ТЗ) на web-дизайн.

1. чтобы был - это модно!
2. для рекламы on/off-line услуг, оказания off-line услуг и привлечения дополнительной клиентуры
3. для осуществления бизнеса в интернет
4. для консультации клиентов по тех вопросам
5. а не знаем мы, вы больше нас знаете вот и объясните, зачем нам это нужно, уж больно хочется
6. чтобы потенциальные клиенты, забывшие мой телефон, могли посмотреть его в интернете
7. думаю другое (что?)

Сайт в глобальном смысле должен:
1. Продвигать фирму (Имиджевая функция)
2. Продвигать товар (Промо-сайт)
3. Продвигать конкретную акцию (Промо-акция)
4. Продвигать какой-либо лозунг, принцип или создавать ассоциации, связывающие какую-либо структуру или персону с определенными событиями (Полит PR)
5. Ничего не продвигать, просто существовать.

ТЕМА 1 "ПРЕДПОЛГАЕМАЯ АУДИТОРИЯ"
Пол
муж
жен
без разницы

Возраст (можно выделить несколько категорий)
до 18
18-25
25-32
32-45
от 45

Социальный статус (можно выделить несколько категорий пользователей)
школьники, студенты, сотрудники фирм, пенсионеры, без разницы

Должность (можно выделить несколько пунктов)
1. владельцы бизнеса 2. директора 3. менеджеры 4. технические работники 5. без разницы

Доход (можно выделить несколько значений)
до 100$
100-300$
300-600$
600-1000$
1000-1500$
1500-3000$
от 3000$

Образование (можно выделить несколько пунктов)
1. среднее 2. высшее техническое 3. высшее гуманитарное 4. не имеет значения

ТЕМА 2 "WEB-ПРОЕКТ ПО ВОСПРИЯТИЮ"
1. спокойный
2. vip, представительный, официальный, строгий
3. вызывающий, достающий, сдувающий
4. легкомысленный
5. шокирующий
6. по теме, но очень необычный и очень интересный
*при выборе этого пункта вы признаете, что дизайнер получает полную свободу действий, т.е. вы не имеете права критиковать дизайнера (только предлагать небольшие корректировки по бренду и фирменному стилю)
7. стильный, интересный
*дизайнер сам определяет что нужно делать, можно делать корректировки по бренду и фирменному стилю
8. отражающий специфику фирмы
9. с уклоном в детство (визуалы, формы, цвета, композиция)
10. что-то другое (что? объяснить или показать аналог)

ТЕМА 3 "КАТЕГОРИИ WEB-ПРОЕКТОВ"
1. корпоративный информационный (строгий, официальный сайт компании, простые и понятные формы, процентное соотношение текст/графика = 90/10)
*предпочтителен для часто обновляемых информационных и новостных, проектов с большим объемом информации
2. корпоративный имиджевый (эксклюзивный оригинальный дизайн выгодно представляющий компанию, использование нестандартных идей и решений в оформлении, процентное соотношение текст/графика = 50.50)
*создается для рекламы и продвижения компании, товаров или услуги
3. визитная карточка (небольшой по объему статичный проект, содержащий от 1 до 5 информационных страниц, дизайн может быть любой сложности)
*рекомендуется как предварительный этап освоения интернет для людей сомневающихся в целесообразности создания сайта и не готовых к большим денежным вложениям, недорогой (~500$) и быстрый в изготовлении (~14 дней)
4. интернет-магазин (дорогой и сложный целевой проект)
*люди, заказывающие такой проект знают, что делают
5. информационный портал (текстовый дизайн, сборка новостей также и с других информационных источников, графика в основном в виде конкретных фотографий к новостям)
6. игровой портал (сложный развлекательный проект, предусматривающий большую посещаемость и ресурсоемкость)
7. персональный проект (личный проект содержит все, что угодно и проектируется, обычно самим автором) 8. спец-проекты (галереи фотографий, почта, счетчики, рубрикаторы, баннерные крутилки и тд.)
9. другое (что? показать или толково описать пример проекта)

ТЕМА 4 "ИСПОЛЬЗОВАНИЕ БРЕНДА" (Торговая марка, имиджевый образ)
1. бренд должен быть основным элементом главной страницы (внутренних страниц)
2. бренд носит фоновую нагрузку
3. на усмотрение дизайнера
4. бренд не нужен

ТЕМА 5 "СТИЛИ WEB-ДИЗАЙНА"
В этой теме приводится несколько основных стилей , потому, что перечислить все стили просто невозможно 1. техно (элементы конструкций, чертежей, макетов, схем)
*предусматривает сложную абстрактную графику
2. бионика (плавные, гибкие органические природные элементы)
3. китч (резкие контрасты, несоответствие цветов и форм, хаотичная композиция)
*на любителя
3. минимализм (минимум графики)
4. табличный (графическое обозначение прямоугольных ячеек, компоновка в ячейках табличек)
5. пиксельный (оригинальная пиксельная графика)
6. текстовый (текст - доминанта, графика подчиняется тексту)
7. барокко (использование виньеток и прочих легкомысленных визуалов)
8. на усмотрение дизайнера
9. другое (показать аналог или объяснить)

ТЕМА 6 "ДИНАМИКА КОМПОЗИЦИИ WEB-САЙТА" (обычно обуславливается выбранным стилем)
1. горизонтальная
2. вертикальная
3. центричная (внешняя, внутренняя динамика)
4. статика
5. использование наклонных мотивов
6. хаос (используется несколько главных визуалов)
7. на усмотрение дизайнера

ТЕМА 7 "ЦВЕТОВАЯ ГАММА И НАСЫЩЕННОСТЬ"
1. только цвета фирменного стиля
2. цвета фирменного стиля и любые сочетаемые с ними
3. цвета подходящие к стилю дизайна и тематике сайта (на усмотрение дизайнера)
4. цвета подходящие к стилю дизайна и тематике сайта (перечислить какие нужны)
5. только кричащие, динамичные локальные цвета (красный, синий, желтый, зеленый)
6. только мягкие пастельные цвета
7. использовать монохромные темы (черный, белый, серый тона)
8. другие приемлемые сочетания (какие?)
9. на усмотрение дизайнера
10. кислотные флюорисцентные цвета

ТЕМА 8 "ФОРМООБРАЗОВАНИЕ"
1. только 2D графика
2. 2D графика, возможно использование 3D графики
3. использовать элементы чертежей
4. на усмотрение дизайнера

ТЕМА 9 "ЦВЕТОВАЯ И ТОНОВАЯ КОНТРАСТНОСТЬ КОМПОЗИЦИИ"
1. преобладают четкие границы элементов композиции
2. преобладают размытые плавные переходы
3. только четкие элементы
4. только плавные скульптурные переходы между элементами композиции
5. на усмотрение дизайнера

ТЕМА 10 "ВИЗУАЛЫ" (можно указать несколько пунктов)
1. на усмотрение дизайнера
2. не нужно
3. абстракции
4. люди
5. животные
6. растения
7. техника
8. бытовые предметы
9. неживая природа (что?)
10. растровые и орнаментальные элементы
11. другое (что?)

ТЕМА 11 "ФОН СТРАНИЦЫ"
1. белый (нет фона)
2. однотонный подходящий к дизайну (на усмотрение дизайнера)
3. однотонный подходящий к имиджу (пример фона)
4. раппортное поле (абстрактный или тематический орнамент-узор)
5. на усмотрение дизайнера

ТЕМА 12 "ВЕРСТКА" (общая композиция)
1. жесткая левосторонняя/правосторонняя
2. жесткая по центру
3. резиновая (растягивающаяся по размеру экрана монитора)

ТЕМА 13 "РАЗМЕР WEB-СТРАНИЦЫ ПО ГОРИЗОНТАЛИ" (для жесткой верстки)
1. 800х600
2. 1024х768
3. на усмотрение дизайнера

ТЕМА 14 "СТРУКТУРА ПРОЕКТА. ОПРЕДЕЛЕНИЕ КОНТЕНТА"
Примерные пункты навигационного меню и их содержание. По возможности определяются функциональные возможности проекта и его отличительные особенности.

ТЕМА 15 "ШРИФТ"
1. рубленный (Arial, Tahoma)
2. с засечками (Times New Roman)
3. комбинация (определяется где и как)
4. на усмотрение дизайнера

ТЕМА 16 "ОСОБЫЕ ПОЖЕЛАНИЯ ЗАКАЗЧИКА"
Пожелания заказчика.

@темы: Из жизни дизайнеров, Web-дизайн, Статьи

---

Цвет в рекламе

[web-design]

Цвет несет определенную информацию и провоцирует эмоции, поэтому цвет является одним из элементов символизма в различных ситуациях (государственная атрибутика, религиозный обряд)

С физической точки зрения цвет, это впечатление, которое оказывают на орган зрения лучи света разной длины волны (самые длинные - красный спектр, короткие - фиолетовый). Цвет непрозрачного объекта зависит от спектрального состава падающего на него света и отражающей способности поверхности объекта (материала или краски). Цвет определяется тем, волны какой длины способна отразить поверхность объекта.
Черный цвет мы видим тогда, когда поверхность поглощает все падающие на нее лучи. Поэтому черный тон (принято считать, что черный, белый и серый - тона, а не цвета) воспринимается как "съедающий" объем, тогда как белый тон "все увеличивает".

Основные характеристики цвета.
Светлота (яркость) - обуславливается примесью белого, серого тонов.
Насыщенность - обуславливается примесьючерного, серого тонов.

Попытки понять принципы цветового воздействия на человека предпринимались с древних времен. Один из самых характерных способов осмысленного подхода к цвету можно проследить в основе символизма - геральдике и вексилологии (наука о флагах). Гербы и флаги обязаны быть наглядными, узнаваемыми и нести в себе закодированную информацию.
По частоте использования в современных флагах применяются:
красный, беый, синий, желтый, черный.
При составлении гербов использовалось семь цветов. Смотри "Цвет в геральдике"
С каждым цветом ассоциировались добродетели владельца герба.
Аналогичная ситуация возникает при разработке фирменного стиля и торговых марок предприятий. Выбранное цветовое решение должно символизировать приоритеты данной компании или продукции.

Устойчивые закономерности в колористике пытался выявить швейцарский психолог Макс Люшер. Он определял две неизменные стадии в жизни человека: день (свет) и ночь (тьма). Он считал, что ночью жизнедеятельность прекращается, а днем возникает снова. По этому у человека например темно-синие, фиолетовые цвета должны ассоциироваться с покоем, а желтые, красные с активностью. Красный цвет также связан с кровью он символ опасности. А зеленый по Люшеру это естественная среда обитания.

Известно, что алеуты используют 30 оттенков белого тона, а японцы уже в раннем детстве должны различать 24 оттенка черного тона.

Противоречивые значения цветов.
Красный цвет - теплый, динамичный и живой. Но также агрессивный или цвет беды. Этот цвет часто используется на флагах стран. Также парадный, праздничный цвет красоты и здоровья (для России) Этот цвет часто используется в рекламе. Знак предупреждения и стоп-сигнал (во всем мире). Цвет пиратства и шлюх. Цвет любви. Доброта и отвага (для Китая)

Желтый цвет - теплый, веселый, запоминающийся и привлекающий внимание. но также это -знак смерти (для Сирии), признак отчаяния (для Бразилии), цвет власти (для Китая), цвет трусов, подлецов и еретиков цвет трагедии (в мифологии), процветание (для Америки).

Красный + зеленый (по Люшеру) деятельность, достижение успеха, преодоление преград, целенаправленность.

Голубой - верность (для американцев), траур (для Китая)

Зеленый - надежда (для американцев), наиболее популярный (для Австрии), цвет смерти (для Египта)

Черный тон - симвот сложности и черезвычайности ситуации (для америки), траут (для западных стран), цвет веселья (для японии), честность (для Китая)

Белый тон - подлость, лживость (для Китая), траур (для Японии)

Фиолетовый - траур (для Китая), печаль (для Инции)

Розовый - цвет аппетита используется в пищевой промышленности.

Розовый + голубой - интимное сочетание цветов используется в косметике.

Реклама должна вызывать только положительные эмоции, поэтому не следует забывать о специфике цветового восприятия человека.

Контрастные диссонирующие цвета и их влияние на психику зрителя.
Локальные цвета цветового круга (смотри "Колористика") в принципе плохо сочетаемы всилу своей визуальной равнозначности. Поэтому приходится при таких цветовых сочетаниях играть пропорциями цветовых пятен. Известно, что соседние локальные консонирующие цвета родственной цветовой гаммы (красный, желтый или зеленый, синий) сочетаются более менее нормально.
А контрастные локальные цвета цвета противоположенны цветовых гамм (они даже расположены друг против друга на цветовом круге - желтый, синий или красный, зеленый) не сочетаются в принципе. почему так происходит? Одно из объяснений такое:
... расположенные рядом контрастные цвета, например красный и зеленый, приводят зрителя в некоторое замешательство. В силу своей специфичности (теплая гамма и большая мажерная динамика) первым воспринимается красный, а затем минорный и более тяжелый для восприятия зеленый. Таким образом они как бы отдаляются друг от друга. Зритель стремится скорректировать свои впечатления. Глаз различая красный и зеленый формирует отношение отдельного ритма, провоцируя эффект движения. Эта суетливая работа глаза воспринимается человеком дискомфортно...

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

Цвета, находясь в окружении других цветов, испытывают их влияние (рефлексируют) так теплый цвет в окружении холодных будет казаться еще теплее.

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

Источник: www.ndn.su

@темы: Дизайн, Статьи

---

Шрифт

[mercenary]

История шрифта ...

Графика - это "искусство, ограниченное в средства...". Характерная черта графического творчества условность.

XVI век в Испании славен не только именами Сервантеса и Лопе де Вега, он характеризуется также пышным расцветом искусства шрифта. Наиболее видными мастерами были Хуан де Исиар и Франциско Лукас. Совершенно очевидно, что они, как и многие другие, были хорошо знакомы с итальянскими образцами. Испанские и португальские каллиграфы XVII - XVIII столетий широко пользовались ширококонечным пером, несмотря на то, что в других странах под влиянием граверной техники употребляли уже тонкое перо и штихель. Своеобразным, чисто испанским шрифтом является редондилья, несколько напоминающая круглоготический шрифт. Она долгое время оставалась в употреблении. Отличительной особенностью редондильи является низкое d (высота минускула).

Очень древние традиции были в немецком искусстве шрифта. Германия наряду с Англией сумела сохранить эти традиции до настоящего времени. Хотя большая часть немецких книг-учебников шрифта посвящена готическим шрифтам, у нас нет причин недооценивать заслуги немцев в развитии различных форм антиквы и других стилей.

Известно, что уже в XVI веке писец из города Рёйтлингера изготовил книгу образцов шрифта. Однако первым выдающимся мастером по праву считается Леонард Вагнер (1454 - 1522), который в 1507 году в Аугсбурге издал рукописную книгу ╚Proba centum scriturarum╩ (Образцы ста писем). Значительны заслуги Вагнера и в развитии фрактуры.

Автором первой печатной книги образцов шрифта является Иоганн Нойдерфер старший (1497 - 1563). Самым значительным его произведением следует считать вышедшую в 1538 году книгу "Anweysung einer gemeinen hanndschrift" (Обучение обыкновенному письму).

Методологию этой книги усвоило большинство его последователей. Нойдерфер заложил основу искусства шрифта в Германии XVI века и указал направление его развития. Нойдерфер издал еще несколько книг. Одна из них появилась лишь после его смерти. Замечательными масгерами были также его сын Иоганн и внук Антон.

Вольфганг Фуггер (примерно 1515 - 1568) был выдающимся учеником Нойдерфера старшего. Его книга "Ein nutzlich und wolgegrundt Formular Manncherley schoner scriefften" (Полезный и вполне обоснованный формуляр разнообразных красивых шрифтов), изданная в 1553 году в Нюрнберге, является одной из красивейших немецких книг образцов письма.

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

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

У наших предков были серьезные основания рассматривать каллиграфию как вид искусства, и вытеснение рукописи книгопечатанием не могло уничтожить тех возможностей эмоциональной выразительности, которые заключены в графическом обозначении на бумаге человеческих мыслей. Эти возможности продолжают использоваться потому, что часто возникает потребность в том, чтобы читатель не только понял смысл надписи, но и почувствовал ее "эмоциональный ореол". Для достижения этой цели и используются средства, которыми "работает" орнамент.

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

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

Огромное значение имеет здесь, помимо всего сказанного, и отношение размера надписи к площади листа и ее расположение на нем точно в центре, вверху или внизу, строго горизонтально, диагонально и т.д. Искусство оформления книги дает много примеров разнообразного применения всех этих средств. Приведем четыре примера, интересных резким различием созданных художниками образов: замечательные обложки М.Добужинского к "Белым ночам" Ф.Достоевского и "Трем толстякам" Ю.Олеши, обложку С.Телингатера к "Буре" И.Эренбурга и суперобложку К.Владимирова для альбома "Ленинградские художники на VI Всемирном фестивале молодежи и студентов". Произведения эти обладают разной художественной ценностью, но их сопоставление достаточно убедительно показывает, сколь многообразны эмоционально-выразительные возможности шрифта. В каждой из этих обложек по-своему использованы все средства орнаментальной выразительности надписи: начертание букв и их окраска, ритм построения слов, их расположение на плоскости. В сочетании с привлеченными на помощь изобразительными средствами они помогают читателю, который берет в руки книгу, получить образное впечатление о ее характере, проникнуться соответствующим ее содержанию настроением.
Так подчиняется шрифт общим законам художественного построения и художественного воздействия орнамента.

О шрифте.
Слово "графика" происходит от греческого "графо", что значит по-русски "пишу", "рисую". Само это название показывает, как много общего между письмом и рисунком. Художник рисует на бумаге, тем же самым, чем пишет - пером, карандашом. Более того, основным выразительным средством графики является не живописное богатство цвета, а линия, штрих. Основу шрифта составляет писание; характер каждого рисунка шрифта зависит от инструмента, при помощи которого он выполняется; каждая техника исполнения более всего соответствует какому либо определенному стилю шрифта. Англичанин Эдвард Джонстон, который считается зачинателем современного шрифтового искусства в Западной Европе и Америке, по существу только раскрыл нам заново умение старых мастеров письма. В результате его работы, работы его учеников и их последователей искусство шрифта снова заняло подобающее ему место в ряду других видов искусств
Виллу Тоотс "Современный шрифт", М. "Книга"1966
У шрифта и орнамента много общего, одни корни.

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

Но конечно, все сказанное не означает, что, произведения орнаменталистов совершенно свободны от неких принципов, неких высших законов, которым должна соответствовать каждая художественная концепция. Орнаментальная композиция может быть подлинно прекрасной только тогда, когда она рождает в зрителе чувство покоя и удовлетворения, вызванное совершенной уравновешенностью всех составляющих элементов. Законы гармонии и пропорций, равновесия и симметрии, подчиненности деталей целому, разнообразия в этом едином целом - все эти эстетические законы управляют искусством орнамента, как и всяким другим. Но тогда как живопись и скульптура всегда более или менее зависят от темы или стремления к точному изображению, а архитектура должна считаться с целым рядом необходимых условий, связанных с прочностью постройки, ее назначением, соответствием между ее внешним видом и функцией интерьера, с орнаментом дело обстоит по-другому.
Орнамент, особенно цветной, воздействует с гораздо большей свободой в своей, пусть и более скромной, области. И для достижения его конечной цели, а именно - той гармонии и тех пропорций, которые рождают чувство прекрасного, есть много путей. Будучи способным воспринимать художественные средства, присущие другим видам творчества, например, обобщенность форм и приемы повтора элементов архитектуры, рельефность скульптуры, очарование сюжетов и чудесные краски живописи, искусство орнамента может использовать все эти возможности, не покидая собственной сферы. Потому что сфера эта поистине обширна. Она охватывает пространство от простейших геометрических фигур - квадрата, ромба или треугольника (повторение которых или соединение в контрапункте бывает достаточным для интересной композиции) - до искусных, запутанных узоров, причудливых арабесок, изобретательных комбинаций линий, цветов, зверей и даже человеческих фигур. Орнамен-талист - властелин фантастического, восхитительного мира. Он далек от обычного жизненного уклада и привержен только и исключительно своему воображению. Но как эта чарующая свобода была бы иллюзорна, если бы самые своевольные капризы не управлялись безукоризненным вкусом и тщательным отбором для нужного эффекта, который, независимо от использованных средств, должен заключаться в гармоническом единстве форм и красок!

Орнамент занимает важное, пусть и не первостепенное, место в шкале художеств. И если утверждают, что воздействие этого вида искусства менее значительно, забывая, как оно поднимает настроение и пробуждает самые глубокие чувства, то остается все же несомненным: орнамент отвечает насущной потребности нашей натуры - видеть красивое вокруг. Добавляя что-то ради завершенности к другим художественным произведениям или украшая и облагораживая предметы повседневной жизни, орнамент играет роль естественного звена между искусством и производством. Таким образом, он является одной из самых необходимых в человеческой деятельности и гибких форм творчества.
Столь широкая область применения, многоликость и почти неограниченная свобода характерны для орнамента в целом. И именно эти его свойства вызывают трудность особого рода: как на основе конкретных произведений вывести общие законы орнаментики. Орнамент создается основными средствами - линией, цветом и рельефом. Применяя их (главным образом первые два, на которых мы сосредоточим внимание), художник может достичь бесконечного разнообразия результатов. Но их, тем не менее, можно разделить на три следующие категории:
1. Сочиненные мотивы; концепция, целиком сложившаяся в воображе нии и не имеющая ничего общего с реальностью;
2. Условные изображения реальных природных объектов, переда ющие их главные черты в обобщенной форме;
3. Имитация реальных объектов с целью их реалистической передачи средствами линии и цвета.

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

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

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

И последнее замечание: принцип использования цвета в орнаментике неотделим от избранной манеры. Там, где мотивы трактуются идеализированно или условно, колорит столь же условен. Художник наслаждается безграничной свободой своей палитры и любую жесткость рисунка компенсирует вольностью красок. Он может выбирать и аранжировать цвет по своему усмотрению, не имея никаких обязательств, следовать в своем искусстве правде жизни или просто быть правдоподобным. Его единственный закон - гармония цветовых отношений. В остальном же-полный простор для воображения, творчества, оригинальности. Пример творчества художников Востока показывает, как плодотворно они использовали такую свободу и каких несравненных результатов достигли.
"Орнамент всех времен и стилей", Москва, Арт-Родник, 1997
Наступает момент, когда что-то уже нельзя выразить словами. Тогда линия вдруг, начинает складываться в орнамент. Возвращение назад, когда ещё не было письменности, а были символы, знаки.

Фигура.
Фигура - от латинского figura - внешний вид, образ.
1. Внешнее очертание, вид, форма предмета
2. Очертание человеческого тела, телосложение
3. Положение, позиция, принимаемая кем-либо при выполнении чего-нибудь в движении (в танце, фехтовании и пр.); часть танца.
4. Скульптурное, живописное или графическое изображение человека, животного
5. Словесный оборот, стилистический прием
6. Фигура музыкально-риторическая
7. В шахматах, в городках, в картах
8. Фигура - геометрический термин применяемый к разнообразным множествам точек; обычно, фигурой называют такие множества, которые можно представить состоящими из конечного числа точек, линий или поверхностей, в частности сами точки, линии или плоскости (треугольник, трапеция и т.д.)

Графика.
Графика (от греческого graphike, grapho - пишу, черчу, рисую)
Графика - это вид изобразительного искусства, включающий рисунок и печатные художественные изображения: гравюру, ксилографию, литографию и другие, основанные на искусстве рисунка, но обладающие собственными изобразительными средствами и выразительными возможностями. Рисовать можно на всём, чём угодно: на бумаге, картоне, ткани, асфальте, металле, на стенах┘ даже на снегу, на песке. ┘
Рисуют даже на теле человека. Рисовать можно и чем угодно - карандашом, углём, красками, кистями, палочками, специальным инструментом - штихилями, в старину гусиными перьями, теперь же разными авторучками, фломастерами. Рисовать можно и с помощью компьютера.
Графика может быть:
1. станковая - все виды гравюр на различных материалах: камне, металле, дереве, линолеуме и др.
2. книжная и газетно-журнальная - иллюстрации, все виды и элементы оформления печатных изданий.
3. прикладная - почтовые марки, таблички, экслибрисы, гербы, шрифты, орнаменты, торговые марки и знаки, этикетки и т.п.
4. афишно-плакатная (акциденция).
5. компьютерная и т.д.
Художественно-выразительные средства графики: белая бумага как изобразительная плоскость и чёрный цвет туши, контурная линия, штрих, пятно. Цвет в графике почти всегда играет вспомогательную роль. С бумагой, на которую нанесено любое графическое изображение, выразительные средства образуют контрастные и нюансные соотношения.

Линия.
В графике всегда ощущается плоскость листа бумаги. На неё свободно ложатся линии рисунка, послушно следуя полёту мысли художника. Линия - след от движущейся точки (след от линии - плоскость, от плоскости - объем...). Линия играет ┘ существенную роль, а в некоторых случаях имеет решающее значение (по кн. В.В.Турова "Что такое гравюра", М. "Изобразительное Искусство", 1986, гл."Что меня характеризует как художника"). Линия - от латинского linea, общая часть двух смежных областей поверхности. Движущаяся точка описывает при своём движении некоторую линию. ┘; единица длины в системе английских мер; генетическая линия. Творчество графика, особенно на первый взгляд, сильно отличатся от творчества живописца, но между ними обоими много общих черт. Живописец изображает свои картины ┘ многоцветные образы┘ Плоскость двумерна┘иллюзия объемности, ┘, пространства. ┘
Евтим Томов "Графика и графични техники" София "Наука и изкуство" 1959

Штрих.
Контурные - это значит, вы показали лишь форму, очертания чего-нибудь, его высоту, изгиб, наклон. Ну а если надо или хочется нарисовать┘ Одними линиями тут не обойдешься. Построение объемно пространственных форм на двухмерной плоскости. Законы построения объемно пространственных форм. Штрих, штриховка, шраффировка (нем. Strich - черта, линия; schraffieren - штриховать). Под этими терминами обычно подразумевается система повторяющихся в определённом ритме линий, штрихов и точек, а так же их сочетания, которыми покрывается тот или иной участок графического оригинала: схемы, карты, диаграммы и т.д. Классификация штрихов: Плоскостные Объёмные Декоративные Условные штриховки: "линейные", перекрёстные", "трёхлинейные", "полосные", "шотландки", "штриховые", "точечные", "перовые", "дуговые"┘ Тоновые: ┘ (Н.А.Атабеков "Словарь-справочник иллюстратора научно-технической книги", "Книга", 1974, с.228) Мало научиться владеть разными штрихами, надо ещё освоить разную плотность штриховки┘
Б.А.Луковенко "Рисунок пером", М. Изобразительное Искусство", 2000, с.21

Черный и белый тона.
В окружающем нас мире, в природе, всё имеет свой цвет, сотни оттенков и разную освещенность. А у нас есть только один черный тон туши (и белый тон бумаги). Как в черно-белой фотографии. В графике, художник создает образы и передаёт свои идеи в основном посредством белого и чёрного. Отношение между этими двумя тонами - ритмичное сопоставление, балансирование. ┘"Каждое искусство располагает своими средствами. Живопись использует много цветов и тонов. А рядом с живописью существует графическое изображение, ограничивающее художника чёрным и белым тоном, сокращающее его выразительные средства. Чёрный и белый тон характерны для графики. В одном случае - всё богатство цветов к услугам художника; в другом он ограничен чёрным и белым тоновым спектром, и в этой гамме должен мыслить все цвета. Это графика, графическое изображение. Когда изображения ограниченны в средствах, художник должен эти средства обогатить. Изобразить черным и белым все цвета, всё разнообразие оттенков. Изображать не снег потому, что он белый, и голые деревья и ворон, потому что они чёрные, а всё многообразие природы, всё богатство цветное выразить чёрным и белым
В.А.Фаворский "Рассказы художника гравера". М. Детская литература. 1965, с.27

@темы: Дизайн, Статьи

---

Компьютерная графика

[mercenary]

Понимание того, как строится изображение на экране, поможет делать оптимальный выбор при работе с графикой на компьютере.

Что такое цифровое изображение (ЦИ)?ЦИ - модель реального или синтезированного изображения, хранящаяся на машинном носителе в виде совокупности цифровых кодов. Для Web в настоящее время используют в основном растровые модели изображений.
Что такое пиксель?
Пиксель (англ. pixel - picture element - элемент картинки) - неделимый прямоугольный элемент растровой модели, параметры которого описывают соответствующий ему участок реального или синтезированного изображения. Каковы параметры растровых изображений?
Размер - произведение ширины на высоту в пикселях.
Разрешение - количество информации на единицу длины. Измеряется в ppi (pixels per inch ≈ пиксели на дюйм) и dpi (dots per inch - точки на дюйм). Имеет смысл только, если известны реальные размеры изображения или отпечатка.
Модель - способ описания элементов изображения в цифровом виде. Например, Bitmap, Grayscale, Indexed, RGB, HLS, Lab, CMYK. В WWW используются модели Grayscale, Indexed, RGB.
Цветовая модель RGB - естественный язык цвета сканнеров, мониторов и других электронных устройств.
Глубина цвета - количество бит памяти, выделяемых для описания тоновых или цветовых характеристик каждого пикселя в соответствие с моделью. Например, 1бит/пикс. (Bitmap, Halftone), 8 бит/пикс. (Grayscale, Indexed), 24 бит/пикс. (RGB).
Какое разрешение требуется для публикации изображений в Web?
Так как информация представляется на экране монитора, то при сканировании в масштабе 1:1 следует задавать разрешение 72 ppi - типовое значение разрешающей способности большинства мониторов PC и 95 ppi - для MAC.
Что такое формат файла?
Формат - способ организации информации в файле. Графические файлы служат для хранения изображений между сеансами работы с графическими программами и переноса изображений между программами и компьютерами. Графическая информация в файлах кодируется несколько иначе, чем в памяти компьютера. Более того, способов кодирования, называемых форматами, существует множество. Сосуществование большого числа форматов графических файлов обусловлено специфическими сферами их применения. Для Web используются следующие основные форматы со сжатием информации:
GIF - для хранения рисунков и анимаций (недеструктивное сжатие)
JPEG - для хранения фотографий (деструктивное сжатие)
PNG8 - для рисунков и фотографий в моделях Grayscale и Indexed (недеструктивное сжатие)
PNG24 - для рисунков и фотографий в модели RGB (недеструктивное сжатие)

Параметры графических форматов:

Распространенность
Многие приложения имеют собственные форматы файлов. Они поддерживают особые возможности конкретных программ, но могут оказаться несовместимыми с другими приложениями. Программы иллюстрирования и издательские системы могут не уметь импортировать такие форматы или делать это некорректно. Вопрос распространенности касается не только собственных форматов программ. Некоторые форматы разрабатывались специально под аппаратное обеспечение (например, форматы Scitex, Targa, Amiga IFF). Если вы не располагаете этой аппаратурой, не используйте подобных форматов. Сохраняя изображения в малораспространенных форматах, вы создаете потенциальные проблемы при переносе их на другие компьютеры.
Соответствие сфере применения.
Большинство графических форматов ориентировано на конкретные области применения. В случае ошибки при выборе формата изображение может оказаться непригодным для использования. Например, сохранив изображение в формате JPEG с большим коэффициентом сжатия, вы сделаете его непригодным для печати из-за потери качества. При этом повторное открытие и сохранение в другом формате не исправит допущенную ошибку.
Поддерживаемые типы точечных изображений и цветовые модели.
Выбирайте формат файлов, поддерживающий заданные сферой применения типы изображений. Например, формат BMP не поддерживает изображений в модели CMYK, требующейся в полиграфии, и, следовательно, не может использоваться в этой сфере. Тем не менее, следует учитывать возможность последующего преобразования типов и цветовых моделей, требуемых в выбранной сфере применения.
Возможность хранения дополнительных цветовых каналов.
Если вам требуются дополнительные цветовые каналы (например, для плашечных цветов), то это существенно ограничивает свободу выбора формата.
Возможность хранения масок.
Чаще всего маски нужны только в процессе редактирования. Если вы не завершили редактирование изображения или планируете вернуться к нему через некоторое время, сохраняйте изображение вместе со всеми созданными масками. Хранение масок в виде альфа-каналов поддерживается далеко не всеми форматами.
Возможность хранения обтравочных контуров.
Обтравочные контуры создаются и используются для маскирования фрагментов изображения в программах иллюстрирования и издательских системах. Если вы готовите изображения для верстки, то лучше выбирать форматы, поддерживающие обтравочные контуры. Разумеется, необходимо предварительно убедиться, что импорт обтравочных контуров в издательскую систему из выбранного формата возможен и осуществляется корректно.
Возможность сжатия графической информации.
Для уменьшения размеров графических файлов многие форматы предполагают сжатие данных. Выбор одного из таких форматов сэкономит место на вашем жестком диске и тех носителях, которые вы, возможно, используете для передачи файлов заказчикам или подрядчикам.
Способ сжатия.
Форматы файлов, поддерживающие сжатие, используют для этого различные алгоритмы. Все алгоритмы сжатия делятся на те, что не приводят к потерям качества, и те, что снижают качество изображений. Последние позволяют достичь на порядок более высоких коэффициентов сжатия. Выбирайте формат, алгоритм сжатия в котором полностью соответствует сфере применения изображений. Если вы планируете использовать их только для экранного просмотра, то можете пожертвовать качеством изображения. Подготовка изображений для типографской печати не допускает снижения качества.
Возможность хранения калибровочной информации.
Для точного воспроизведения цветов в полиграфии используются системы управления цветом. В рамках сквозного управления цветом цветовые профили встраиваются в файлы изображений. Если ваш производственный процесс использует управление цветом, то при сохранении файлов следует выбирать форматы, поддерживающие внедрение цветовых профилей.
Возможность хранения параметров растрирования.
Если вы готовите изображения для полиграфического тиражирования и используете особые параметры растрирования, то выбирайте форматы файлов, поддерживающие хранение этой информации.

В чем заключается оптимизация файлов изображений для Web?
Основной критерий - минимизация объема файла, а значит времени его передачи по сети при допустимом уровне качества. Достигается использованием соответствующего формата файла (GIF, JPEG или PNG) и подбором совокупности параметров, определяющих наилучшее соотношение качество/размер.
Любое изображение на компьютере может быть представленно в двух графических режимаж:
1. в векторном виде
2. в растровом виде (в Web поддерживается только растр)

Векторная графика (Vector drawing)
Форматы: .cdr .ai ...

Вид кодировки графическихх изображений,основанный на геометрии, но не точек (как в растровой графике), а кривых. В качестве сплайнов выбраны кривые Безье. (Пьер Безье - французский математик, рассчитавал сплайны корпуса автомобилей).
Сплайн - основное понятие векторной графики. Линейные картинки - это сплайны. На сплайнах построены современные шрифты TryeType и PostScript. Суть сплайна: любую элементарную кривую можно построить, зная четыре коэффициента P0, P1, P2 и P3, соответствующие четырем точкам на плоскости. Перемещая эти точки, меняем форму кривой.
Примером векторной графики служат работы, созданные в графическом редакторе CorelDraw. В отличии от растра векторное изображение состоит из отдельных линий-направляющих (векторов) которые образуют изображение. В файле хранится информация не о каждой точке, а об элементах, из которых состоит изображение, т.е. о направляющих из которых она создана. Векторные изображения занимают сравнительно небольшой объем и легки в редактировании. Любой элемент картинки может быть изменен отдельно от других. Изображение легко меняет размер не теряя качества и сохраняя первоначальную композицию (расположение элементов) Вектор пластичен, что позволяет отображать его на устройствах с различной разрешающей способностью одинаково качественно. Но изображения векторной графики просты по визуальному восприятию и в основном выглядят "нарисованными".

Достоинства векторной графики:
1. Малый объем памяти. При кодировании векторного изображения хранится не само изображение объекта, а координаты четырех точек, поэтому объем памяти очень мал по сравнению с точечной графикой. Вывод: Векторная графика - оень экономичный способ кодирования. Она экономна в плане объемов дискового пространства, необходимого для хранения изображений: это связано с тем, что сохраняется не само изображение, а только некоторые основные данные, используя которые программа всякий раз воссоздает изображение заново. Кроме того, описание цветовых характеристик несильно увеличивает размер файла.

2. Свобода трансформации. Векторное изображение можно вращать, масштабировать без потери качества изображения. Объекты векторной графики просто трансформируются и ими легко манипулировать, что не оказывает практически никакого влияния на качество изображения.

3.Аппаратная независимость. Векторная графика "работает" с идеальными объектами, которые сами приноравливаются к изменениям: можно не знать, для каких устройств делается тот или иной документ. Векторная графика максимально использует возможности разрезрешающей способности любого выводного устройства: изображение всегда будет настолько качественным, на сколько способно данное устройство.

Недостатки векторной графики:
1. Программная зависимость. Каждая программа строит кривые Безье по своим алгоритмам. (Например, формат .cdr программы Corel Draw не описан и является нестандартным). Часто необходимо конвертирование. Каждая программа сохраняет данные в своем собственном формате, поэтому изображение, созданое в одном векторном редакторе, как правило, не конвертируется в формат другой программы без погрешностей.

2. Сложность векторного принципа описания изображения не позволяет автоматизировать ввод графической информации и сконструировать устройство подобное сканеру для растровой графики.

3. Векторная графика действительно ограничена в чисто живописных средствах и не предназначена для создания фотореалистических изображений.

Растровая графика (Raster drawing)
Форматы: .tif .bmp .gif .jpg .png ...

Изображения в растровой графике состоят из отдельных точек разнличных цветов, образующих цельную картину (наподобии мозаики) Типичным примером растровой графики служат отсканированные фотографии или изображения созданные в графическом редакторе PhotoShop. Применение растровой графики позволяет добиться изображения высочайшего фотореалистичного качества. Но такие файлы очень объемны и трудноредактируемы (каждую точку приходиться подправлять вручную) При изменении размеров качество изображения ухудшается. Так при уменьшении исчезают мелкие детали, а при увеличении картинка превращается в набор пикселей При печати растрового изображения или при просмотре его на устройствах, имеющих недостаточную разрешающую способность значительно ухудшается восприятие образа.
Изображение (объект) может быть монохромным (штриховым), черно-белой фотографией (в градациях серого) и цветным. Любой рисунок можно представить набором мозаичных точек.
Суть принципа точечной графики: если надо закодировать какой-то обект, то на него "накладываем" сетку и создаем матрицу (таблицу) той же размерности, заполняя единицами ячейки, наложенные на обект, и нулями вне обекта. Еслиграницы оригинал-объекта параллельны границам ячеек сетки, получается идеальная матрица (bitmap) из нулевых и единичных битов, которая представляет закодированное изображение обекта. Если эту матрицу вывести на экран или принтер или на диск для хранения, то получим оттиск обекта. Таким образом, с помощью отдельных блоков можно закодировать обект - известный древний способ рисования по клеточкам!
Но идеальный случай, когда границы объекта совпадают с направляющими линиями матрицы, реализуется редко. Ясно, что, если имеем полносью пустые и полностью заполненные квадратики - это биты 0 и 1. А если не полностью заполненные и не полностью пустые? Очевидно, что в общем случае нужно устанновить порог: Ниже этого порога - нолики? а выше - единицы. Например, если порог меньше 1/2, то 0, если больше, то 1.
Разрешение измеряется в единицах:
ppi (pixel per inch - пиксел на инч (дюйм)) - количество пикселов на единицу длины в 1 дюйм
dpi (dots per inch - точки на дюйм) - количество точек на единицу длины в 1 дюйм
1 дюйм = 25,4 мм.

Достоинства растровой графики:
1. Каждый пиксел независим друг от друга.

2. Техническая реализуемость автоматизации ввода (оцифровки) изобразительной информации. Существует развитая система внешних устройств для ввода изображений (к ним относятся сканеры, видеокамеры, цифровые фотокамеры, графические планшеты).

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

4. Форматы файлов, предназначенные для сохранения точечных изображений, являются стандартными, поэтому не имеет решающего значения, в каком графическом редакторе создано то или иное изображение.

5. Можно использовать в Web-дизайне

Недостатки растровой графики:
1. Объём файла точечной графики одназначно определяется произведением площади изображения на разрешение и на глубину цвета (если они приведены к единой размерности). При этом совершенно неважно, что отображено на фотографии: белый снежный пейзаж с одиноким столбом вдалеке, или сцена рок-концерта с обилием цвета и форм. Если три параметра одинаковы, размер файла будет практически одинаковым.

2. При попытке слегка повернуть на небольшой угол изображение, например, с чёткими тонкими вертикальными линиями, чёткие линии превращаются в чёткие "ступеньки" (это означает, что при любых трансформациях: поворотах, наклонах и т.д. в точечнной графике невозможно обойтись без искажений).

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

Растровые форматы: GIF, BMP, WBMP, PCX, PCD, PSD, FLM, IFF, PXR, PNG, SCT/PICT, PCT, RAW, TIF/TIFF, BMP, JPEG , TGA, FPX, GIF , PhotoCD, MNG, ICO, FLA/SWF
GIF
В 1987 году специалисты из фирмы CompuServe поднатужились и явили миру новый формат для хранения изображений в режиме индексированных цвето. Формат GIF (Graphics Interchange Format) создан крупнейшей сетевой службой CompuServe (ныне подразделение AOL, America OnLine) специально для передачи растровых изображений в глобальных сетях. В 1989 году формат был модифицирован, и его новая версия получила название gif89a. Gif ориентирован в первую очередь на хранение изображений в режиме индексированных цветов (не более 256), также поддерживает компрессию без потерь LZW. Но главная соковыжималка для картинок в формате gif ≈ это, все таки, приведение их к меньшему числу цветов. Само собой, что такое пройдет без последствий лишь на картинках с изначально небольшим количеством цветов: рисованной графике, элементах оформления, маленьких надписях (кстати, для хорошего сглаживания надписи классическим шрифтом на однородном фоне достаточно от 7 до 11 цветов в зависимости от кегля).
Используется только по своему первоначальному предназначению - в интернете, поскольку поддерживает только индексированные изображения. Не поддерживает дополнительных каналов, обтравочных контуров, цветовых профилей. Версия GIF 89a позволяет сохранять в одном файле несколько индексированных изображений. Браузеры способны демонстрировать все эти изображения по очереди, получая в результате несложную анимацию. В файле анимации хранятся не только кадры анимации, но и параметры ее демонстрации. GIF анимация в силу своей простоты наиболее распространена в интернете. Кроме того, один из цветов в палитре индексированного изображения можно объявлять прозрачным. В браузере сквозь участки этого цвета будет виден фон страницы.
Настраиваемая палитра (не более 256 цветов), задаваемая прозрачность одного из цветов, возможность сохранения с чередованием строк (при просмотре сначала выводится каждая 8-я, затем каждая 4-я и т.д. - это позволяет судить об изображении до его полной загрузки). Способен содержать несколько кадров в одном файле с последующей последовательной демонстрацией (т.н. "анимированный GIF"). Уменьшение размера файла достигается удалением из описания палитры неиспользуемых цветов и построчного сжатия данных (записывается количество точек повторяющегося по горизонтали цвета, а не каждая точка с указанием ее цвета). Такой алгоритм дает лучшие результаты для изображений с протяженными по горизонтали однотонными объектами. К сожалению, с 1995 года разработчик GIF компания Compuserve сделала платным любое его использование в программных продуктах (кроме бесплатного ПО). Это приводит к постепенному вытеснению этого популярного формата из Интернет. Можно сказать, что на поверхности его держит только способность содержать анимацию. Она используется для создания рекламных баннеров.

JPEG
Формат JPEG (Joint Photographic Experts Group) впервые реализовал новый принцип сжатия с потерями информации. Он основан на удалении из изображения той части информации, которая слабо воспринимается человеческим глазом. Лишенное избыточной информации изображение занимает гораздо меньше места, чем исходное. Степень сжатия, а следовательно и количество удаляемой информации, плавно регулируется. Низкие степени сжатия дают лучшее качество изображения, а высокие могут существенно его ухудшить. Наиболее широко JPEG используется при создании изображений для электронного распространения на компакт дисках или в интернете. Компактность файлов JPEG делает этот формат незаменимым в тех случаях, когда размер файлов критичен, например при их передачи по каналам связи. В полиграфии использовать его не рекомендуется, хотя формат допускает хранение цветовых профилей и контуров обтравки. JPEG поддерживает полутоновые и полноцветные изображения в моделях RGB и CMYK. Не поддерживаются дополнительные цветовые альфа-каналы. Используйте формат JPEG только для хранения фотографических изображений. на рисунках с четкими границами и большими заливочными областями сильно проявляются дефекты сжатия. Особенно характерно проявление грязи вокруг темных линий на светлом фоне и видимых квадратных областей. Последний дефект связан с тем , сто алгоритм сжатия обрабатывает изображения квадратными блоками со стороной 8 пикселов.
Миллионы цветов и оттенков, палитра ненастраиваемая, предназначен для представления сложных фотоизображений. Разновидность progressive JPEG позволяет сохранять изображения с выводом за указанное количество шагов (от 3 до 5 в Photoshop'e) - сначала с маленьким разрешением (плохим качеством), на следующих этапах первичное изображение перерисовывается все более качественной картинкой. Анимация или прозрачный цвет форматом не поддерживаются. Уменьшение размера файла достигается сложным математическим алгоритмом удаления информации - заказываемое качество ниже - коэффициент сжатия больше, файл меньше. Главное, подобрать максимальное сжатие при минимальной потере качества. Кроме коэффициента сжатия еще приходится делать выбор между типами формата - стандартый, оптимизированный или прогрессивный. Наиболее подходящий формат для размещения в Интернете полноцветных изображений. Вероятно, до появления мощных алгоритмов сжатия изображения без потери качества останется ведущим форматом для представления фотографий в Web. Плохо, что качество теряется при каждом последующем сохранении.
Существует три подформата jpg: обычный, optimized (файлы несколько меньше, но не поддерживаются старыми программами) и Progressive (чересстрочное отображение, аналог interlaced в gif). Некоторые приложения позволяют хранить изображение в jpg в режиме CMYK и даже включать в файл обтравочные контуры. Однако, использовать jpg для полиграфических нужд категорически не рекомендуется из-за взаимодействия регулярной структуры блоков 8х8 пикселей, получающихся в результате компрессии, с не менее регулярной структурой типографского растра, что в итоге приводит к образованию муара. Из долговременного пользования этим безусловно полезным форматом можно извлечь две вещи. Во-первых, не стоит сохранять в нем все что попало, а только крупные фотографии с большим количеством плавных цветовых переходов. А, во-вторых, ни в коем случае не стоит сохранять одно и то же изображение в jpg больше одного раза: слишком заметными оказываются деструктивные изменения картинки от повторного использования компрессии.

BMP
Растровый формат BMP (BitMap), созданный Microsoft, ориентирован на применение в операционной системе windows. Он используется для представления растровых изображений в ресурсах программ. Поддерживаются только изображения в модели RGB с глубиной цвета до 24 бит. Не поддерживаются дополнительные цветовые и альфа-каналы, контуры обтравки, управление цветом. В принципе формат предполагает использование простейшего алгоритма сжатия (Run Length Encoding, RLE) без потерь информации, но этот вариант используется редко из-за потенциальных проблем несовместимости.

WBMP
Последняя версия Photoshop 7 в модуле Save for Web умеет сохранять картинки в формате Wireless Bitmap (WBMP), специально оптимизированном для сотовых телефонов, смартфонов, карманных компьютеров и прочих мобильных устройств. Описание этого формата вместе с языком разметки WML (Wireless Markup Language) включено в спецификацию WAP (Wireless Application Protocol). Кроме Photoshop создавать изображения WBMP способна также Macromedia Fireworks 4 и выше. Формат поддерживает только два цвета, но можно имитировать больше с помощью разброса пикселей (dithering). Теоретически файлы WBMP могут содержать анимацию. Сжатие не поддерживается, что очень удивительно, так как на практике графический файл для WAP не может быть больше 1461 байт (это ограничение связано с небольшим объемом памяти сотовых телефонов). Из-за скромного разрешения дисплеев мобильных устройств безопасный размер файлов ограничено 90х24 пикселями. Помимо вышеперечисленных недостатков WBMP еще довольно сыроват: лишь немногие устройства способны отображать графику в этом формате.

PCX
Формат PCX (PC eXchange) - один из первых растровых форматов, созданных фирмой ZSoft для программы PC Paintbrush. Поддерживает монохромные, индексированные и полноцветные изображения модели RGB. Не поддерживаются дополнительные цветовые и альфа-канлалы, контуры обтравки, управление цветом. Формат предполагает использование простейшего алгоритма сжатия (Run Length Encoding, RLE) без потерь информации. Ныне имеет преимущественно историческое значение. Свою пальму первенства по примитивизму когда-то взрастил и формат pcx: он почти так же прост внутри, как и bmp. Возможности у этого формата такие же, как и у bmp, только поддержка OS/2 отсутствует. Зато pcx можно посмотреть большинством программ под DOS, в том числе внутренним просмотрщиком Norton Commander.

PCD
Формат PCD (Photo CD) был разработан фирмой Kodak для хранения сканированных фотографических изображений. Сканирование выполняется на специальной аппаратуре (рабочих станциях Kodak, PIW), а его результат записывается на компакт-диск особого формата, Kodak Photo CD. Его можно просматривать с помощью промышленных видеоплееров и игровых приставок на обычном телевизоре. На практике Photo CD чаще применяются в издательских технологиях как источник изображений. Большинство производителей библиотек фотоснимков используют именно этот формат на своих компакт-дисках. Формат PCD имеет ряд полезных особенностей, делающих эту его область применения превалирующей. Файл PCD содержит изображение сразу в нескольких фиксированных разрешениях. Базовое (Base) разрешение, 512x768 пикселов, используется для просмотра на телевизорах NTSC и PAL. Кроме него имеются пониженные разрешения Base4, Base16 и более высокие 4Base, 16Base и 64Base. Последнее разрешение, 64Base, равное 4096x6144 пикселов, есть только на дисках стандарта Pro Master. Любопытно, что наличие в одном файле шести вариантов одного изображения не увеличивает его размер. Дело в том, что копии высокого разрешения представлены в виде разностей с базовым. Таким образом удается избежать дублирования графической информации. Изображения на Photo CD представлены в особой цветовой модели YCC, разработанной специалистами Kodak и во многом аналогичной модели Lab. YCC тоже имеет три базовых компонента, яркостный и два хроматических. Поскольку глаз более чувствителен к яркостям, чем к цвету, половина цветовой информации отбрасывается при сканировании: на каждые два пиксела приходится только одно значение хроматических компонентов. Благодаря этому удается сократить объем графических данных и размер PCD-файла. Для дальнейшего уменьшения размеров файла используется обычная схема сжатия без потерь качества LZW. Существуют несколько форматов Photo CD. Формат Master Photo CD содержит изображения, сканированные с обычной фотопленки формата 35 мм. Максимальное разрешение для этого типа 16 Base. Профессиональным фотографам адресован формат Master Pro Photo CD, для которого используется пленка большего формата (120 мм и 4x5 дюймов). Для полиграфических приложений предназначен формат Print Photo CD. Оригинал сканируется профессиональными сканерами (Crosfield, Linotype, Scitex) и сохраняется с несжатым разрешением 64 Base. Формат Catalog Photo CD позволяет разместить на одном диске до 4500 изображений с базовым разрешением. И наконец, на мультимедийные приложения ориентирован формат Portfolio PhotoCD. На компакт-диске такого формата можно разместить до 800 изображений, а также звук, интерактивные сценарии и т. п.

TIF, TIFF
Формат TIFF (Tagged Image File Format) создан обьединенными силами таких гигантов, как Aldus, Microsoft и Next специально для хранения сканированных изображений. Исключительная гибкость формата сделала его действительно универсальным. ТIFF - один из самых древних форматов в мире микрокомпьютеров, на сегодняшний день он является самым гибким, универсальным и активно развивающимся. В нем можно хранить графику в любом режиме: от битового и индексированных цветов до Lab, CMYK и RGB (кроме дуплексов и многоканальных документов). Хотя с момента его создания прошло уже много времени, TIFF до сих пор является основным форматом, используемым для хранения сканированных изображений и размещения их в издательских системах и программах иллюстрирования. Версии формата существуют на всех компьютерных платформах, что делает его исключительно удобным для переноса растровых изображений между ними. TIFF поддерживает монохромные, индексированные, полутоновые и полноцветные изображения в моделях RGB и CMYK с 8- и 16-битными каналами. Он позволяет хранить обтравочные контуры, калибровочную информацию, параметры печати. Допускается использование любого количества дополнительных альфа-каналов. Дополнительные цветовые каналы не поддерживаются. Большим достоинством формата остается поддержка практически любого алгоритма сжатия. Наиболее распространенным является сжатие без потерь информации по алгоритму LZW (Lempel Ziv Welch), обеспечивающему очень высокую степень компрессии. Кстати, этот же алгоритм используется многочисленными программами сжатия общего назначения, поддерживающими формат ZIP.

PSD
Формат PSD (PhotoShop Document) - это собственный формат программы Adobe Photoshop. Единственный формат, поддерживающий все возможности программы. Предпочтителен для хранения промежуточных результатов редактирования изображений, так как сохраняет их послойную структуру. Все последние версии продуктов фирмы Adobe Systems поддерживают этот формат и позволяют импортировать файлы Photoshop непосредственно. К недостаткам формата PSD можно отнести недостаточную совместимость с другими распространенными приложениями и отсутствие возможности сжатия.
Поддерживаются все цветовые модели и любая глубина цвета от бело-черного до true color, сжатие без потерь. Начиная с версии 3.0 Adobe добавила поддержку слоев и контуров, поэтому формат версии 2.5 и ранее выделяется в отдельный подформат. Для совместимости с ним в более поздних версиях Photoshop имеется возможность включить режим добавления в файл одного базового слоя, в котором слиты все слои. Такие файлы свободно читаются большинством популярных просмотрщиков, импортируются в другие графические редакторы и программы для 3D моделирования.

FLM
FLM (Filmstrip) - собственный формат Adobe Premier, программы редактирования видеоинформации и создания презентаций.

IFF
Формат IFF (Amiga Interchange File Format) используется на компьютерах Commodore Amiga с программно-аппаратным комплексом Video Toaster. Он ориентирован на создание и обработку высококачественных видеоматериалов в реальном времени. Поддерживается также некоторыми программами рисования на платформе Windows, например Deluxe Paint фирмы Electronic Arts. Формат IFF поддерживает все типы изображений, за исключением многоканальных и полноцветных CMYK. Обтравочные контуры, цветовые профили и альфа-каналы не поддерживаются.

PXR
Формат PXR (Pixar) предназначен для обмена со специализированными графическими станциями Pixar, ориентированными на трехмерное моделирование и анимацию. Поддерживаются только полутоновые и полноцветные RGB изображения с единственным альфа каналом.

PNG
На сегодня самый прогрессивный формат графики для Сети - это png (Portable Network Graphics, читается "пинг"). Этот луч света и уникальное решение кучи головной боли, он позволяет создавать "зоны прозрачности" как .gif, но в довесок может быть и полупрозрачным (сквозь него может просвечивать фон), был, по сути, выпадом независимых групп и консорциумов в сторону безмерно обнаглевшей компании Ulead, которая в 1995 году "прихватизировала" народный алгоритм сжатия без потерь LZW . Вместо последнего в формате png используется алгоритм Deflate, дающий, кстати, несколько лучшие результаты, чем LZW . Изначально призванный заменить морально устаревший gif на искусственных ландшафтах Сети, png предлагает целый ряд новых возможностей, недостаток которых в gif не раз делал его объектом бессильных ругательств.
Это достаточно "молодой" формат для Web-графики, конкурирующий с GIF. Все последние версии браузеров поддерживают его без специальных подключаемых модулей. Формат поддерживает полутоновые и полноцветные RGB-изображения с единственным альфа-каналом, а также индексированные и монохромные изображения без альфа-каналов. Альфа-канал служит маской прозрачности. Таким образом, формат PNG - единственный из распространенных в Интернете форматов, позволяющий получать полноцветные изображения с прозрачным фоном. В формате PNG использован мощный алгоритм сжатия без потерь информации, основанный на популярном LZW-сжатии. Будучи ориентированным на Web, формат PNG не поддерживает многоканальных изображений, цветовых профилей и контуров обтравки.
Существует два подформата: PNG8 и PNG24, цифры означают максимальную глубину цвета, возможную в подформате. В PNG24 наконец-то была реализована поддержка 256 градаций прозрачности за счет дополнительного альфа-канала с 256 градациями серого. С помощью этой функции, например, полупрозрачный логотип может выглядеть одинаково на абсолютно любом фоне. К тому же png нашпигован такими полезными возможностями, как двумерный interlacing (т.е. изображение проявляется постепенно не только по строкам, но и по столбцам) и встроенная гамма-коррекция, позволяющая сохранять изображения, яркость которых одинакова как на PC, так и на компьютерах Mac, Sun и Silicon Graphics. Загорелись? Я тоже. Давайте остывать вместе. Ни одна из полезных функций не поддерживается ни одним из существующих браузеров. PNG8 - малораспространен из-за слабой рекламы, создавался специально для Интернета как замена первых двух форматов и благодаря патентной политике Compuserve постепенно вытесняет GIF. Позволяет выбирать палитру сохранения - серые полутона, 256 цветов, true color (истинные цвета). В зависимости от свойств изображения действительно иногда предпочтительнее GIF-a. Позволяет использовать "прозрачный" цвет, но, в отличие от GIF-a таких цветов может быть до 256. В отличие от GIF сжатие без потери качества производится и по горизонтали и по вертикали (алгоритм собственный, параметры тоже ненастраиваемые). Не поддерживает анимацию.
Почему же такой замечательный и удобный формат не получил распространения? Дело в том что наша "самя любимая" фирма Microsoft сочла этот формат неперспективным на основании того, что разработан он не ими.

SCT
Формат SCT (Scitex Continuous Tone) используется сканерами, фотонаборными автоматами и графическими станциями Scitex для получения высококачественной полиграфической продукции. Особый формат используется патентованным растеризатором Scitex. Он поддерживает полутоновые и полноцветные изображения в моделях RGB и CMYK без альфа-каналов. Обтравочные контуры и цветовые профили не поддерживаются.
Scitex используется исключительно на этапе растрирования смеси из векторных и растровых данных в одну битовую карту, предназначенную для high-end фотонаборных автоматов фирмы Scitex - она то и сохраняется в этом формате. Можно не доверять растрирование файла сервисному бюро, а самому сохранить макет в формате Scitex. Он не поддерживает никаких алгоритмов сжатия.

PCT/PICT
Pict (Macintosh QuickDraw Picture Format) - это внутренний формат операционной системы Mac, аналог bmp. Он способен нести в себе растровую и векторную информацию, текст и даже звук. Такая потрясающая гибкость формата лишний раз подтверждает эффективность использования Mac при работе с мультимедиа. Изображение может храниться как в RGB, так и в CMYK, причем глубина цвета варьируется от индексированных цветов до true color; реализован алгоритм компрессии без потерь RLE. Формат pict открывается всеми приложениями, разработанными для Mac (QuickTime, Photoshop, etc.)

RAW
Замечательный контраст с предыдущим форматом составляет формат raw. Он не поддерживает ничего. То есть совсем. Не хранятся даже данные о количестве каналов, глубине цвета и разрешении, так что во время открытия вам придется вводить эти параметры вручную, по памяти. Изображение хранится просто как поток пикселей с фиксированным заголовком, куда можно впоследствии поместить любую текстовую информацию. Кстати, размер этого заголовка в байтах вам тоже придется указывать при открытии картинки в этом формате. Архаизм? Нет! Просто претензия на полную мультиплатформенность и совместимость со всеми программами. Претензия, к слову сказать, неудачная: далеко не каждый графический редактор или просмотрщик поддерживает raw. Простота, доведенная в погоне за совместимостью до полного маразма.

TGAДовольно старый формат TGA (Targa) создан специально для работы с графическим акселератором TrueVision. Этот акселератор широко используется приложениями на платформе DOS. Формат поддерживает 24-битное и 32-битные RGB изображения с одним альфа-каналом, а также полутоновые, индексированные и 16-битные RGB изображения без альфа-каналов. Обтравочные контуры и цветовые профили не поддерживаются. Также пользуется уважением среди программ DOS формат targa (Truevision Targa Image File). Он поддерживает глубину цвета от 8 до 32 бит на пиксель и использует алгоритм компрессии без потерь RLE . Файлы формата targa часто применялись DOS версией 3DStudio Max для хранения текстур.

FPXЕще один формат, не ставший популярным ввиду слабой маркетинговой поддержки - это FlashPix. Он был разработан фирмой Kodak, известной по формату PhotoCD своими попытками загнать в один файл несколько копий одного и того же изображения с разными разрешениями. FlashPix не стал исключением из фирменного правила и тоже поддерживает несколько копий с разным разрешением в одном файле. Веб-дизайнер, никогда не сталкивавшийся с файлами полиграфического качества, возможно спросит о смысле такого расточительного расходования дискового пространства. Он есть. Дело в том, что в полиграфии нередко работают с изображениями, занимающими десятки и даже сотни мегабайт. Их приведение к нужному размеру занимает гораздо больше времени, чем просто считывание копии с нужным разрешением, а размер файлов в предпечатной подготовке роли не играет. FlashPix также обладает встроенной системой защиты изображений с помощью водяных знаков. Формат достаточно редкий, и немногие программы умеют с ним работать.

PXRДля рядового пользователя Pixar - всего лишь музейная редкость. Это и понятно: он применяется исключительно на high-end графических станциях Pixar, предназначенных для профессиональной трехмерной анимации. Его возможности невелики: отсутствие компрессии, поддержка лишь модели RGB и градаций серого и одного альфа-канала.

ICO - формат мелких картинок (иконок) в WWW. Картинки используются броузерами для маркировки Web-проектов в строке URL и в избранном. Поддерживается и используется программками для создания иконок типа IconXP.

FLA - внутренний формат программы для создания интерактивной анимации Flash

SWF - формат публикации Flash для отображения на разных платформах.

MNG - разрабатывается...

Векторные форматы: WMF, EMF, CGM, EPS, WPG, AutoCAD, DXF, DWG, CDR, AI, PCT, FLA/SWF
EPS (Encapsulated PostScript)
Благодаря своей надежности, совместимости со многими программами и платформами и куче настраиваемых параметров, формат eps (Encapsulated PostScript) является выбором большинства профессионалов в области полиграфии. Он предназначен сугубо для переноса готовых изображений в программы верстки, поддерживает цветовые модели CMYK, RGB, дуплексы и содержит готовые команды устройству вывода. В eps можно сохранить информацию о треппинге, типографском растре, внедренных шрифтах и обтравочных контурах. Данные хранятся тремя способами: ASCII (медленный, но наиболее совместимый), Binary (быстрый и компактный), JPEG (быстрый, но с потерями качества и плохой совместимостью). При сохранении в eps можно указать формат и глубину цвета эскиза, который для ускорения работы будет выводиться на экран в программах верстки вместо большого оригинала.
PCT
Pict (Macintosh QuickDraw Picture Format) - это внутренний формат операционной системы Mac, аналог bmp. Он способен нести в себе растровую и векторную информацию, текст и даже звук. Такая потрясающая гибкость формата лишний раз подтверждает эффективность использования Mac при работе с мультимедиа. Изображение может храниться как в RGB, так и в CMYK, причем глубина цвета варьируется от индексированных цветов до true color; реализован алгоритм компрессии без потерь RLE. Формат pict открывается всеми приложениями, разработанными для Mac (QuickTime, Photoshop, etc.)

FLA - внутренний формат программы для создания интерактивной анимации Flash

SWF - формат публикации Flash для отображения на разных платформах.

Форматы файлов для печати: TIFF, EPS
Форматы графических файлов для web-дизайна: PNG, GIF, SWF, JPG

Редакторы векторной графики и анимации:
Macromedia Freehand, Macromedia Flash, Adobe Illustrator, Adobe Streamline, CorelDRAW, Corel Xara и др.
Редакторы растровой графики и анимации:
Adobe Photoshop, Adobe ImageReady, PaintShop Pro, Animation Shop, PhotoPaint, Painter, Image 2000, LViev Pro, Microsoft PhotoDRAW, Microsoft Photo Editor, Microsoft Paint и др.
Редакторы 3D графики и анимации:
3D Studio MAX, Xara 3D, CorelDream 3D, trueSpace, Bryce, World Construction Set, Piasma, 3D VIZ, Organica, Maya и др.

@темы: Web-дизайн, Дизайн, Статьи

---

Креатив (creative) в дизайне...

[web-design]

Креатив (анг. creative) - созидательный, творческий процесс формирования и воплощения оригинальной идеи. Жаль, что эти идеи нельзя патентовать
Креатив - это относительно уникальное сочетание выразительных форм необходимое для достижения определенной цели, рассчитанное на восприятие целевой аудиторией, и, в частных случаях, управление ее поведением. Креатив - это создание рекламного слогана и яркого образа, помогающего донести рекламный посыл до потребителя.

Креатив - синоним слов "творчество, выдумка, оригинальность, удачное решение" и т.д. В большинстве случаев слово "креатив" связсвязывают с рекламой. И не зря, т.к. половина успеха рекламной кампании зависит от креатива. То есть от того, насколько хорошо рекламный посыл реализован в лозунги, рекламную продукцию, политику размещения. С помощью креатива рекламная компания должна максимально точно выполнить стоящие перед ней задачи.Эта некая услуга, которая продается рекламным агентством клиенту. Это разработка идей реализации рекламной кампании с целью донесения рекламного послания до целевой аудитории. Конкретное выражение такого креатива зависит от среды (media), в которой будет происходить рекламная компания.

Креатив существует в двух видах:
1. Чистый креатив - это работа, например, художников, где используется незамутненный творческий потенциал одного человека.
2. Командный "креатив" - это работа группы людей над проектом, где криэйтеру приходится адаптировать свои идеи, мысли к соотношению со строго поставленными требованиями. Напримет разработка проекта судна, проведение рекламной кампании или создание web-сервера.

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

Процесс творчества - это настройка собственного мозга на одну частоту. Как только настройка произошла, мысли идут одна за другой. Для того чтобы настроить себя необходимо следовать определенным правилам.

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

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

www.rosdesign.com\design\creativeofdesign.htm

@темы: Мнение

---

WWW - больше о веб-дизайне

[web-design]

WWW - World Wide Web (Интерактивная мультимедийная гипертекстовая среда, используюшая язык разметки и поддерживающая множество протоколов интернета). Всемирная паутина появилась на свет в 1992 году. Она была создана Тимом Бернерсом-Ли из Европейского центра ядерных исследований (CERN), расположенного в Женеве (Швейцария)

Что такое Web-дизайн?
Это графический дизайн, перенесенный в интерактивную среду. Он по сути своей ближе всего подходит к полиграфиии. Но! Несмотря на то, что эти стили графического дизайна визуально чем-то напоминают друг друга, технология их создания различна как две вселенные. Это понятно, так отличается специфика каждой области дизайна.

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

C точки зрения маркетинга не стоит забывать, что изделие, имеющее товарный вид, всегда выглядит "вкуснее" аналогичного изделия без оформления т.е. графический дизайн определенно может изменить восприятие реальности, даже когда реальность остается той же самой.

Web-дизайн, в отличии от полиграфии, уже не оформление изделия, не незначительная и дополнительная его часть, а суть само изделие. Проектируя сайт web-дизайнер создает полноценный продукт, а не оформляет его. И поэтому роль дизайна в web-проекте является главенствующей, а web-дизайнер выступает в роли создателя изделия. Отсюда следует, что web-дизайн является сутью интернет-проектов, а значит и сутью самого интернета.

Сайты в большинстве своем проектируются для посетителей и только для них (исключение составляют персональные проекты, которые оформляются исключительно по своему вкусу).
Сайт должен быть близок, понятен и соразмерен пользователю. И обязательно визуально приятен. И по возможности необычен, интригующ и загадочен. Люди, как известно, любят получать ножиданные хорошие впечатления и переживания.
В идеале web-дизайнеру надо стремиться предугадать желания определенной группы пользователей, которые обязательно посетят сайт всилу специфики самого сайта.
Посещение сайта для пользователя должно быть подобно празднику!
Вот пример такого праздника: www.2advanced.com

И переживания, полученные от посещения сайта должны быть запоминающимися и поразительными А в основе проекта удачного праздника лежат два правила. Никогда не увлекайтесь черезмерной продуманностью сценария, всегда должно остаться место для творчества самого пользователя. И, во вторых, полное отсутствие сценария - это тоже катастрофа Идеальный сценарий web-проекта должен сочетать в себе "подготовку и спонтанность".
Как уже говорилось, стиль оформления проекта следует подбирать исходя из того, кто предположительно посетит проект.
Интернет будет таким, каким его сделает web-дизайнер.

Как правильно прописать на страничке информацию для броузеров и поисковых систем.
Минипромоушн в поисковиках. Нам не все равно как выглядит информация о нашем ресурсе. Правда?

Не секрет, что для удачного позиционирования в сети WWW существуют некоторые правила подачи информации о проекте для индексации поисковыми системами и всевозможными каталогами ссылок. Это в некоторой степени тоже влияет на раскрутку проекта и, к тому же, не стоит вам ничего.

1. Прописываем title - название проекта (60-70 символов)
По идее, каждая страница должна иметь свой title, но это не обязательно.
Название должно в полной мере отражать содержание, если вы хотите, чтобы поисковики адекватно отнеслись к вашему проекту.
Скажем в названии проекта о дизайне нелишним будет несколько раз повторить заветное слово. Это влияет на релевантность и поможет проекту подняться в поисковых системах выше конкурентных ресурсов иногда до первой страницы (!)...

Например:
Дизайн как стиль жизни:Webдизайн,графический дизайн,промышленный дизайн.История,теория,практика дизайна
103 знака, а ключевое слово "дизайн" повторяется 4 раза. Прекрасно.

Да, не забывайте о том, что контент тоже индексируется и сравнивается с заголовком.
Нужно также учитывать, что Internet Explorer отображает 95 знаков в заголовке страницы, а некоторые броузеры отображают только первые 60 знаков. А значит остальная инфа в заголовке окна броузера просто отрезается, что выглядит иногда не очень привлекательно, не говоря о том, что теряется смысл предложений...
А наиболее популярные поисковики рунета в которых есть смысл регистрироваться отображают соответственно:
Яндекс - в заголовке 79 , Рамблер - в заголовке 73 знака с пробелами.

2. Прописываем description - описание проекта (не меньше 200 символов)
Некоторве поисковые системы выводят в качестве описания первые 200 символов, поэтому текст следует подобрать тщательно. И, следовательно, по содержанию этого тега пользователь будет оценивать, а стоит ему к вам заходить или нет.
Если тег description вами не используется, то в качестве описания поисковиком берется первая строка или отрывок из текста с найденным ключевым словом. Не рекомендуется копировать в description тег title. Желательно что бы тег description содержал несколько ключевых слов.

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

3. Прописываем keywords - ключевые слова (не больше 1000 символов)
При формировании списка ключевых слов, для тега keywords, надо использовать слова, содержащиеся в тексте страничек. Слова, которых нет в тексте, можно использовать, но немного и вставлять их лучше в конец списка. Ключевые слова не должны повторятся более двух раз. Роботы некоторых поисковых машин не переходят к новой строке при анализе тега keywords, поэтому не стоит разбивать тег на несколько строк. Есть смысл использовать также английские написания слов наряду с русскими.

Например:
design, дизайн

P.s и еще немного ...
1. Если прект постоянно обновляется, то обязателен тег указывающий время через которое поисковый робот должен переиндексировать ресурс.
2. Также не лишними будут теги:
- языковая принадлежность ресурса
- разрешение на глобальную индексацию
3. Также на релевантность влияют некоторые теги выделения: h, b, strong
4. Поисковые машины не распознают содержания графических файлов, поэтому рекомендуется записывать в поле alt название рисунка или его краткое описание, особенно если оно содержит ключевые слова.
5. Желательно чтобы на страничке, ключевое слово пару раз встречалось в тексте ссылок.

Клюев М.
www.rosdesign.com\design\webofdesign.htm

@темы: Интересно, Web-дизайн, Статьи

---

Таблица безопасных цветов web

[web-design]

Для получения любого другого оттенка применяются комбинации RGB-значений цвета, записанные в шестнадцатиричном формате. Приведенные ниже 216 цветов считаются "безопасными" (browser-safe), т.к. хорошо отображаются браузерами на мониторах в 256-цветном режиме. Именно эти цвета используются дизайнерами для страниц поисковых систем с огромной аудиторией, то есть используются там, где нужна максимальная совместимость. Безопасными" цветами называются цвета, которые вне зависимости от браузера будут отображаться одинаково, т.е. синий будет синим, а красный красным.

ОТКРЫТЬ

000000 R - 000 G - 000 B - 000	333333 R - 051 G - 051 B - 051	666666 R - 102 G - 102 B - 102	999999 R - 153 G - 153 B - 153	CCCCCC R - 204 G - 204 B - 204	FFFFFF R - 255 G - 255 B - 255
000033 R - 000 G - 000 B - 051	333300 R - 051 G - 051 B - 000	666600 R - 102 G - 102 B - 000	999900 R - 153 G - 153 B - 000	CCCC00 R - 204 G - 204 B - 000	FFFF00 R - 255 G - 255 B - 000
000066 R - 000 G - 000 B - 102	333366 R - 051 G - 051 B - 102	666633 R - 102 G - 102 B - 051	999933 R - 153 G - 153 B - 051	CCCC33 R - 204 G - 204 B - 051	FFFF33 R - 255 G - 255 B - 051
000099 R - 000 G - 000 B - 153	333399 R - 051 G - 051 B - 153	666699 R - 102 G - 102 B - 153	999966 R - 153 G - 153 B - 102	CCCC66 R - 204 G - 204 B - 102	FFFF66 R - 255 G - 255 B - 102
0000CC R - 000 G - 000 B - 204	3333CC R - 051 G - 051 B - 204	6666CC R - 102 G - 102 B - 204	9999CC R - 153 G - 153 B - 204	CCCC99 R - 204 G - 204 B - 153	FFFF99 R - 255 G - 255 B - 153
0000FF R - 000 G - 000 B - 255	3333FF R - 051 G - 051 B - 255	6666FF R - 102 G - 102 B - 255	9999FF R - 153 G - 153 B - 255	CCCCFF R - 204 G - 204 B - 255	FFFFCC R - 255 G - 255 B - 204
003300 R - 000 G - 051 B - 000	336633 R - 051 G - 102 B - 051	669966 R - 102 G - 153 B - 102	99CC99 R - 153 G - 204 B - 153	CCFFCC R - 204 G - 255 B - 204	FF00FF R - 255 G - 000 B - 255
006600 R - 000 G - 102 B - 000	339933 R - 051 G - 153 B - 051	66CC66 R - 102 G - 204 B - 102	99FF99 R - 153 G - 255 B - 153	CC00CC R - 204 G - 000 B - 204	FF33FF R - 255 G - 051 B - 255
009900 R - 000 G - 153 B - 000	33CC33 R - 051 G - 204 B - 051	66FF66 R - 102 G - 255 B - 102	990099 R - 153 G - 000 B - 153	CC33CC R - 204 G - 051 B - 204	FF66FF R - 255 G - 102 B - 255
00CC00 R - 000 G - 204 B - 000	33FF33 R - 051 G - 255 B - 051	660066 R - 102 G - 000 B - 102	993399 R - 153 G - 051 B - 153	CC66CC R - 204 G - 102 B - 204	FF99FF R - 255 G - 153 B - 255
00FF00 R - 000 G - 255 B - 000	330033 R - 051 G - 000 B - 051	663366 R - 102 G - 051 B - 102	996699 R - 153 G - 102 B - 153	CC99CC R - 204 G - 153 B - 204	FFCCFF R - 255 G - 204 B - 255
00FF33 R - 000 G - 255 B - 051	330066 R - 051 G - 000 B - 102	663399 R - 102 G - 051 B - 153	9966CC R - 153 G - 102 B - 204	CC99FF R - 204 G - 153 B - 255	FFCC00 R - 255 G - 204 B - 000
00FF66 R - 000 G - 255 B - 102	330099 R - 051 G - 000 B - 153	6633CC R - 102 G - 051 B - 204	9966FF R - 153 G - 102 B - 255	CC9900 R - 204 G - 153 B - 000	FFCC33 R - 255 G - 204 B - 051
00FF99 R - 000 G - 255 B - 153	3300CC R - 051 G - 000 B - 204	6633FF R - 102 G - 051 B - 255	996600 R - 153 G - 102 B - 000	CC9933 R - 204 G - 153 B - 051	FFCC66 R - 255 G - 204 B - 102
00FFCC R - 000 G - 255 B - 204	3300FF R - 051 G - 000 B - 255	663300 R - 102 G - 051 B - 000	996633 R - 153 G - 102 B - 051	CC9966 R - 204 G - 153 B - 102	FFCC99 R - 255 G - 204 B - 153
00FFFF R - 000 G - 255 B - 255	330000 R - 051 G - 000 B - 000	663333 R - 102 G - 051 B - 051	996666 R - 153 G - 102 B - 102	CC9999 R - 204 G - 153 B - 153	FFCCCC R - 255 G - 204 B - 204
00CCCC R - 000 G - 204 B - 204	33FFFF R - 051 G - 255 B - 255	660000 R - 102 G - 000 B - 000	993333 R - 153 G - 051 B - 051	CC6666 R - 204 G - 102 B - 102	FF9999 R - 255 G - 153 B - 153
009999 R - 000 G - 153 B - 153	33CCCC R - 051 G - 204 B - 204	66FFFF R - 102 G - 255 B - 255	990000 R - 153 G - 000 B - 000	CC3333 R - 204 G - 051 B - 051	FF6666 R - 255 G - 102 B - 102
006666 R - 000 G - 102 B - 102	339999 R - 051 G - 153 B - 153	66CCCC R - 102 G - 204 B - 204	99FFFF R - 153 G - 255 B - 255	CC0000 R - 204 G - 000 B - 000	FF3333 R - 255 G - 051 B - 051
003333 R - 000 G - 051 B - 051	336666 R - 051 G - 102 B - 102	669999 R - 102 G - 153 B - 153	99CCCC R - 153 G - 204 B - 204	CCFFFF R - 204 G - 255 B - 255	FF0000 R - 255 G - 000 B - 000
003366 R - 000 G - 051 B - 102	336699 R - 051 G - 102 B - 153	6699CC R - 102 G - 153 B - 204	99CCFF R - 153 G - 204 B - 255	CCFF00 R - 204 G - 255 B - 000	FF0033 R - 255 G - 000 B - 051
003399 R - 000 G - 051 B - 153	3366CC R - 051 G - 102 B - 204	6699FF R - 102 G - 153 B - 255	99CC00 R - 153 G - 204 B - 000	CCFF33 R - 204 G - 255 B - 051	FF0066 R - 255 G - 000 B - 102
0033CC R - 000 G - 051 B - 204	3366FF R - 051 G - 102 B - 255	669900 R - 102 G - 153 B - 000	99CC33 R - 153 G - 204 B - 051	CCFF66 R - 204 G - 255 B - 102	FF0099 R - 255 G - 000 B - 153
0033FF R - 000 G - 051 B - 255	336600 R - 051 G - 102 B - 255	669933 R - 102 G - 153 B - 051	99CC66 R - 153 G - 204 B - 102	CCFF99 R - 204 G - 255 B - 153	FF00CC R - 255 G - 000 B - 204
0066FF R - 000 G - 102 B - 255	339900 R - 051 G - 153 B - 000	66CC33 R - 102 G - 204 B - 051	99FF66 R - 153 G - 255 B - 102	CC0099 R - 204 G - 000 B - 153	FF33CC R - 255 G - 051 B - 204
0099FF R - 000 G - 153 B - 255	33CC00 R - 051 G - 204 B - 000	66FF33 R - 102 G - 255 B - 051	990066 R - 153 G - 000 B - 102	CC3399 R - 204 G - 051 B - 153	FF66CC R - 255 G - 102 B - 204
00CCFF R - 000 G - 204 B - 255	33FF00 R - 051 G - 255 B - 000	660033 R - 102 G - 000 B - 051	993366 R - 153 G - 051 B - 102	CC6699 R - 204 G - 102 B - 153	FF99CC R - 255 G - 153 B - 204
00CC33 R - 000 G - 204 B - 051	33FF66 R - 051 G - 255 B - 102	660099 R - 102 G - 000 B - 153	9933CC R - 153 G - 051 B - 204	CC66FF R - 204 G - 102 B - 255	FF9900 R - 255 G - 153 B - 000
00CC66 R - 000 G - 204 B - 102	33FF99 R - 051 G - 255 B - 153	6600CC R - 102 G - 000 B - 204	9933FF R - 153 G - 051 B - 255	CC6600 R - 204 G - 102 B - 000	FF9933 R - 255 G - 153 B - 051
00CC99 R - 255 G - 204 B - 153	33FFCC R - 051 G - 255 B - 204	6600FF R - 102 G - 000 B - 255	993300 R - 153 G - 051 B - 000	CC6633 R - 204 G - 102 B - 051	FF9966 R - 255 G - 153 B - 102
009933 R - 000 G - 153 B - 051	33CC66 R - 051 G - 204 B - 102	66FF99 R - 102 G - 255 B - 153	9900CC R - 153 G - 000 B - 204	CC33FF R - 204 G - 051 B - 255	FF6600 R - 255 G - 102 B - 000
006633 R - 000 G - 102 B - 051	339966 R - 051 G - 153 B - 102	66CC99 R - 102 G - 204 B - 153	99FFCC R - 153 G - 255 B - 204	CC00FF R - 204 G - 000 B - 255	FF3300 R - 255 G - 051 B - 000
009966 R - 000 G - 153 B - 102	33CC99 R - 051 G - 204 B - 153	66FFCC R - 102 G - 255 B - 204	9900FF R - 153 G - 000 B - 255	CC3300 R - 204 G - 051 B - 000	FF6633 R - 255 G - 102 B - 051
0099CC R - 000 G - 153 B - 204	33CCFF R - 051 G - 204 B - 255	66FF00 R - 102 G - 255 B - 000	990033 R - 153 G - 000 B - 051	CC3366 R - 204 G - 051 B - 102	FF6699 R - 255 G - 102 B - 153
0066CC R - 000 G - 102 B - 204	3399FF R - 051 G - 153 B - 255	66CC00 R - 102 G - 204 B - 000	99FF33 R - 153 G - 255 B - 051	CC0066 R - 204 G - 000 B - 102	FF3399 R - 255 G - 051 B - 153
006699 R - 000 G - 102 B - 153	3399CC R - 051 G - 153 B - 204	66CCFF R - 102 G - 204 B - 255	99FF00 R - 153 G - 255 B - 000	CC0033 R - 204 G - 000 B - 051	FF3366 R - 255 G - 051 B - 102

@темы: Web-дизайн

---

Макет не вышел с 1-го раза? Ну и что...

[web-design]

Макет не вышел с 1-го раза? Ну и что...
Если вы с первого раза не попали в 10-ку, а также о пользе дополнительного времени для дизайнера или поспешишь - себе дороже...

Распространенный случай в коммерческом web дизайне - не принят или не получился web дизайн с первого раза.
Ну и что?
Мы тут не мины ищем и не матрицу для автомобилей делаем, а потому ошибиться можно без большого ущерба для себя и фирмы (потом правда придется усиленно наверстывать упущенное время, но это только в том случае, если заказов немерено и они вовсе не собираются, по какой-то причине, заканчиваться), потому как в web дизайне всегда есть возможность исправить ошибку (отсюда столько дилетантов в этой профессии).
Но эта безнаказанность ошибиться и сравнительная легкость исправить ошибку - палка о двух концах, т.к и заказчик в свою очередь может легко и без больших дополнительных материальных для себя затрат изменить входящие требования уже в процессе работы дизайнера над проектом, что конечно для дизайнера крайне неприятно и противно.
А так главное, чтоб креатив пер без перебоев

Макет web проекта может не получиться с первого раза, например, по следующим 10-и причинам:

1. Вы устали или не привыкли работать в такой обстановке - это творческий ступор (Об этом я уже писал)
2. Вас подставили - это изначально не правильно поставленная задача (Техническое Задание было уткой)
3. Вы не робот и не можете работать со скоростью машины (У вас небыло времени сделать хорошо)
4. Вы не Юлий Цезарь и не можете одинаково хорошо вести 10 проектов одновременно (Вас постоянно отвлекали)
5. Вас предали, в переносном смысле конечно (Концепция фирмы заказчика изменилась и изменилось ТЗ)
6. Вы немного не компетентны и не опытны в этом вопросе (Такое случается, поверьте)
7. Вы козел отпущения (Руководитель дал задание в последний момент и вину за задержку свалил на вас)
8. Проект вам в чем-то неприятен, например не любите синий цвет или терпеть не можете заказчика (Тут придется переступить через себя, если не удасться убедить заказчика, что синий цвет ему там нафиг не нужен. Коммерция однако)
9. Вы увлеклись и ваша творческая фантазия увела вас в сторону от ТЗ (Инициатива в коммерческом дизайне, как практически везде, для работника по найму наказуема. Станете директором, вам и карты в руки)
10. Вам самому очень не нравится получившийся первый вариант. Вы уверены, что нужно и можно сделать гораздо лучше. Задание креативное и решается не с пол-пинка. (22 дня на проект и 50-100 эскизов - в дизайне это норма, так почему же web дизайнер должен ограничиваться первым или вторым вариантом? Опять коммерция? Вот по этому Интернет и наводнен проектами - уродами)

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

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

Берегите себя, братья по ремеслу!


О пользе дополнительного времени или поспешишь - себе дороже

Клиент, не гони лошадей, не нужно меня торопить!
Дизайнеру, знаешь, видней как время распределить.
На концепцию, на разработку и как выйгрышней идею воплотить.
Мы, не под навесом глушим водку и в наших интересах не спешить!
(старинная песня web дизайнера)

Нужон проект к обеду! И понеслось... ААААААААААА!!! Нахрапом!
Ладно один раз нахрапом прокатило. Сделал - все в восторге. Другой раз все в порядке. Странно, и в третий раз все ок Но(!) дизайнер не вечный двигатель, ему отдыхать нужно и восстанавливаться... На четвертый раз мозги дизайнера могут и схалтурить независимо от него. Мозги дизайнера они типа иногда своей жизнью живут и наплевать им, что нужно сделать шедевр за 5 минут. Они устали, бросили дизайнера и смотались на Канары отдыхать, а безмозглый дизайнер, т.е дизайнер, оставшийся на это реабилитационное время без мозгов, вынужден как-то сам выкручиваться.

А мне что, я по пояс деревянный. Мы дизайнеры вообще народ крепкий и тренированный, мы и без мозгов можем.
А че? Надо быстро - пожалуйсто. Вот вам быстро, дешево и сердито. Что, не устраивает? Согласен, мне знаете и самому это не нравится - гыы фуфло откровенное. Но ведь нужно было что-то показывать нетерпеливому заказчику. Эх, лоханулся я (мы). Эх, буду переделывать...

А ведь можно было не спеша, потратив еще день или два, сделать хороший макет. Понятно, что время - деньги и сроки - это не хухры-мухры, но вот результат на лице заказчика и в душе дизайнера осадок неприятный - типа нужно еще время и нервы потратить (на доработку напильником). А скорее всего придется переделывать с нуля.

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

Жалко впустую потраченное время? Жалко, но не особо, т.к за это время успел переварить ТЗ и конкретнее для себя уяснить образ и композицию будущего, несомненно правильного, макета.

Всем успехов на изменчивых просторах web дизайна...

Клюев М.

@темы: Уроки, Web-дизайн, Статьи

---

Как стать отличным дизайнером.

[mercenary]

Как стать отличным дизайнером.
Лэйс Баграни (Laith Bahrani)
Перевод: 4elo8ek.livejournal.com

То, как вы работаете, может иметь огромнейшее влияние на ваш творческий успех.

Что есть "дизайн"? Это одновременно и процесс, и результат решения творческой задачи - заданной самостоятельно, либо полученной от заказчика. Рисуете ли вы, занимаетесь веб-дизайном или придумываете новый продукт - в основе всего этого всегда лежит процесс творчества. Плохие дизайнерские работы появляются именно из-за сбоев в этом процессе.

Эти сбои могут быть обусловлены массой причин: слабым планированием, игнорированием очевидных особенностей медиа-носителя, недостатком теоретических знаний и практических навыков или же неумением наладить общение. Так как же усовершенствовать ваши методы работы? Как из человека, напряженно терзающего бумагу хаотичными набросками, превратить вас в безукоризненно работающую дизайн-машину?

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

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


Этап идей.

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

Делайте черновые наброски.
"Я собираю черновой вариант композиции, используя сканированные или найденные в сети изображения. Это позволяет мне использовать любые понравившиеся материалы, не заботясь о том есть ли они у меня в нужном качестве или нужного цвета. После того как черновой набросок готов - я перехожу к воспроизведению его в высоком разрешении - доснимаю, перерабатываю или покупаю материалы, необходимые мне для завершения работы".
Supplied by: Darren Firth

Используйте метафоры.
"Темы и метафоры √ это отличная основа для идей, поэтому я стараюсь разрабатывать их как с позиции целостной функциональной перспективы (например, разработка сайта, базируясь на метафоре игровой площадки), так и с позиции целостности дизайна (стили и цветовые схемы). Просто отлично, если вам удастся подчинить весь проект единой теме, которая будет органично вмещать контент".
Supplied by: Laith Bahrani.

Двигайтесь от слов к картинкам. "Первое, что я делаю после того как получаю задание - внимательно его читаю и подчеркиваю ключевые фразы. Затем напротив каждой я рисую маленькую смысловую картинку-набросок. После этого, имея такой набор маленьких тематических картинок, я смотрю на них и вижу, какие из них можно объединить в близкие к контенту символы".
Supplied by: Derek Lea

Думайте "брендово".
"Я бы рекомендовал посетить какие-нибудь курсы по брендингу, поскольку умение мыслить в рамках бренда очень важно. Оно помогает вырабатывать визуальный стиль мышления и находить ключевые слова для выражения самой сути идей. Кроме всего прочего, не усложняйте. Чем сложнее идея или образ, тем меньше шансов, что это сработает".
Supplied by: Jay Armitage

Не затягивайте мозговые штурмы.
"В процессе генерации новых идей очень важно общаться с коллегами как бы играя с идеями, как с мячиками. Однако основной секрет в том, чтобы не затягивать этот процесс - иначе идеи застаиваются. Лучше устроить парочку недолгих сессий, чем один длинный мучительный мозговой штурм".
Supplied by: Jason Arber

Используйте блокнот для набросков.
"Я обычно использую блокнот для рисования формата А4 в твердой обложке, который всегда беру с собой. Туда попадает любая приходящая в голову идея (часто это происходит во время поездки в общественном транспорте, когда смотришь в окно), для того чтобы впоследствии уделить ей более пристальное внимание. Также туда попадают и все диаграммы, наброски, скетчи, названия книг и адреса сайтов в сети, которые пригодятся в дальнейшем".
Supplied by: Oz Dean

Выйдите из-за компьютера.
"Нет ничего хуже, чем сидеть и тупо пялиться на пустой холст. Встаньте со стула, и прогуляйтесь минут 10 по свежему воздуху. Если вы не можете себе этого позволить, иногда освежить мысли помогает тезаурус - воспользуйтесь им для поиска слов-синонимов к ключевым словам дизайн-брифа".
Supplied by: Rigel

Пообщайтесь с коллегами в Интернете.
"Путь фрилансера это, несомненно, путь воина-одиночки. Однако ничто не мешает вам использовать мнения других на этапе выработки концепции. Если у вас есть креативно мыслящие друзья - отлично!. Если же нет - просто вступите в какой-нибыдь творческий форум и поищите советов там".
Supplied by: Dave Curd

Примите душ.
"Многие хорошие мысли пришли в мою голову именно в душе - скорее всего, это благодаря влиянию бегущих струй воды. Я стараюсь читать бриф незадолго до того, как приступлю к работе - это позволяет идеям "настояться" к моменту непосредственной их реализации".
Supplied by: Oz Dean

Планируйте все, что может вам понадобится.
"Чрезвычайно важно заранее учесть, какие материалы и виды работ вам необходимы. Если вы будете использовать фотографии, иллюстрации, трехмерные модели, графики и диаграммы - всему этому нужно будет уделить внимание и на все должно хватить времени. Например, необходимые распечатки нужно сделать как можно скорее - неразумно откладывать это на последний момент. Вы должны помнить, что некоторые процессы занимают много времени - намного больше, чем кажется.
Supplied by: Jeff Knowles

@настроение: Хочется, чтобы пища для ума тоже была вкусной и здоровой. (Иван Иванюк)

@темы: Интересно, Известные люди, Мнение, Уроки, Профи, Web-дизайн, Дизайн, Статьи

---

полезные ссылки по дизайну и сопутствующим программам

[Dracwn]

боюсь, что могу быть не в тему..поэтому если что - удалю пост*)

На сайте представлена большая коллекция векторных изображений, общей сложности 260Mb. Картинки систематизированы по категориям (всего более 40 категории). В моей коллекции вы найдете более 10210 цветных векторных изображений (формат файла *wmf в слоях).
vector-indesign.ru/index.php


Сайт векторных логотипов.
Доступны 4993 логотипов (71195 килобайт). Это 100% бесплатный сервис. Все логотипы предоставлены в формате Adobe Illustrator и запакованы при помощи архиватора ZIP.
www.logotypes.ru/


Анатомия Adobe Photoshop. От А до Я
Урoки, Статьи, FAQ, Kниги, Патчи, Фото.
psd.ru/


Всё о графике, дизайне и программировании.
Уроки Adobe Photoshop, Corel Draw, Flash, 3d. Всё о графике, дизайне и программировании. Учебник по Photoshop, Corel Draw и Flash.
mgraphics.ru/


100% Векторной графики!
Форум: обсуждаем, делимся, ищем и находим!
powerclip.ru/


Галерея работ по полиграфии
Работы с использованием фото, клипарта и фантазии
vector-indesign.ru/gallery/index.php



Clip-art векторной и растровой графики
Коллекция рисунков в векторных и растровых форматах : орнаменты, татуировки и другие рисунки
Всего 5673 рисунка
iv12.narod.ru/index.htm



Банк векторных логотипов и изображений
www.logotypes.com.ua/


векторная и 3D графика. Большой курс уроков по различным графическим редакторам.
azzy.itech.ru/


Клипарты о России и для России
Общедоступные векторные клипарты
Free vector clip-art
Все файлы в формате Corel Draw! 9.0
vectorclipart.narod.ru/


NEFRA's Laboratory. На сайте масса инструментов для творчества, многое о Flash, Photoshop, векторной графике, BRYCE, MAYA, 3DMAX...Галерея с интересными фотографиями, картинами, скетчами, рисунками фентэзи. Креатив необычных людей.
www.nefra-best.narod.ru/


Коллекция рисунков в векторных и растровых форматах : орнаменты, татуировки и другие рисунки
Всего 5673 рисунка
iv12.narod.ru/index.htm



Цифровые и 3D фотографии. - Текстуры
www.yiki.ru/thumbnails.php?album=8


Browsing Photoshop Brushes on deviantART
все для фотошопа - фоны и клипарты
browse.deviantart.com/resources/applications/ps...


Скачать бесплатные электронные книги по графике и дизайну - Библиотека разработчика
www.libray.narod.ru/Grafika/Grafika.html


VookDesign. Плагины для Фотошопа
www.vookdesign.com/plugins/plugins.php?begin=31


FrameMaster Information Page - Galleria Software
все для фотошопа - фоны и клипарты
www.galleriasoftware.com/framemaster/fminfo.htm


CollageMaker Download Page - Galleria Software
www.galleriasoftware.com/collagemaker/collagedo...



Основы Photoshop
Интересные переделки фотографий, с использованием photoshop и др. графических редакторов
www.photoperedelki2005.narod.ru/osnovi_photosho...



Рамки для оформления фотографий - PSD файлы » ALLDAY.RU - портал обо всем интересном в дизайне.
allday.ru/2007/06/29/ramki_dlja_oformlenija_fot...



DigiFree - The Digital Scrapbooking Freebie Search Engine
digifree.blogspot.com/


lenascrap
lenascrapbooking.blogspot.com/


The Inspiration Gallery - Wallpaper Patterns Index
фоны,клипарт,обои
www.theinspirationgallery.com/wallpaper/


scrapboking ninos,laminas entre otros
picasaweb.google.pl/syamaolivo/ScrapbokingNinos...


Papers and Backgrounds: Digital Scrapbooking is Simple and Fun at Scrap Girls
store.scrapgirls.com/category.php?cat=5&offset=...


Designs by Julia P.
juliaspages.blogspot.com/


3D графика и анимация
о 3ds max, Maya, LightWave, Softimage, Cinema 4D: новости, новинки софта, статьи, уроки, книги, галереи, конкурсы, работа.
dlight.ru/


взято с мэйловского дневника

@темы: Иллюстрации, Интересно, Уроки, Дизайн, Книги, Ссылки

---

Вдохновение для веб-дизайнеров

[web-design]

Эмоции. Проблемы веб-дизайнеров

Дизайнер и творческий кризис

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

Вообще дизайнерам, конечно же, нужны подарки от жизни. Потому что "творческий кризис" - это не придуманное словосочетание и не оправдание недостатка способностей и знаний. Это наша реальность. Я понимаю, что эффект такого кризиса можно наблюдать у людей совершенно разных профессий. Возможно, интересно многим будет ознакомиться с материалом "Синдром профессионального выгорания" - www.7ya.ru/pub/article.aspx?id=4143, в котором анализируются группы людей, наиболее подвержены подобному кризису. "Причем особенно быстро "выгорают" сотрудники, имеющие интровертированный характер, индивидуально-психологические особенности которых не согласуются с профессиональными требованиями коммуникативных профессий. Они не имеют избытка жизненной энергии, характеризуются скромностью и застенчивостью, склонны к замкнутости и концентрации на предмете профессиональной деятельности. Именно они способны накапливать эмоциональный дискомфорт без "сбрасывания" отрицательных переживаний во внешнюю среду..."

Дизайнеры, так же как и представители других профессий - прежде всего люди. Они принадлежат разным психотипам (хотя "традиционный" образ среднестатистического дизайнера у многих в голове есть - как выглядит, как одевается и что у него в голове...)

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

Однако, как видно из статьи, ссылка на которую предоставлена выше, на удочку того самого "творческого кризиса" может попасться любой человек - и любой дизайнер. А еще... Еще есть такой термин - "усталость дизайнера". Усталость от заказчиков, которые сами не знают, чего хотят, от руководителей и их бесконечных претензий по поводу и без повода, от противоречий между необходимостью делать "что-то на заказ" и желанием сделать что-то для себя (к примеру, потому что солнце светит или запах весны одуряет голову, или - любовь...). Есть определенная статистика, которая говорит, что *дизайнер* способен качественно работать на рынке не более 8 лет. После чего он - вырисовывается, начинается продолжительный (или бесконечный) творческий кризис. Тогда тупик. Потому что в своем деле он становится мастером, и технических тонкостей знает о своей работе поболе молодых и дерзких, а вот работы его - слабее и слабее.

Якокка:
«Когда наступают тяжелые времена, нет иного выбора, как взять себя в руки, продолжать жить дальше и делать все как можно лучше, иначе может возникнуть мучительное искушение застрелиться»...

Отличная рекомендация, особенно в контексте утверждения после слова "иначе". Да вот только как долго сможет продержаться художник, дизайнер в случае той самой утомляемости, о которой идет речь? Рисовать через силу? Заставлять себя придумывать, выдавливать из себя псевдо-креатив, обогащать речь смайликами во время переписки с клиентом, тщательно вырисовывать по требованию заказчика светло-зеленую травку и оранжевые цветочки на эскизе для текущего веб-проекта, от которого уже мутит, и сроки уже пожимают, и еще один проект висит, и идей - никаких, и через себя - переступим, потому как стреляться в планы не входит, а пустота - есть шанс, что заполнится новым, настроением ли, эмоциями, любовью, заботами, переболеем, вернемся в работу, и как прежде - продолжать жить и делать все еще лучше, как можно лучше. А если не прошло, не получается?

Первое, что можно порекомендовать в случае подобной "профессиональной усталости" - сделать перерыв в работе. Уйти в отпуск, уехать из города, а если позволяет кошелек - из страны, посмотреть на мир, природу, людей, набраться новых впечатлений. Перечитать на досуге Гессе и Кобо Абэ. Жить в поиске красоты и гармонии, некоторое время не пытаясь тут же преобразовать их с помощью компьютерных технологий в очередной дизайнерский шедевр. Навестить родителей и перелистать старые семейные альбомы.

Не помогает?

Сложные проблемы имеют простые, легкие для понимания неправильные решения.
- закон Гроссмана

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

Еще вариант - уйти в смежные с данной деятельностью профессии. К примеру дизайнер очень хорошо знает как разрабатываются сайты, да и как продвигаются - значит, у него большие шансы проявить себя в оптимизаторском и маркетинговом бизнесе. Однако для того, чтобы профессионально заниматься SEO, необходимо уметь оценивать рынок, нишу товара, его аудиторию, т.е. стать продавцом, маркетологом, опять же - качества, которые не обязательно присутствуют у каждого первого. Тем более дизайнера. Если наш герой неплохой aналитик - он может стать управляющим проектов (project manager). Если у него есть способности и знания программирования - стать программистом.

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

Или - уйти с рынка вообще. И тогда все, что напоминает о прошлом - это опубликованное на домашней страничке портфолио и пара подкаталогов с работами "для себя"...

www.nundesign.com/st/39.html

@темы: Интересно, Мнение, Из жизни дизайнеров, Web-дизайн, Статьи

---

Я б в фрилансеры пошел!

[web-design]

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

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

Фриланс (англ. free lancer - свободный копьеносец) - удаленная работа, не требующая постоянного присутствия специалиста на рабочем месте. На современном рынке труда это слово используется для обозначения относительно новой формы организации трудовых отношений, при которых работодатель и исполнитель могут находиться как угодно далеко друг от друга. Контроль выполнения проекта осуществляется при помощи электронных средств связи или по телефону.

Зарождение и развитие явления удаленной работы

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

А отцами-основателями современного понятия удаленной работы фрилансеры считают двух американцев - Джека Ниллеса и Фрэнка Скиффа. Они, как, впрочем, и многие другие, годами отстаивали свои идеи, пропагандируя работу вне офиса. В 1972 году Джек Ниллес придумывает новый способ работы - телеработу. Суть идеи такова, что работники не должны находиться в офисе в процессе выполнения задания, а связь между ними можно поддерживать с помощью современных средств коммуникации ("telecommuting"). А Фрэнк Скифф вводит на рынок труда новый термин "flexiplace", что означает "гибкое место", то есть место работы, не "привязанное" к работодателю.

Сегодня телеработа - обычное явление для Запада. Многие так подрабатывают, многие - зарабатывают исключительно фрилансом. Современный рынок удаленной работы составляет много миллионов долларов. И это - далеко не предел!

В России этот рынок начал формироваться относительно недавно. Первые телеработники появились у нас с появлением "в массах" персональных компьютеров и интернета. Ко второй половине 90-х годов еще прошлого века персональный компьютер уже могли себе позволить многие, а интернет становился все более доступным для рядовых пользователей. Этому времени и принадлежит этап зарождения удаленной работы.

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

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

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

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

Как стать фрилансером

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

Итак, чтобы начать успешно работать удаленно, нужно:

* Быть специалистом в определенной области
* Оперативно реагировать на размещение новых проектов
* Правильно формулировать текст предложения или ответ на запрос
* Указывать реальные сроки и цену выполнения задания
* Нарабатывать опыт и положительные отзывы заказчиков
* Рассчитывать свои силы и знания

Какие специалисты больше всего задействованы в удаленной работе

В большинстве случаев фрилансер - работник интеллектуального труда. Наиболее активно свои услуги по удаленной работе предлагают специалисты сферы IT. Это программисты, в основном web-программисты (PHP + MySQL, а также .NET), дизайнеры (баннеры, логотипы, макеты сайтов, Macromedia Flash), верстальщики (HTML + CSS) оптимизаторы.

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

Плюсы и минусы удаленной работы для специалиста

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

Итак, плюсы:

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

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

Финансовая выгода. Фрилансер работает "на себя", а значит его гонорар не приходиться делить с начальником, "кормить" директора, маркетолога, бухгалтерию и другие бесполезные с точки зрения технического специалиста подразделения. По некоторым источникам, это позволяет увеличить свой среднемесячный доход до 30% по сравнению с сотрудником в штате. Конечно, никто не оплатит ваш отпуск, но и Вам не придется оплачивать отпуск начальника.

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

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

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

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

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

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

Легализация. Фрилансер получает за работу деньги, является как бы предпринимателем. При этом по отечественным законам любой предприниматель обязан вести бухгалтерский учет и отчитываться перед налоговой инспекцией. Многие часто не задумываются об этом вопросе, а это может грозить налоговой проверкой.

Плюсы и минусы для работодателя

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

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

Как правило, фрилансера нанимают в двух случаях. Когда надо выполнить разовую работу, брать на которую офисного работника не имеет смысла, или когда надо сэкономить, так как часто услуги фрилансера стоят дешевле, чем компании-подрядчика. Иногда встречается вариант, когда заказчик хочет нанять на проект конкретного человека, в компетенции которого он полностью уверен. А человек этот оказывается фрилансером.

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

Для работодателя возможны следующие риски:

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

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

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

Не работайте с "виртуалами". Если об исполнителе или заказчике известен только ник и адрес электронной почты, то лучше потратить время, связаться и получить больше информации. Выясните имя контрагента, его юридический статус (частное лицо, посредник, юридическое лицо), возможно, его физический адрес, телефоны. Стремитесь получить как можно больше информации. Возможно, имеет смысл созвониться, познакомиться или даже встретиться. Если человек всячески скрывает информацию о себе, будь то заказчик или исполнитель, не стоит начинать с ним работать.

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

Договаривайтесь сразу. Обговорите процедуру передачи готового проекта или его этапов, особенно, если это длительная, масштабная творческая работа. Особенно этот момент актуален для программистов. Например, следует обязательно договориться о процессе передачи исходных кодов проекта: должен ли исполнитель показывать исходники сразу или после факта полной или частичной оплаты. Чтобы минимизировать риск обеих сторон, практикуется следующий подход: фрилансер периодически демонстрирует часть исходных кодов проекта, чтобы заказчик оценил качество кода, реализацию тех или иных архитектурных решений, а окончательный вариант передается заказчику после полной оплаты. Документируйте. Есть в бизнес-среде такая хорошая штука - договор. Но многие им пренебрегают. А на самом деле договор обеспечивает не только юридическую сторону трудовых отношений, но и психологически позволяет работать спокойно, без тревожных мыслей о возможном обмане со стороны контрагента.

Способы оплаты или получения денег

Современные технологии электронных платежей позволяют легко, надежно и практически без потерь на комиссии перечислять и обналичивать денежные средства. Есть несколько способов совершить электронный платеж.

Система сервиса электронных кошельков. Самыми распространенными являются Яндекс.Деньги (для совершения платежей по России) и Webmoney (подойдет для расчетов с зарубежьем). Эти сервисы позволяют проводить платежи в рублях, долларах или евро (Webmoney) и оперативно обналичивать необходимые суммы в ближайшем пункте. Существуют и другие сервисы: Рапида, E-gold, Z-payment, PayPal. Все они достаточно просты и удобны и могут быть использованы для расчетов.

Банковские платежи. Для расчетов можно использовать интернет-банкинг (перевод денег с одного банковского счета на другой при помощи интеренета), фактическое начисление денежных средств на банковский счет исполнителя, банковский перевод, экспресс-перевод или даже почтовый перевод. Во всех этих случаях, кроме первого, заказчику придется прийти в отделение банка и зарегистрировать денежный перевод, заплатив определенный комиссионный сбор. Это не очень удобно, поэтому уже сейчас все более распространенной и доступной становится услуга интернет-банкинга.

Среднемесячный доход фрилансера в IT-сфере

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

Опрос показал, что до $100 зарабатывают 15% респондентов, от $100 до $300 - 23%, от $300 до $600 - 23%. В то же время от $600 до $1000 получают 18%, больше $1000 - каждый пятый (20%). Скорее всего, это люди, имеющие постоянный заработок и подрабатывающие в интернете. Для примера, сделать макет сайта - от $200-250 до $500 и более. Написать сайт - примерно столько же. Обычно, заказывают обе услуги в одном проекте. Сколько удастся найти заказов в месяц и сколько выполнить - зависит только от исполнителя.

Сколько максимально может заработать фрилансер, сказать довольно сложно. Это зависит и от работоспособности, и от квалификации, и от умения общаться с заказчиками и от наличия коммерческой жилки у специалиста. Например, в IT-сфере, эффективно сочетая эти качества, можно стабильно зарабатывать суммы, сравнимые с заработной платой высококвалифицированного программиста, консультанта или даже руководителя проекта в крупных западных компаниях.

Удовлетворенность своими доходами

Естественно, денег никогда не бывает много, но!.. Каждый четвертый зарабатывает от $500. Жить можно (одному, по крайней мере). Неплохо получают треть фрилансеров - от $200. В небогатых регионах это неплохие деньги. При этом важно учитывать, что многие фрилансеры также работают в штате компаний с определенной зарплатой.

К чему стремиться?

Фрилансер может развиваться профессионально, осваивать новые области, браться за интересные проекты. Для этого у специалистов масса возможностей: общение на профессиональных форумах и сообществах, работа над новыми проектами, чтение методической литературы. Чтобы быть успешным, фрилансеру нужно постоянно повышать свою квалификацию. Но карьерный рост при такой работе исключен. Куда еще расти, когда ты сам себе начальник. К чему же тогда стремиться? Сделать свой бизнес, например. Открыть собственный сайт, интернет-магазин, каталог, стать консультантом по внедрению. Работая фрилансером, нарабатываются навыки общения с заказчиками и партнерами, навыки организации рабочего времени, управления проектами, появляется "коммерческая хватка". Человек обрастает знакомыми, связями, клиентами, партнерами, работает, и понимает, что перспектива возвращения обратно в офис совсем не для него. Или…

Возвращение в офис: трудности перехода

Но бывает и так, что возникает желание или необходимость вновь вернуться на постоянную работу в офис. Тогда у специалистов возникают некоторые сомнения. Не будет ли проблем с "выпадением из команды", не утрачены ли навыки коммуникации, руководства реальными людьми? Как потенциальный работодатель отнесется к пробелу в 10 лет в его трудовой книжке и как подтверждать полученный за эти годы опыт, если он нигде не зафиксирован?

Опыт различных специалистов сферы IT показывает, что при необходимости возвращения на постоянную работу возникают некоторые сложности, которые, впрочем, легко преодолимы.

Наработанный опыт, пусть даже он не отображен в трудовой книжке в виде мест работы, никуда не денется. Но есть один универсальный совет. Завершая крупные и интересные проекты, попросите заказчика дать Вам письменную рекомендацию с указанием компании и контактного лица и с возможностью для потенциального работодателя запросить устную рекомендацию. Если на собеседование в офис Вы принесете подробное резюме и увесистую папку таких рекомендаций, работодатель вряд ли усомнится в Вашем профессионализме. "Выпадения из команды" точно не будет. Потому что фрилансер также общается с людьми, также работает в команде (пусть виртуальной), нередко управляет проектами, что тренирует командные навыки. Кроме того, многие специалисты попросту совмещают удаленную работу с постоянной. Так что проблемы на самом деле нет.

Юридический аспект удаленной работы

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

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

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

Прогнозы и тенденции развития рынка фриланса

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

Светлана Домбровская

Оригинал статьи: www.technofresh.ru

@темы: Работы, Фриланс, Web-дизайн, Портфолио, Статьи

---

Интервью с Василием Пироговым

[web-design]

Василию Пирогову 25 лет, и он живое подтверждение словам: «Удача любит смелых». Правда, в этом случае стоит добавить, что еще она любит умных, талантливых и упорных.

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

- Василий, с чего начиналась твоя деятельность? Какими были первые шаги, были ли ошибки?

- Точкой отсчета был далекий 1999 год. Я был студентом третьего курса Института дизайна и технологии. О веб-дизайне я не знал ровным счетом ничего, кроме того, что в России он был очень популярен. Поскольку тогда мы с другом еще не подозревали, что стартап – это сложно, и начинать надо с малого, первый шаг был очень широким и уверенным. Мы сразу создали собственную веб-студию и приготовились встречать успех. Однако, первым делом, вместо успеха пришло осознание того, что мы с соучредителем не можем работать вместе. Пришлось производить замену в составе.

Как все новички, мы озадачились названием студии. Подошли к этому серьезней, чем ко всему остальному. Хотелось, чтобы оно в полной мере отражало нашу уникальность, поэтому меняли его чуть не каждый месяц. Сначала мы назвались «Авангард», потом решили что «Vanguard» (на английский манер) будет звучать солиднее. После этого захотелось подчеркнуть, что мы несем нечто новое в сферу веб-дизайна – и родилось еще одно гениальное название – «Новый век». Чуть позже, когда дела более-менее наладились, опять захотелось сменить вывеску. Остановились на варианте «Альтен». А недели две спустя я узнал, что это слово в переводе с немецкого означает «дряхлый». С неймингом не клеилось, да и затея с веб-студией была обречена на провал. Но вместе с тем могу сказать, что идея создания объемных сайтов родилась уже тогда, в самом начале. Все дальнейшие шаги были этапами ее реализации.

- Работал ли ты в качестве фрилансера?

-Да, после неудачной попытки организовать свою студию, я стал фрилансером. Причем работал бесплатно. Правило, которое следует понять всем, кто видит себя «вольным» художником – сначала ты будешь работать бесплатно. В действительности этот период может занять долгое время. Закон фриланса очень простой: сначала ты работаешь на портфолио, потом портфолио работает на тебя.

Мои первые шаги на ниве фриланса проходили так: (вообще полагаю, что так поступает большинство разумных людей) я придумывал компании и делал для них дизайны сайтов, а получившееся портфолио рассылал по заказчикам с предложением бесплатно сделать для них сайт. Причем не стеснялся презентовать свои услуги крупным компаниям, холдингам, но они почему-то все отказывались J.

Мой совет начинающим фрилансерам таков: не бойтесь предлагать свои услуги! Скромность в данном случае неуместна. Я признаюсь, мои первые сайты были чудовищными. Не умея толком работать с 3D, я создавал совершенно жуткие поверхности, на них накладывал информацию, и в результате получался просто кошмар.

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

- Каким был следующий этап?

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

- У тебя были кумиры? Кому-то хотелось подражать или делать не хуже?

-Конечно, кумиры были. Причем очень разноплановые по части исполнения. Сначала это был Sabomaster из Казахстана, человек, который работал в совершенной потрясающей манере, у которого я «позаимствовал» стиль. А потом увидел того, кто умел делать еще лучше. Это был дизайнер под ником Jaguar, он работал в основном с микроэлементами. На его текстуры можно было любоваться с микроскопом, настолько все филигранно выполнено. Я тоже загорелся, выполнил удачный проект с мелкими текстурами…и тогда появился еще один кумир. К сожалению, забыл его ник, помню только, что это дизайнер из Новосибирска, где у него на тот момент уже была своя студия. Его работы были настолько поразительны, что я даже попытался с ним связаться, хотел поговорить, но ответа, к сожалению не получил. Позже понял, почему.

- И почему же?

- Это закономерный этап для каждого дизайнера: как только чего-то добиваешься, самомнение начинает зашкаливать. Своего рода звездная болезнь, захлестывают чудовищные амбиции. Сейчас я говорю об этом совершенно спокойно, как о пройденном этапе. Меня это не обошло, и как только начали писать люди, задавать вопросы о том, как можно сделать так же, я в одночасье стал богом для самого себя. Сейчас со смехом вспоминаю, как года в 22 ходил и говорил про себя: «Вот он какой, монстр российского веб-дизайна!»

- Значит, тебе удалось перебороть это состояния? Поделишься секретом?

- Секрета никакого нет. Я просто открыл свое теперешнее Бюро. Это произошло как раз на пике самомнения и сыграло роль мощного «антибиотика» в борьбе за адекватное восприятие действительности. Когда ты осознаешь, что «бог веб-дизайна» сидит в офисе, расположенном на заводе в Текстильщиках на пару с соучредителем, с зарплатой в $ 300 и весьма туманными перспективами – это моментально отрезвляет.

Хотя я считаю, что этап звездной болезни необходим каждому для приобретения иммунитета в дальнейшем. Это как ветрянка – лучше переболеть в раннем возрасте.

- Как думаешь, в чем секрет успеха в дизайне?

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

Мне, наверное, просто повезло, так как ясное понимание чего я хочу, пришло сразу. Потом оказалось, что до такого еще никто не додумался, я стал одним из первооткрывателей художественного направления в дизайне, ну а дальше – дело техники.

- Напоследок традиционный вопрос: что можешь посоветовать начинающим дизайнерам?

На первых порах не бойтесь копировать, заимствовать. Очень часто начинающие художники «копируют» картины известных мастеров. Это помогает им лучше понять манеру и технику исполнения, набить руку. А полученные навыки в дальнейшем применить при воплощении собственных идей. Речь не о том, чтобы «украсть» медвежонка с картины Шишкина и втюхать его заказчику, а о понимании как правильно работать, например, со светотенью. Образы витают в воздухе, не стесняйтесь их оттуда брать. Дизайнер должен обладать рентгеновским зрением и чутьем ювелира, чтобы увидеть скрытые аспекты, которые после некоторой «огранки» превратятся в графический шедевр.

Не люблю штампы, поэтому не буду здесь говорить о том, что надо стараться и верить в себя, чтобы что-то там получилось. Эти слова ничего не значат и ничего не изменят. Поэтому их здесь не будет.

Интервью подготовила Светлана Круцких, PR-менеджер «Бюро Пирогова».
www.pirogov.ru

@темы: Известные люди, Профи, Дизайн

---

Рецепт изучения веб-дизайна

[web-design]

A Recipe for Learning Web Design
автор: 2004.03.03 Кейт Робинсон (D. Keith Robinson)
перевод: 2005.02.08 Максим Россомахин

Веб-дизайн и смежные с ним дисциплины всё ещё относительно молоды и все еще находятся на стадии развития. Мне часто задают один и тот же вопрос: "Как стать веб-дизайнером?". Ответ не прост. Существует множество различных способов стать профессиональным веб-дизайнером, и каждый столь же индивидуален, сколь непохожи люди, составляющие сообщество веб-дизайна.

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

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

Так с чего же начать? Как и для приготовления отличного кушанья, начнём с основных ингредиентов и рецепта. Потом добавим толику секретного соуса и заключительные штрихи.

Основные ингредиенты

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

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

Рецепт успеха

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

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

Очень важно разбираться в методах и технологиях веб-дизайна, но убедитесь, что вам преподают их современные варианты. Недавно я работал с молодым веб-дизайнером, окончившим уважаемую четырёхгодичную программу обучения. Его навыки работы с HTML устарели настолько, что оказались практически бесполезными. Можно свалить всю вину на программу, и это будет отчасти справедливо, но и студент также должен нести ответственность за такие "проколы".

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

Секретный соус

Ничто так не помогает становлению профессионала в Вебе, как практика и участие в работе. Вам придётся "на полную катушку" эксплуатировать Веб, чтобы быть в курсе всего происходящего. Читайте блоги, журналы вроде Digital Web Magazine, присоединяйтесь к сообществам. Задавайте вопросы, оставляйте комментарии в дискуссиях - прямиком погрузитесь в среду, в которой будете в дальнейшем работать.

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

Создайте сайт. Раз уж учитесь веб-дизайну, постарайтесь практиковаться в нем каждый день. Как я уже писал, у вас должен быть свой сайт, где бы вы могли экспериментировать и оттачивать свои умения. Не волнуйтесь о том, плохо он выглядит или хорошо: чем больше будете узнавать, тем лучше будет сайт. Появилась возможность подработать в веб-компании? Воспользуйтесь ею. Если же такой возможности нет, работайте над некоммерческими проектами, или делайте сайты для друзей или членов семьи. Эти наработки существенны для вашего будущего успеха.

Заключительные штрихи

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

Если вы ответственно подойдете к своему обучению и не перестанете учиться на протяжении всей своей жизни, у вас все получится. Независимо от того, какой путь вы выбрали.

@темы: Интересно, Web-дизайн

---

С чего начать дизайн для сайта?

[web-design]

Для новичков
С чего начать свой веб-дизайн?
Есть очень хорошая статья на эту тему, вы можете прочесть ее здесь www.nundesign.com/st/35.html В ней все подробно описанно.

И так, вы решили сделать сайт на пробу или вам необходим сайт. В первом случае, тему нужно придумать, во втором случае она уже есть. Допустим, тематика сайта... кошки.
Вы решаете, что хотите размещать на данном сайте. Например, всевозможные новости, статьи по уходу, содержанию, кормлению и прочее, а также ваши контакты, галереи кошек, ссылки дружественных сайтов.

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

Определите какова будет целевая аудитория (ЦА) вашего сайта.
Это любители кошек, или те, кто хотят только завести животное. Большая часть посетителей придут за получением информации. Некоторые при этом полистают галереи с выбором породы. Это будет ЦА не ваших деловых партнеров, а обычных людей, возраст которых не ограничен, от детей способных ориентироваться в Интернете до пожилых людей. Т.е. информация должна быть легко доступна, чтобы ее было интересно читать и легко найти. Сам дизайн должен быть далек от строгости, например, должен быть ярким с использованием фотографий кошек и привлекать внимание.

Следующий этап, модульная сетка.



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


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

Бесплатные с поиском по ключевым словам:
office.microsoft.com/clipart/default.aspx?lc=en... - векторные, обычные, анимационные, звуки sxc.hu/ - полиграфическое качество www.freefoto.com/index.jsp www.prodtp.ru/modules.php?op=modload&name=Downl... - шрифты, орнаменты и пр.
www.brandsoftheworld.com/ - логотипы

Бесплатные без поиска (с категориями):
wallpapers.rin.ru/ - обои
www.freeimages.co.uk/


Платные:
creative.gettyimages.com/source/search/Advanced... - очень много, отличный поиск www.istockphoto.com/ - фотки от доллара www.masterfile.com www.stockxpert.com/ - тоже хорошие и недорогие

@темы: Web-дизайн

---

Новости: Грузия заблокировала сайты в доменной зоне .ru

[web-design]

В Грузии заблокированы интернет-ресурсы в доменной зоне .ru, утверждает пресс-секретарь посольства РФ в Грузии Александр Савинов. По словам Савинова, именно поэтому сайт российского посольства в Грузии "не работает", сообщает "Интерфакс". По всей видимости, страница сайта не открывается только у сотрудников грузинского посольства, так как из Москвы сайт открывается без каких-либо проблем.
Информацию о блокировке зоны .ru подтверждает корреспондент РИА Новости в Грузии. Таким образом, жители Грузии не смогут получить доступ к более чем 90 процентам русскоязычных сайтов, в том числе и информационных (не считая зарегестрированных в зоне .com).

Ранее власти Грузии приостановили вещание всех российских каналов на территории страны. Зато, как сообщалось в эфире телеканала "Вести24", была вдвое увеличена площадь вещания местной версии радиостанции "Голос Америки".

Еще новости

Саакашвили рассказал о хакерской атаке на грузинские сайты
Многие грузинские сайты подверглись хакерской атаке, большая их часть взломана и не работает. Об этом в субботу, как передает "Интерфакс", заявил президент Грузии Михаил Саакашвили.
В частности, атаке подверглись сайты МВД, министерства обороны, ряда других министерств и ведомств Грузии. Накануне была нарушена работа сайта МИД Грузии. Кроме того, в субботу был взломан сайт информационного агентства Грузия-Online, а все его данные, как сообщает "Интерфакс", уничтожены. Также уничтожен сайт правительства Абхазии в изгнании.

Ранее сообщалось, что южноосетинские сайты также поверглись хакерской атаке.

Саакашвили призвал информационные средства Грузии постоянно информировать население о ситуации в стране, заявив: "Нам скрывать нечего". В то же время в ночь с пятницы на субботу Грузия прекратила вещание всех российских телеканалов на своей территории, заявив об информационной войне с их стороны.


На сайте МИД Грузии появился коллаж с Гитлером

Вечером 8 августа сайты МИД и других правительственных структур Грузии подверглись атаке хакеров, сообщает РИА "Новости". На главной странице сайта МИД помещен коллаж из фотографий Адольфа Гитлера и Михаила Саакашвили.
Представители МИД Грузии заявили, что в связи с кибератакой официальные заявления властей страны будут распространяться по каналам информагентств. Возобновление работы сайта намечено на ближайшие дни.

В свою очередь, сайт государственного комитета по информации и печати республики Южная Осетия заявил, что южноосетинские сайты также поверглись хакерской атаке, сообщает "Интерфакс". На сайте говорится, что "в связи с проводимой DDoS атакой осетинские сайты часто подолгу недоступны". Для разгрузки был запущен дополнительный сайт Цхинвал.ru.

Напомним, что 8 августа лидеры нескольких российских молодежных движений подписали заявление, в котором призвали своих сторонников к "информационной войне против режима президента Грузии Михаила Саакашвили" на всех интернет-ресурсах.

@темы: Новости