Harmonisk visning av logotyper med JavaScript

Oavsett referenser, partners eller kunder - det finns många fall där du vill visa flera logotyper bredvid varandra på ett harmoniskt sätt. Andelen logotyper är oftast inkonsekventa. Du följer ofta din tarminstinkt för storleksrepresentationen i designen, men det finns också en exakt beräkningsmetod för en visuellt tilltalande representation genom att jämföra logotypens områden. I följande exempel kan du göra detta med bara några rader JavaScript.


Om du jämställer höjden får du följande utseende:

CodePen

Om du gör samma procedur med bredden blir följande illustration:

CodePen

Det är bättre att jämföra området med hjälp av några rader JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Detta ger följande bild:

CodePen

Tillbaka