Алексей Сидоренко, Теплица социальной информации

Вебинар, 22 марта 2013

Графика для вебсайтов

Почему графическое оформление так важно

для современного сайта?

/ Графическое оформление

1. Это 2013-й год 2. Иллюстративность 3. Хорошая история

Это не 1998-й год

/ Прежде чем искать фото

Убедитесь, что вы можете их использовать!

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

Лицензии Creative Commons – стандартный юридический механизм для авторов художественных произведений, желающих снять барьеры в распространении информации

http://te-st.ru/2012/11/05/creative-commons/

Government.ru

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

* – http://commons.wikimedia.org/wiki/Category:Images_from_RIA_Novosti

/ Где искать?

1.  Search.creativecommons.org 2.  commons.wikimedia.org

Вообще, вся википедия! 3.  Архив РИА Новости *

/ Мелкий юридический текст…

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

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

/ Photoshop.com

/ Gimp.org

Иконки!

/ Иконки. Где их взять?

1. iconfinder.com 2. iconarchive.com 3. thenounproject.com

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

/ Встраиваемые на сайт

1. fortawesome.github.com/ 2. glyphicons.com/

Инфографика

/ Как?

1. Просто Excel / Calc 2. piktochart.com 3. infogr.am

piktochart.com

Спасибо!

te-st.ru facebook.com/TeplitsaST