Strona - wizytówka

Odpowiedz Nowy wątek
2014-08-21 19:31
0

Proszę o ocenę układu, kolorów itp. Przy czym

  • nie jestem grafikiem
  • jestem daltonistą
  • nie ja robiłem logo

Co do zdjęć to będą później, panu linki ze stocka wyślę, pan na fakturę wrzuci..

Pozostało 580 znaków

2014-08-21 19:43
0

Czcionka mi się nie podoba, dobra do gazet(serio:D) jednak jeżeli chodzi o strony to polecam: 'Open Sans' .
Kolorystyka wygląda spoko - układu nie ma co oceniać, bo nie za dużo tu jest :)


"Perhaps surprisingly, concurrent programming isn’t so much about threads or
locks, any more than civil engineering is about rivets and I-beams."
edytowany 1x, ostatnio: niezdecydowany, 2014-08-21 19:43

Pozostało 580 znaków

2014-08-21 20:12
0

Czcionka też mi się nie podoba. I niebieskie menu na ciemnoniebieskim tle może być mało widoczne przy mniejszym rozmiarze ekranu.

Pozostało 580 znaków

2014-08-21 20:50
0

ładnie, estetycznie, minimalistycznie. czcionka znośna, ale literki za małe. kolorystyka bardzo odpowiednia moim zdaniem. bez przesadnie wielkich kontrastów, niebieski świetnie pasuje do stron związanych z prawem.

czcionka nie jest "znośna" - bo tak się nie robi - są pewne standardy których się trzymamy. - niezdecydowany 2014-08-21 20:57

Pozostało 580 znaków

2014-08-21 20:59
tk
0

1) Czcionka mogłaby być lepsza ale o tym już było
2) Odnosze wrażenie, że w górnym menu przestrzeń ponad tekstem jest mniejsza niż pod tekstem. Odnosze również wrażenie, że tekst nie znajduje się na środku pionowych linii oddzielających poszczególne elementy menu. Być może tekst został wyśrodkowany za pomocą matematycznych przeliczeń i jest wyśrodkowany matematycznie poprawnie. Jednak poszczególne znaki mają to do siebie, że są różnej wysokości i najbardziej znacząca część znaku niekoniecznie jest w jego środku. Dla przykładu litera "ą" jest dość wysoka, ale ogonek jest mniej istotny niż "a". Dlatego jeżeli wyśrodkujesz taką literę matematycznie to możesz uzyskać wspomniany przeze mnie efekt.
3) Strasznie scisniety jest tekst na tym projekcie. Chodzi mi zarówno o odstępy między nagłówkami / akapitami jak i interlinie. Zwróć uwagę choćby na napis "Legal service" - pod literą "g" masz literę "t" - obie litery prawie na siebie wchodzą.
4) Zwiększyłbym marginesy między tekstem a obrazami.
5) Po prawej masz fotke, poźniej fotka jest po lewej a poźniej mapka znowu po prawej, na dodatek mapka nie jest równo pod fotką tylko bliżej środka. Troche to chaotyczne.

edytowany 2x, ostatnio: tk, 2014-08-21 21:02

Pozostało 580 znaków

2014-08-21 21:37
0

@tk,

ad 1. już poprawiłem, bo rzeczywiście wygląda to średnio.
ad 2. rozumiem o co chodzi, ale to na później. Użycie wyrównania na zasadzie stała szerokość boksu + text-align:center;
ad 3. Też już poprawiłem.
ad 4. o ile?
ad 5. Hm.... drugiej foty może nie być w finalnym rozwiązaniu, szczególnie, że dostałem już teksty i się okazało, że w tym bloku będzie go dość dużo.

stała szerokość boxu ok, ale będzie do tego dorabiał jakieś RWD ? btw, jako ikonki do menu możesz sobie użyć getbootstrap.com/components/ to daje całkiem fajnie wizualnie efekty. - niezdecydowany 2014-08-21 22:03
Co do 4: przesunalem sobie w gimpie ten tekst tak aby odstep miedzy tekstem a zdjeciem wynosil 20px. Dla mnie jest to wartosc optymalna, ale to dosc subiektywne odczucie i nie kazdy musi podzielac moje zdanie. - tk 2014-08-21 22:26
@niezdecydowany, teoretycznie jest RWD i nawet działa... nie mam niestety urządzeń applowych i starych IE by to sprawdzić. - Koziołek 2014-08-21 23:47
@Koziołek jeżeli masz to gdzieś zaplołdowane / masz jakąś prevke to podaj adres może uda mi się jutro(dzisiaj) sprawdzić na ipadzie. BTW, nie jest Ci to potrzebne, w firefoxie, masz takie narzędzie jak "widok trybu responsywnego" - użyj po prostu wbudowanego narzędzia developerskiego firefoxa czyli "zbadaj element" -> w prawym rogu jest ikonka. - niezdecydowany 2014-08-21 23:58

Pozostało 580 znaków

2014-08-21 23:49
0

Kolejna wersja po uwzględnieniu poprawek.

teraz jest git :) na dole, tam gdzie jest Kontakt, Adres i Lokalizacja można wmontować parę fajnych wodotrysków - Kontakt => zamienić na jakiś ajaxowy formularz(sporo inwencji można tu wrzucić) a lokalizacje i adres można zmontować w jeden element, hm ? - niezdecydowany 2014-08-22 00:01
Chociaż, można by pomyśleć nad większym odseparowaniu rodzaju doradztwa(tak to się nazywa?) - prawo cywilne, prawo rodzinne od szczegółów - kolor i rozmiar trochę się zlewa. P.S.2 może zamiast osobnych stron na kontakt/o mnie/doradztwo prawne zrobić slider ? została by w tedy tylko jedna strona. - niezdecydowany 2014-08-22 00:13

