Wykonanie projektu strony WWW w programie graficznym

Wykonanie projektu strony WWW w programie graficznym
whiteman808
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 203
0

Rozpisałem sobie projekt swojej strony WWW w pliku tekstowym lecz żeby lepiej zorientować się co i jak potrzebuję wykonać wstępny rysunek w programie graficznym. Potrzebuję rozrysować układ strony, kontenery zawierające poszczególne elementy witryny i menu. Do wyboru mam programy GIMP, Krita czy Inkscape ponieważ pracuję na linuksie. Którego z nich lepiej użyć? Czy rysunki powinienem wykonywać używając tabletu graficznego czy normalnie myszką da radę? Lepiej aby rysunek layoutu był w formie grafiki rastrowej czy wektorowej?

FA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 223
0

A kto jest adresatem tego "rysunku"?

whiteman808
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 203
0

Robię stronę dla siebie i potrzebuję zrobić szkic. Nie wiem czy nie użyję aplikacji Penpot.

L9
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Kraków
  • Postów: 149
1

Figma
Myszka do layout, a nornalnie myszka+ klawiatura
Wektorowa

LukeJL
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 8490
1
whiteman808 napisał(a):

Rozpisałem sobie projekt swojej strony WWW w pliku tekstowym lecz żeby lepiej zorientować się co i jak potrzebuję wykonać wstępny rysunek w programie graficznym. Potrzebuję rozrysować układ strony, kontenery zawierające poszczególne elementy witryny i menu.

Zwróć uwagę na to, żeby projektować responsywnie, więc ten layout przypuszczalnie nie powinien być stały, żeby się dobrze wyświetlać na monitorze kompa czy na komórce, w landscape i portrait (a to często wymagać będzie, żeby pewne elementy nie miały jednego stałego miejsca/rozmiarów, a dostosowały się do tego, ile mają miejsca i gdzie). Dlatego programy czysto do grafiki jak Gimp są kiepskim pomysłem do projektowania tego typu rzeczy, jeśli chcesz robić to na miarę obecnych standardów.

lecz żeby lepiej zorientować się co i jak

Możesz też prototypować layout w HTMLu nadając pustym elementom jakieś rozmiary i dodając bordera, outline czy background.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.