Prostokąt z zaokrąglonymi rogami
Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Prostokąt z zaokrąglonymi rogami to popularny kształt używany w projektowaniu interfejsów, szczególnie przy tworzeniu przycisków, pól formularzy, etykiet i paneli. Zamiast ostrych narożników figura ma narożniki zaokrąglone określonym promieniem.
Zastosowanie w grafice internetowej
W programach graficznych, takich jak GIMP, Photoshop, Krita czy Inkscape, przycisk o takim wyglądzie wykonuje się zwykle przez użycie narzędzia lub opcji typu:
- prostokąt zaokrąglony,
- zaokrąglenie narożników,
- promień narożnika,
- rounded rectangle.
Dzięki temu można szybko uzyskać kształt przycisku znany ze stron internetowych i aplikacji.
Na co zwrócić uwagę?
Podczas tworzenia przycisku ważne są:
- szerokość i wysokość prostokąta,
- promień zaokrąglenia narożników,
- kolor wypełnienia,
- obramowanie,
- cień lub gradient,
- czytelny tekst na przycisku.
Powiązanie z CSS
Na stronie internetowej podobny efekt można uzyskać bez programu graficznego, używając właściwości CSS border-radius.
Przykład:
button {
border-radius: 12px;
}
W pytaniach egzaminacyjnych, jeśli wzór przycisku ma zaokrąglone rogi, poprawną odpowiedzią będzie opcja związana z zaokrągleniem narożników, a nie wyborem eliptycznym, deformacją czy propagacją wartości.