Pozostało 580 znaków

2014-08-22 00:17
1

Teraz to nie jest git. :-P Wybrałeś font, który nie ma polskich znaków diakrytycznych - wygląda to niedobrze, bo są one zamieniane na takie z jakiegoś Times New Roman albo innego obrzydlistwa.

Dlaczego pomiędzy białą i niebieską częścią jest taka duża przerwa? Moim zdaniem nie jest tam potrzebna aż taka, szkoda kółka w myszce. Brakuje telefonu a mapka jest za mała i niewyśrodkowana (nie znam się, ale podobałoby mi się, gdyby można było ją powiększyć jakoś - np. tak jak teraz robi się ze wszelkimi obrazkami)


"(...) otherwise, the behavior is undefined".
jeżeli zaimportuje googlowego open sasa polskie znaki bez problemu zadziałają, - niezdecydowany 2014-08-22 00:23
@niezdecydowany, googlowy zaimportowany. @Endrju, bo ja nie rozumiem jak działa min-height i height z elementami z float w środku... znaczy wiem jak to w teorii działa, ale mam problem z praktycznym zastosowaniem. - Koziołek 2014-08-22 09:20
[email protected] mój błąd - w projekcie w którym używam tej czcionki nie ma polskiego języka - fuk fail... Z polskimi znakami używam: font-family: Arial, Helvetica, sans-serif; - niezdecydowany 2014-08-22 10:41

Pozostało 580 znaków

2014-08-22 10:21
tk
0

1) Tekst jest nadal dosc scisniety. Zdanie "Zapraszam do zapoznania sie z profilem mojej dzialalnosci" jest chyba w nowym akapicie? Bo troche nie wyglada to na nowy akapit - odstep jest za maly. To samo z odstępami między kolejnymi wierszami tekstu w tym samym akapicie (interlinia) - ja bym je powiekszyl. Jako wzór zerknij sobie chocby tu:

http://4programmers.net/C/Artyku%C5%82y/Kodowanieteksu%5Bcz._1%5D...

Tylko patrz bardziej na proporcie a mniej na odstepy mierzone w pikselach, bo na 4p jest odrobine mniejsza czcionka i przyjecie takich samych marginesow i interlinii da troche inny efekt.

2) Czarny kolor czcionki to troche porazka. Zerknij sobie na jakis portal czy to onet, czy wp, czy 4programmers czy jeszcze inny. Tekst jest ciemnego koloru ale rzadko kiedy czarny bo to wyglada troche jak dokument do wydrukowania i nie mam tutaj na mysli dokumentu do druku o wysokiej jakosci. Dodam, ze w Twoim przypadku niekoniecznie tekst musi byc ciemno szary (choc moze akurat bedzie pasowal idealnie). Rownie dobrze moze byc ciemno niebieski, ciemno granatowy lub inny ktory pasuje.

3) W tekscie słowo "Często" az się prosi o przejscie do nastepnej linii. Wlaściwie to gdybyś słowo "dla" przeniósł z pierwszej linii do drugiej to może akurat słowo "Często" przeniosłoby się z drugiej do trzeciej i by bylo fajnie.

Pozostało 580 znaków

2014-08-22 10:48
0

Podsumowanie na szybko i mnie poprawcie jak coś pomieszałem:

  1. Czcionka z polskimi znakami + kolor
  2. interlinia
  3. łamanie tekstu.
edytowany 1x, ostatnio: Koziołek, 2014-08-22 10:49
Mozesz jeszcze rozwazyc uwage uzytkownika Endrju w trosce o rolki w myszkach odwiedzajacych :) - tk 2014-08-22 10:52
zmniejszenie tej przestrzeni pomiędzy "o mnie" a "doradztwo prawne" ? - niezdecydowany 2014-08-22 10:52
Aha i jeszcze marginesy miedzy akapitami - tk 2014-08-22 11:04

Pozostało 580 znaków

2014-08-22 11:07
0

ad. v2

Kolory OK, ogólne wrażenie OK, choć dużo pustej przestrzeni.

Interlinia
Powinieneś dać ok. 1,5 raza większą niż czcionka, w PS też jest taka opcja
Przykład
czcionka rozm 12px
interlinia 18px

Odstępy
Nie bój się ich używać.
Nie wiele trzeba, aby strona zyskała na przejrzystości.

Poza tym
Jak dla mnie to mniejsze logo i szerszy pasek, w którym zawarte jest logo, tak by nie upychać go, byle się zmieściło. Takie odnoszę wrażenie.
Mniejsze napisy w menu przy zachowaniu odstępów.

Łacinę pod logiem i wersję polską, dałbym w jakiś ładny dymek lub po prostu wyróżnił od loga.

Szerokość każdego bloku też zachowaj. Ustal sobie np. 80%, ale dla każdego z nich.

W tej chwili masz tak na oko
o mnie 70%
doradztwo 95%
kontakt 80%

Czekam na wersję v3 :)


Koduj, kompiluj, psuj i naprawiaj.
edytowany 2x, ostatnio: pitu7dg, 2014-08-22 11:09

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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