Skillbox iconography
Skillbox is the largest portal of educational courses in Russia. So big that it is advertised by Dmitriy Nagiev. With the help of Skillbox courses, you can get a new occupation or level up the necessary skills.
Icon design—Evgeniy Artsebasov
Skillbox is the largest portal of educational courses in Russia. So big that it is advertised by Dmitriy Nagiev. With the help of Skillbox courses, you can get a new occupation or level up the necessary skills.
The Skill Box product designers had the task of creating a new design system and they invited me to work on the icons.
Скиллбокс—это крупнейший портал образовательных курсов России. Настолько крупный, что его рекламирует Сергей Бурунов. С помощью курсов Скиллбокса можно освоить новую профессию или подкачать необходимые навыки.
Продуктовые дизайнеры Скиллбокса озаботились созданием дизайн-системы и пригласили меня поработать над иконками.
This is how the icons had looked before they fell into my hands. For several years, various designers worked on this set, and therefore the icons looked rather heterogeneous.
There were different line thicknesses, anarchic rounding, stylistic problems.
There were different line thicknesses, anarchic rounding, stylistic problems.
My task was to make up a new style (in the context of the design system) and draw all the icons within the new style.
Так выглядели иконки до того как попали мне в руки. В течение нескольких лет к этому набору приложили руку различные дизайнеры и поэтому иконки выглядели довольно неоднородно. Различные толщины линий, анархичные скругления, общий стилистический разброд.
Моей задачей было придумать новый стиль (в контексте общей дизайн-системы) и отрисовать все иконки в рамках нового стиля.
Image
Friendly, comfortable, cheerful. Convenient training, kindly teachers, a wide range of educational courses, pleasant communication within the group. A kind of creative laboratory which atmosphere supports to get knowledge.
Дружелюбный, удобный, весёлый. Комфортное обучение, дружелюбные преподаватели, большой выбор образовательных курсов, приятное общение внутри группы. Эдакая творческая лаборатория, атомсфера которой способствует получению знаний.
Дружелюбный, удобный, весёлый. Комфортное обучение, дружелюбные преподаватели, большой выбор образовательных курсов, приятное общение внутри группы. Эдакая творческая лаборатория, атомсфера которой способствует получению знаний.
The style of icons is based on a synthesis of two forms: a soft superellipse and a sharp basic geometric one. This can be seen as the interaction of an experienced teacher with a student.
Стиль иконок использует синтез двух форм: мягкий суперэллипс и острую базовую геометричную. Это можно рассматривать как взаимодействие опытного учителя и пока еще неуклюжего ученика.
Стиль иконок использует синтез двух форм: мягкий суперэллипс и острую базовую геометричную. Это можно рассматривать как взаимодействие опытного учителя и пока еще неуклюжего ученика.
Construction
Each icon has three sizes—12x12, 16x16 and 20x20 pixels and is drawn in two versions—filled and outlined. The line thickness for outline versions is 1 pixel for sizes 12x12 and 16x16, and 1.5 pixels for size 20x20.
Каждая иконка имеет три размера—12х12, 16х16 и 20х20 пикселей и отрисована в двух версиях—линией и заливкой. Толщина линии для линейных версий—1 пиксель для размеров 12х12 и 16х16, и 1.5 пикселя для размера 20х20.
Каждая иконка имеет три размера—12х12, 16х16 и 20х20 пикселей и отрисована в двух версиях—линией и заливкой. Толщина линии для линейных версий—1 пиксель для размеров 12х12 и 16х16, и 1.5 пикселя для размера 20х20.
The Result
Icons in Skillbox player
First drafts/shape explorations
