Zautomatyzuj proces projektowania siatki za pomocą GridGuide
Pierwszym ważnym krokiem każdego projektu strony internetowej jest wybór siatki. Zwykle określa maksymalną szerokość strony wraz z liczbą wewnętrznych kolumn i rynien, które zostaną użyte do podziału układu.
Możesz spróbować zbudować swój własny, ale najlepszym narzędziem do tego zadania jest GridGuide. To całkowicie darmowa aplikacja internetowa w pełni automatyzuje generowanie siatki dla dowolnej strony internetowej bez względu na rozmiar.
Wystarczy wpisać żądaną maksymalną szerokość, a następnie liczbę kolumn, które chcesz. Zazwyczaj te dwie liczby powinny być podzielne, więc dobrym pomysłem jest unikanie liczb pierwszych. Oto kilka typowych maksymalnych szerokości witryn:
- 1100 pikseli na 12 kolumn
- Kolumny 1200 x 8/12
- Kolumny 1240px na 8/12
- 1440 pikseli na 8/10/12 kolumn
- 1600 pikseli na 8/10/12 kolumn
Tutaj absolutnie nie ma złej odpowiedzi. Możesz wybierz dowolną szerokość i pod warunkiem, że jest równomiernie podzielna przez liczbę kolumn wtedy dobrze jest iść.
GridGuide to zgryźliwy webapp, który automatycznie aktualizuje się po wprowadzeniu wartości do pola wejściowego. Kiedy dostosujesz liczby na górze, zauważysz podgląd siatki automatycznie się zmienia.
Kiedyś polegałem na Photoshopie w tej pracy i to doprowadziło mnie do szału. Uczciwe tworzenie siatki jest jednym z najbardziej frustrujących kroków przy projektowaniu nowej strony internetowej, a uzyskanie liczby pikseli idealnych może być irytujące.
Ale GridGuide jest całkowicie zautomatyzowany i oferuje wiele różnych opcji siatki w zależności od różnych rozmiarów kolumn i szerokości rynny.
Możesz nawet pobierz pełny obraz PNG siatki, którą chcesz zaimportować do Photoshopa. To będzie zaoszczędź dużo czasu więc nie tworzysz od nowa siatek z narzędziami kształtu.
A jeśli podoba Ci się określony styl siatki, możesz wygenerować łącze udostępniania do zakładki na później lub udostępnić innym w sieci.
Dla narzędzia, które jest całkowicie darmowe i tak łatwe w użyciu, musi to być moja najlepsza rekomendacja dla każdego projektanta stron internetowych. Jeśli zmagasz się z siatkami i nienawidzisz projektowania własnych, to GridGuide jest obowiązkowym zasobem w twoim zestawie narzędzi.
