How to learn to design software architecture?

Question

Software design

Good afternoon, dear ones!
I constantly read something on design, but I still have no design skills. It's like with English, which until recently I studied in the same way. I know a lot of rules and words, but I can’t speak. I came to the conclusion that until you design something, you will not learn. Decided to design a simple console game first. But from the very first steps I stumble upon problems that it is not clear how to solve. Somewhere patterns help (for example, MVC), but somewhere it is not clear how to be.
The question is, what steps do you need to go through (learn books, write examples, read what, participate in the community, etc.) in order to learn how to competently design software systems? What did you go through before discovering such a precious skill?

Answer 1

A good collection of examples of software architectures is the book Open Source Application Architecture (Russian)

Answer 2

The only way to learn how to design well is to design. The more you try, the more you get. As long as you yourself, as a result of practice, do not step on all the pitfalls, no one will step on them for you.
The best place where you can and should spy on interesting architectural solutions in the field of software is the publications of leading IT companies. For starters, I would recommend:

• Google File System
  
• Magvel
  
• Amazon DynamoDB
  
• etc.
  

Answer 3

tympanus.net/Development/CreativeButtons

Answer 4

As an option:
Make a 1px by 1px image, put it on the background, and change the background-size on hover:

.btn{
   background: url(img.png) no-repeat left 50%;
   background-size:0% 100%
   transition: 0.5s;
}
.btn:hover{
   background-size:100% 100%
   transition: 0.5s;
}