Przyciski w projektowaniu stron internetowych są używane jako pliki zasób graficzny który pomaga odwiedzającemu zatrzymać się, przeczytać go i poczuć pokusę lub potrzebę kliknięcia. Jest "wezwanie do działania”(Wezwanie do działania) w każdej regule, która, jak wszystko, musi być ułożona inteligentnie i z miarą.
Bardzo ważne jest, aby wybrać typ przycisku, który zachowuje najwięcej spójność z wyglądem Twojej witryny lub bloga. Kolejnym czynnikiem, który należy wziąć pod uwagę, jest to, że jeśli twoja strona ma 5 przycisków, to 5 zachowuje w istocie ten sam wygląd: ten sam kolor, tę samą czcionkę, ten sam rozmiar. W tym poście przedstawiamy 12 bezpłatnych przycisków, które możesz pobrać i używać w dowolnym miejscu.
12 bezpłatnych przycisków
6 wskazówek Szybkie do rozważenia, zanim zdecydujesz się na jeden lub inny zestaw przycisków:
- Że wszystkie przyciski w Twojej witrynie należą do to samo opakowanie (albo pasują pod względem koloru, kształtu i typografii).
- Nie używaj więcej przycisków niż niezbędny na swojej stronie (istnieje ryzyko jej przeciążenia).
- Jeśli kolor tła Twoja witryna jest niebieska, zielona, czerwona, brązowa lub czarna (intensywna), zmień ją na jaśniejszą przed podjęciem decyzji o wyborze przycisku. Twój gość będzie ci wdzięczny.
- Evita słabej jakości przyciski, które wyglądają na podzielone na piksele (z nimi nie przydarzy się to Tobie).
- Jeśli Twoja strona jest w języku hiszpańskim, nie używaj przycisków z napisami „Pobierz”, „Czytaj więcej” itp. I wzajemnie.
- Jeśli zamiast obrazów możesz użyć przycisków utworzonych za pomocą kodu CSS3, tym lepiej. Podobnie jak gumowe teksturowane guziki w CSS3 których nauczyliśmy cię jakiś czas temu.
Ogólny
Teksturowane przyciski sygnalizacji świetlnej
Niebieski przycisk we wszystkich trzech stanach (normalny, wciśnięty i aktywny)
Zapisz, anuluj i dodaj przyciski
Dla twoich sieci społecznościowych
Kwadratowe przyciski mediów społecznościowych
Okrągłe przyciski mediów społecznościowych
Przyciski w komiksowym balonie
Proste okrągłe przyciski: kolor „tango mandarynkowe”, kolor 'Honey Suckle', Turkusowy kolor y Kolor mimozy
Więcej informacji - Gumowe guziki z teksturą w CSS3