Dnes si ukážeme jak vytvořit jednoduchý mockup iPhonu 12. Ukážeme si to ve Sketchi, ale postup je stejný, ať použijete jakýkoliv nástroj.
Vytvoříme jednoduchý obdélník s těmito hodnotami. Výška : 843 px, šířka : 408 px, rádius: 66 px, barva : #606060
Přidáme stín. Barva: #000000, úhel : 45°, vzdálenost 100 px, spread : 0 %, distance: 100 px, size: 90 px, opacity : 25 %
Dale si vytvoříme tlačítka a switch. Šířka: 9 px, výška switche: 40 px, výška tlačítek: 70 px, rádius: 4,5 px a barva: #000000 a odsadíme přibližně 125 px od horní hrany
Vytvoříme nový obdélník. Šířka: 396 px, výška: 831 px, rádius: 63 px, stroke: 7px a barva: #000000. Na výplň použijeme jakýkoliv rádius. V mém případě je to #21D4D0 -> #B721FF. A obdélník vycentrujeme.
Na závěr vytvoříme notch. Šířka: 200 px, výška: 53 px, rádius: 15 px, barva: #000000 a umístíme na střed k hornímu kraji