Презентация сделана А. Сидоренко (Теплица социальных технологий) www.te-st.ru

1. Графика для вебсайтов
Алексей Сидоренко, Теплица социальной информации
Вебинар, 22 марта 2013

2. Почему графическое оформление
так важно
для современного сайта?

3. / Графическое оформление
1. Это 2013-й год
2. Иллюстративность
3. Хорошая история

4. Это не 1998-й год

5. / Прежде чем искать фото
Убедитесь, что вы
можете их использовать!

6. / Свободные лицензии
Лицензии Creative Commons –
стандартный юридический
механизм для авторов
художественных
произведений, желающих
снять барьеры в
распространении информации
http://te-st.ru/2012/11/05/creative-commons/

7. Government.ru

8. / Свободные лицензии

9. / Где искать?
1. Search.creativecommons.org
2. commons.wikimedia.org
Вообще, вся википедия!
3. Архив РИА Новости *
* – http://commons.wikimedia.org/wiki/Category:Images_from_RIA_Novosti

10. / Мелкий юридический текст…
3. УСЛОВИЯ ИСПОЛЬЗОВАНИЯ ИНФОРМАЦИИ
3.1. Использование Информации Пользователями допускается исключительно в соответствии с настоящими Правилами.
3.2. При использовании Информации Пользователь обязан делать ссылку на Обладателя Информации как на источник Информации
следующим образом:
3.2.1. при использовании Информации на любом материальном носителе (бумага, пленка и т. п.), в каждом случае использования – в виде
"Источник: www.Gazeta.ru";
3.2.2. при использовании Информации в электронном виде (интернет-сайт, электронный файл и т. п.), в каждом случае использования
вставлять гиперссылку на главную страницу сайта www.Gazeta.ru и на страницу размещения соответствующего материала;
3.2.3. при использовании в печатных изданиях – в виде указания наименования Обладателя Информации и даты публикации;
3.2.4. при использовании во время радио-, теле-, видео-, кинохроникальных программ – в виде упоминания наименования Обладателя
Информации.
3.3. Использование Информации из вторичных источников, в которых имеется ссылка на Обладателя Информации как на источник
информации, возможно только со ссылкой на Обладателя Информации, оформленной в соответствии с п. 3.2 настоящего раздела.
3.4. Ссылки или гиперссылки, предусмотренные настоящим разделом, должны быть расположены:
3.4.1. при использовании текстовой Информации - в начале используемой Информации;
3.4.2. при использовании графической Информации - непосредственно под используемой Информацией.
3.5. Размер шрифта ссылки или гиперссылки не должен быть меньше шрифта текста Пользователя, в котором используется текстовая
Информация, либо размера шрифта текста Пользователя, сопровождающего графическую Информацию.
http://www.gazeta.ru/credits.shtml

11. Способы обработки собственных
изображений

12. / Photoshop.com

13. / Gimp.org

14. Иконки!

15. / Иконки. Где их взять?
1. iconfinder.com
2. iconarchive.com
3. thenounproject.com

16. / Как редактировать SVG?

17. / Встраиваемые на сайт
1. fortawesome.github.com/
2. glyphicons.com/

19. Инфографика

20. / Как?
1. Просто Excel / Calc
2. piktochart.com
3. infogr.am

22. piktochart.com

24. Спасибо!
te-st.ru
facebook.com/TeplitsaST