Przy opracowywaniu projektu lub tworzeniu złożonego obrazu wygodnie jest używać siatek modułowych. Służą jako podstawa kompozycji, dzieląc arkusz na określoną liczbę stopni w pionie i poziomie o tych samych lub różnych odległościach.
Niezbędny
Mieszkania programu Photoshop
Instrukcje
Krok 1
Wszystkie nowoczesne edytory graficzne i programy do projektowania stron internetowych mają wbudowane siatki modułowe. Jeśli pracujesz w programie Adobe Photoshop, włącz wyświetlanie siatki, aby ułatwić rozmieszczenie obiektów obrazu i ich dokładne umieszczenie na arkuszu. Aby to zrobić, przejdź do pozycji menu Edycja i najedź myszką na podpis Preferencje. W wyświetlonym menu wybierz pozycję Guides, Grid & Slices (w zależności od wersji programu pozycja ta może mieć różne nazwy, wybierz słowo Grid).
Krok 2
W otwartym oknie ustawień ustaw parametry siatki modułowej. W obszarze Siatka wybierz kolor linii tworzących elementy siatki oraz odstępy między wierszami. Kliknij „OK” i sprawdź, jak wprowadzone zmiany wpłyną na wygląd obrazu. W środowisku programistycznym Adobe DreamWeaver siatka jest domyślnie dołączana do układu tworzonej strony.
Krok 3
Możesz dodawać różne tabele (elementy siatki) z dowolnym zestawem wierszy i kolumn za pomocą elementu Wstaw tabelę, a także wstawiać nowe tabele do komórek, tworząc w ten sposób złożoną sieć do budowania elementów strony.
Krok 4
Możesz ręcznie utworzyć siatkę modułową za pomocą stylów CSS. Aby to zrobić, użyj narzędzi #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr i innych modułów. Na przykład poniższy fragment kodu tworzy siatkę czterech modułów o określonej szerokości:.page-layout {margin-right: -5px; }.layout-box {float: left; margines: 0 5px 5px 0; }.lb-1 {szerokość: 779px; } / * 100% * /. Lb-2 {szerokość: 583px; } / * 75% * /. Lb-3 {szerokość: 387px; } / * 50% * /. Lb-4 {szerokość: 191px; } / * 25% * /
Krok 5
Obecność siatki modułowej ułatwia zarówno początkującym projektantom i programistom internetowym, jak i doświadczonym mistrzom w tej dziedzinie. Projekty tworzone w oparciu o siatkę modułową są łatwe w edycji i przenoszeniu, co jest bardzo wygodne przy dużych nakładach pracy. Możesz także przerwać pracę w dowolnym momencie i kontynuować korzystanie z zapisanego pliku.
