In addition to my main job at the IT company CROC, I also lead a sports programming club at the university, which even has its own public. So, sometimes you run a blog, and it seems that you need to put a beautiful avatar, and somehow decorate the page, cut pictures for posts in the same style ... but something doesn't work out, something ugly comes out, and in general that you are stuck, I am a programmer! And to hire a professional designer to draw a design system for a public of 50 people ... what if he doesn't shoot, what will I pay him?
Fortunately, you can create a simple identity for your blozhik purely “for the first time” in order to look “decent” without the help of a designer. I'll tell you how!
, ! , , , 30 , , , - 400!
, 2018 () . , , . -- !
30 , 10… , : “ ? < >” , ?
, - (, .) - , “ ” , , . : “ - , ”.
, , CROC Creative Lab, . . , .
, , . , , - , , – ! , , , .
- :
. , -10 , , … , ! , .
, , .
. :
120 ! . , () ( !) .
120 30, . , ( , ), “ ”. …
, , - . - ? 2020 . ! - ( !)
// :
https://parasitelab.com/ru/blog/post-illustrarion
https://texterra.ru/blog/tonkoe-iskusstvo-podbora-kartinok-dlya-postov-v-sotssetyakh.html
, , . -- ! : .
. , , (https://www.flaticon.com/authors/freepik) : , , .
: . , , .
: , , 4 :
, …
, :
“” , – “”
, , -, , . : ” ( + ) ”.
? - “ ”, “tone of voice” . IT way, ?
( ) . pinterest.com “education design” : ( )?
:
, ?
,
, , , … “”!
- ( - )
?
:
/
() – , ( )
, . , . , “” , , -, :)
, , “- + -” , “” . ? RGB - , - ! :
! “” “” – :)
, - , , color blindness, .
https://color.adobe.com/ru/create/
https://www.materialpalette.com
https://www.designspiration.com/palette/8E39EF-3626AF-3169D1/
, : ? – , 10 . , , , :)
“” : ( ) ( ).
: https://netology.ru/blog/razbiraemsya-v-osnovakh-tipografiki-za-10-minut
“ (Display)” : - ( , , !), , . , , – , .
– , !
, , , . , .
:
: -, . ,
! , ,
, , :
, , . , , . , - ,
– . http://femmebot.github.io/google-type/ GoogleFonts, Font Combinations Canva, (https://www.canva.com/font-combinations)
“ ”. , – , , ( , -). - , :
GoogleFonts (https://fonts.google.com) – ( ) , Open Source
, . https://www.paratype.ru :
https://www.fontsquirrel.com, , , :) , –
- -, https://www.canva.com https://crello.com, , ( ) . – . :)
// , ,
“ ” .. , demo free for personal use only. – .
:
, ; Proxima Nova ; JetBrains Mono – ( !).
, , , : . – . “ ” ( ), , .
, , - , , , : , .
, envato creative-market - , , . commercial use. , :)
:
. :)
. , – -! - ,
, . - !
( ) . , , “” “est.1969”
?
, 2020 :) open source , !
:
https://freebies.bypeople.com – .
Figma Community https://www.figma.com/community – - Figma
“open source” : “open source icons”. : https://feathericons.com – png, css. open source ( MIT CC ), ?
dribble - “ ”
, : , . , – ! :)
: , ? :)
! Crello Canva , - , , .
Canva:
, , . , , :
, - : . – -. , .
:
“” ,
( )
-
, :)
, , . , - -?
:
(, ), . -. , , . , !
- ( Apple Cola for DiCaprio Apple ) -- ( , , )
: , , . , :)
. - , - ( “abibas”!) : ? 3? ? ,
-
5 , // . , - . !
“ ”, . , Canva:
“”
“ ”,
, ,
Figma: :
- – not great, not terrible… !
: , -, . - .
, . “ -”, , :) - - !
?
https://www.pinterest.ru - . - “ ”! “ ”, , tone of voice . , , , .
https://dribbble.com - . . - .
https://designstack.ru - . freebies.supply. VK: https://vk.com/designstack