Credit card check out
Lépésről lépésre.
Tipográfia és színek
A drótváz elkészítése után összeállítottam a színpalettát, és kiválasztottam a betűtípust. Ugyanazt a betűtípust használtam a folyószövegekhez és a címszavakhoz is. Szeretem a minimalista design, ezért egyszerű betűtípust is választottam. A szokványos szürke árnyalatok helyett a barna árnyalatait használtam és hozzá egy figyelemfelkeltő lilát és annak árnyalatait.
Komponensek és variációik
A tervek elkészítéséshez a Figmát használtam. Elkészítettem a komponenseket és azok variációit: ikonokat, gombokat, kattintható elemeket és az űrlapmezőket.
Prototipizálás
Összeállítottam a képernyőket, keretnek az Iphone 13 minit választottam. Ügyeltem az egyenlő és konzisztens távolságokra, kerültem a zsúfoltságot a képernyőn. A gyors tervezés érdekében auto layout-ot alkalmaztam mindenhol.
Végül elkészítettem a kattintható prototípust.
Még több design:
