Nie tylko ludzi spotykają ich ubrania, ale także strony internetowe. Sukienka strony to jej projekt. Wysokiej jakości i atrakcyjny wygląd zasobu wywiera korzystne wrażenie na użytkownikach, zapewniając tym samym ich lojalność i chęć poświęcenia czasu na dalsze oglądanie. Oprócz jakości ważna jest oryginalność i niepowtarzalność projektu. Otarte tematy odpychają odwiedzających. Ale opracowanie unikalnego projektu jest drogie. Dlatego wielu początkujących webmasterów zastanawia się, jak narysować projekt strony internetowej własnymi rękami.
Czy to jest to konieczne
- - ołówek;
- - papier;
- - edytor grafiki rastrowej GIMP lub Photoshop;
- - opcjonalnie: edytor grafiki wektorowej (np. CorelDraw);
- - opcjonalnie: środowisko modelowania 3D (3DStudio, Blender);
- - nowoczesna przeglądarka;
- - dostęp do Internetu.
Instrukcje
Krok 1
Opracuj koncepcję projektu strony internetowej. Wybierz styl, schemat kolorów, układ strony (rozmiar nagłówka witryny, położenie menu, bloki tekstu, obrazy). Dobrze, jeśli koncepcja projektowa oparta jest na oryginalnych pomysłach. Ale jeśli ich brakuje, możesz czerpać inspirację z analizy istniejących rozwiązań. Na przykład przeglądanie katalogów popularnych motywów CMS. Efektem pracy może być szkic strony witryny, wykonany ołówkiem na kartce papieru, wskazujący strefy o stałych i zmiennych rozmiarach.
Krok 2
Utwórz pusty szablon strony witryny w edytorze grafiki rastrowej. Otwórz nowy dokument w edytorze graficznym. Rozmiary dokumentów powinny być znacznie większe niż minimalny rozmiar strony, zarówno w poziomie (nawet jeśli nie zamierzasz tworzyć „płynnego” projektu), jak iw pionie. Dodaj nową przezroczystą warstwę. W dodanej warstwie narysuj obraz szablonu strony liniami o grubości 1 piksela, uwzględniając rzeczywiste wymiary elementów. W przypadku projektów stron o stałej szerokości wyznacz marginesy, które zostaną wypełnione kolorem tła.
Krok 3
Pobierz z Internetu lub zaprojektuj własne elementy projektu strony. Logo i niepowtarzalne elementy projektu można tworzyć w środowisku modelowania 3D, edytorze wektorowym lub rastrowym. W bezpłatnych internetowych fotobankach znajduje się duża liczba tematycznych zdjęć o wysokiej rozdzielczości. W Internecie dostępne są również darmowe kolekcje ikon, które możesz swobodnie wykorzystywać w swoich projektach.
Krok 4
Narysuj projekt strony internetowej. Dodaj przezroczyste warstwy do dokumentu zawierającego szablon strony internetowej w edytorze graficznym. Zaznacz i wypełnij obszary pasujące do tła strony. Wypełnij obszary wypełnieniem gradientowym i teksturami okresowymi. Wstaw logo, statyczne obrazy, ikony. Narysuj granice bloku. Dodaj trochę tekstu. Umieść każdy gotowy element projektu, statyczny obraz i logo na osobnej warstwie. Przesuwaj obrazy warstwami, aby uzyskać wymagany układ.
Krok 5
Zapisz działające „źródło” projektu strony w „natywnym” formacie edytora graficznego. Umożliwi to późniejszy powrót do edycji.
