Poprawa wyglądu strony

Poprawa wyglądu strony
N2
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 5
0

Witajcie,
Mam do Was prośbę. Chcę zrobić prostą stronę www o tematyce wypożyczanie dmuchanych zamków. Jednak grafikiem nie jestem a to ma być w ramach nauki tworzenia stron. W załączeniu przesyłam screena strony i prośba o podpowiedź co zrobić aby stronka wyglądała mniej tandetnie :) Tylko się nie śmiejcie ;-)

Pozdrawiam,
Piotr

LukeJL
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 8488
0

Przede wszystkim jeśli to strona o wypożyczaniu dmuchanych zamków, to czemu nie ma zdjęć dmuchanych zamków, tylko są balony i baloniki?
Na pewno znajdziesz jakieś zdjęcia w internecie, tylko patrz na licencję, czy możesz dane zdjęcie wykorzystać i na jakich warunkach (w niektórych przypadkach musisz np. napisać źródło i autora zdjęcia itp.)

pfcode
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Elbląg
  • Postów: 14
2

Generalnie nie trzeba być grafikiem aby stworzyć dobrze wyglądającą stronę. Jeżeli nie potrafisz stworzyć zaawansowanego i jednocześnie ładnego designu, postaw na minimalizm. :)
Kilka rad, z których możesz skorzystać bez wielkiej wiedzy o projektowaniu stron:

  • tło kontenera (diva, który zawiera główny tekst na stronie) powinno być białe/szare (najważniejsze, by było jednolite - wtedy nie rozprasza czytelnika)
  • obrazek, który jest teraz w kontenerze wrzuć w tło strony w następujący sposób:
Kopiuj
body{
 background: url('obrazek_w_tle.jpg') no-repeat center center fixed;
 background-size: cover;
}
  • rozważ wrzucenie jako tło jednolitego koloru / gradientu / patternu (polecam Subtle Patterns)
  • czcionka na tej stronie jest nieczytelna - dopasuj kolor tak, aby kontrastował z tłem kontenera
  • rozważ użycie czcionek Google Fonts
  • wyrównaj tekst akapitów do lewej strony - po co pchać wszystko na środek?
  • nie korzystaj w nagłówku z obrazków, które nie mają przezroczystego tła
  • używanie jaskrawych kolorów na dużej powierzchni strony razi w oczy - jeżeli już potrzebujesz dać zielone tło - skorzystaj z przyciemnionego / rozjaśnionego odcienia zieleni
czysteskarpety
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Piwnica
  • Postów: 7697
0

wystarczy, że logo zapisze w png z przeźroczystością
zamiast kupować zdjęcia może użyć prewki
palety kolorów można znaleźć w sieci i wybrać co potrzeba (plus poczytać o łączeniu kolorów)

dzek69
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Rzeszów
0

najprościej to jednak wziąć darmowy szablon - dzisiejsze darmowe szablony są naprawdę niezłe. do tego dopasować ew. kolory, podmienić treść i fotki i gotowe.

najlepiej jednak to zleć to komuś - jeżeli chcesz oszczędzić to opcja, że wskażesz darmowy szablon, wytyczne do zmian, materiały - i ktoś Ci to poskłada do kupy za parę stów.

czysteskarpety
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Piwnica
  • Postów: 7697
2

Ale autor chce się sam nauczyć niech więc próbuje, co się nauczy to jego :)

_naf
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 87
0

Jeżeli masz z różnych powodów problemy z dobieraniem pasujących kolorów korzystaj ze stron gdzie masz gotowe palety np. http://www.colorhunt.co/ czy http://www.colourlovers.com/ .

Wybierając czcionki na stronę unikaj tych używanych przez wszystkich do wszystkiego. Open Sans czy Roboto to bardzo zły wybór :) Wybierz coś ciekawszego np. Tiltium Web lub Abel.

Jeżeli wypełniasz jakąś przestrzeń jednym kolorem używaj gradientów. Serio, różnica jest ogromna: https://jsfiddle.net/abxvvug8/

N2
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 5
0

Czy teraz wygląda to lepiej ? ;-) I czy coś jeszcze poprawić ? A kolejne pytanie czy wgl można założyć stronę z takim uśmieszkiem w środku czy jest jakaś reguła nazewnictwa stron ?

Tumeg
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 687
0

Strasznie te logo nie pasuje, teksty w menu wypadałoby odrobinę podnieść w górę.

N2
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 5
0

Logo pewnie jakiś odcień niebieskiego by się przydało ?

czysteskarpety
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Piwnica
  • Postów: 7697
0

jak chcesz w miarę fajne logo to zaprzyjaźnij się z darmowym gimpem (pomijając oczywiście PS, czy Illustratora, chyba, że masz)+ jakis prosty tutorial, jak pisałem użyj przeźroczystości i będzie niebo lepiej, ewentualnie możesz spojrzeć na lekkiego quickcmsa tam masz kilka ciekawych szablonów i nie musisz robić bazy tylko wrzucasz na serwer i tyle ;)

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.