четверг, 9 марта 2017 г.

Как перестроить мышление через рисование с помощью CSS

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

For almost half a year I've been studying web layout, but I recently got acquainted with the creation of images and animated graphics using CSS. In normal times, CSS styles are used to describe the design of site elements, but no one forbids using it for more creative tasks.

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

Images on CSS are built on simple forms. Although flat graphics can be done in a vector editor, but for me, work in a simplified style presented a certain complexity until the moment I started working with CSS. After getting acquainted with Sasha's article about how she started to draw CSS Image, in my mind, finally formed a complete picture - I realized that I can draw a flat graphic in the form of CSS rules.

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

An additional incentive is that you are not engaged in such graphics alone, but you can join the "community" of like-minded people who show their results on Twitter under the tag #dailycssimages. Especially I remember this author Eva Lettner with a beautiful windmill. Thus, you push yourself to further study the possibilities of layout and more holistic disclosure of the world of flat design.

Покажу мои работы. Для запуска показа нужно нажать Run и сдвинуть поля, как будет удобно для просмотра, или открыть отдельное окно по ссылке

I'll show you my works. To run the show, you need to click Run and move the fields, as it will be convenient for viewing, or open a separate window by the link

1. Летящая ракета
2. Играющая кошка
3. Иконка Ингресс
4. Птичка и цветок на 8 марта

Комментариев нет:

Отправить комментарий