Poprawa wyglądu strony

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

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.)

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:
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
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)

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.

2

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

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/

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 ?

0

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

0

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

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 ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1