--> Archiwum Forum
N2 [ negroz ]
Prośba o opinię layout'u
Dobry wieczór, a właściwie dzień dobry Państwu :)
Za kilka dni oddaję projekt stronki Szkoły Muzycznej.
Wziąłem na Uczelni to na siebie ponieważ, dotychczasowa strona tej szkoły to porażka.
Jako, że miałem wizję strony już od początku w mym umyśle, postarałem się oddtworzyć ją możliwie jak najlepiej i jak najefektywniej.
Dodam, że stronę robie za darmo, tak więc, myślę, że chociaż w oczach wykładowców będę milej kojarzony;)
Strona ma być przejrzysta i estetyczna - a to czy taka jest prosze Was o opinię...
btw
czcionka menu i treści będzie prawdopodobnie inna
wersja ciemna
wersja jasna
BBlacKK102 [ Generaďż˝ ]
Jak na moj gust to czarna. Moze dlatego, ze ogolnie strony podobaja mi sie w ciemnej kolorystyce. A biala... hmm taka zabiala :D.
Jedyne co mi z reszta jakos sie tak graficznie nie komponuje to ten czerwony spinacz, ale to moze ja mam jakis schiz :). Stronka calkiem fajna.
-=BROGI23=- [ Generaďż˝ ]
Ciemne tlo o wiele lepiej komponuje sie z kolorystyka strony w tym momencie :)
A tak ogolnie to calkiem ladny layout :)
Narmo [ nikt ]
Ciemne tło jest lepsze, ale obrazki są dopasowane do białego tła. Za dobrze widać granicę między obrazkiem a tłem. Czarnymi klawiszami rozdziel grupy przycisków. "progr nauczania", "rok szkolny org"? Elementy w menu pisane z małej litery? Czcionka faktycznie przydała by się większa. Powiększ klawiaturę w menu.
Edit: Może zastanów się lepiej nad brązowym tłem?
Capt. Krzysztow [ Brat Bibliotekarz ]
Mi też się podoba ciemniejsza wersja. Może poesksperymentuj jeszcze ze czcionką, zmniejsz ją o jeden stopień i może przypatrz się innym rodzajom?:)
Rendar [ Srokaty Konik ]
Zdecydowanie ta ciemniejsza. Ogólnie na prawdę fajnie. Ten spinacz tylko jakoś nie pasuje IMHO jest raczej zbędny.
wielebny_666 [ Generaďż˝ ]
Stronka bardzo fajnie zrobiona tylko ja moze rozjasnilbym lekko ten brazowy pergamin o 1-2 tony troszke kluje w oczy roznica miedzy klawiszami a tym pregminem, ogolnie pomysl bardzo fajny.
Chudy The Barbarian [ Generaďż˝ ]
Spinacz jest dobry. Jedyne co nie pasuje to ta czcionka po lewej stronie.
Łyczek [ Legend ]
Spinacz nie pasuje :) Wersja ciemniejsza jest według mnie ładniejsza ... Bardzo fajnie to zrobiłeś :)
DOMOV|PEJSEK|CZ| [ Legionista ]
Obie wersje sa ladne, chociaz ta ciemniejsza jest wedlug mnie ladniejsza.
rabitos [ Pretorianin ]
Ciemniejsza wersja lepsza, zamiast spinacza mógłbyś wkomponować tam puzon, dość podobny kształtem do spinacza.
Mortan [ ]
i zmien czcionke, kompletnie nieczytelna.
N2 [ negroz ]
BBlack - tak się składa, że spinacz był robiony jako ostatni i zupełnie przez przypadek bo narysowałem i tak został, ale teraz moim zdaniem bardzo dobrze chyba podkreśla charakter strony od strony graficznej, że tj. stara kartka z nutami
BROGI23 - a dziękuję :)
Narmo - o kurcze świetny pomysł z tym rodzieleniem grup czarnymi klawiszami, obiecuję, że pomyślę nad tym :) a co do carnego tła, tak naprawdę stronę projektowałem pod czarną/białą drobną kratę, tylko właśnie tutaj dylemat ciemne czy jasne tło
na czcionkę nie patrz, ponieważ jak napisałem wyżej, będzie ona zmieniona w ostatnim momencie :)
Capt Krzysztow - no jak pisałem, czcionka na 90% będzie inna, a przynajmniej się o to postaram, tylko kompletnie nie wiem jaki styl, a w grę wchodzą czcionki defualt'owe windowsa
Render - dzięki, co do spinacza może zastąpić go szpilką tzw. "beczułką"? co o Tym myślicie?
wielebny_666 - a dzięki :), którą część papirusa rozjaśnić? tą środkową z treścią?
Chudy The Barbarian - po raz enty, czcionka jak napisałem w 1szym poście będzie pewno inna, a raczej na pewno :) spinacz dobry? jak widać opinię podzielone
Łyczek - dzięki, a co do spinacza, jak widzisz opinie podzielone, może alternatywą dla tego będzie pineska tzw. "beczułka"?
rabitos -> hmm, pomysł dobry, ale chyba nie w tym miejscu, ponieważ jak na moje oko za dużo by było instrumentów, niemniej jenak coś pasuje tam wstawić, może pineskę, "beczułkę" ?
Mortan - po raz setny :) czcionka będzie inna i o tym już pisałem w 1szym poście ;)
Dzięki, za opinię, a co myślicie o beczułce zamiast spinacza?
kubinho12 [ The Gooner ]
Imo spinacz nie pasuje do ogólnej tematyki layoutu, już lepiej bez niczego zostawić. Tutaj wkleiłeś pineskę, która też nijak sie ma.
A i czcionka z zapisem patrona szkoły - zupełnie nieczytelna. Dobrze się komponuje na pięciolinii, ale.... poszukaj podobnej, ale czytelniejszej.
WolverineX [ Legend ]
ciemna wersja stanowszo lepsza
krawedzie na gorze i dole lewego menu sa zle wyciete, pozostalosci bialego, i
zmien czcionke z lewego menu bo nie pasuje i jest brzytka.
Kogee [ Konsul ]
Też mi się czarna bardziej podoba. I wg mnie pasowałaby jakaś 'ręczna' czcionka w menu po lewej.
WolverineX [ Legend ]
a zamiast spinacza daj to
- ta mi sie lapiej podoba
- ale masz i ta, jak bys wolal
maviozo [ Man with a movie camera ]
Jak dobrze obrysujesz żeby nie było widać na brzegach jakichś "brudów" (na białym nie widać) to czarna nie będzie zła, choć ta jasna też mi się podoba. No i nikt nut na czarnym nie zapisuje;)
Możnaby jakimś czarnym klawiszem rozdzielać menu na "podkategorie", oczywiście nijak to będzie korespondować z prawdziwą klawiaturą, ale nie o to chodzi.
I spinacz sto razy lepszy od tej pinezki moim zdaniem. Choćby dlatego, że byłby to jedyny ruchomy element, który niepotrzebnie absorbowałby uwagę i kojarzy się ze starymi obrazeczkami wkładanymi przez uczniów na lekcji informatyki.
Generalnie bardzo ładny. Podoba mi się.
N2 [ negroz ]
WolverineX - hmm? ale co to takiego, to jakaś plomba średniowieczna? takie cos?
maviozo - brudy? masz na myśli białe kontury gdzieniegdzie przy papirusie? ;)
nie zapisuje na czarnym, tzn?
a zdjecie spinacza dałem tylko poglądowo, poza tym byłby nieruchomy :)
może to dobry pomysł, aby wtsawić w miejsce spinacza coś co jednoznacznie kojazy się z muzyką instrumentalną, coś co jest swoistym symbolem, jak np. kod binarny w informatyce, ale nie nuty ;)
wersja z brązowym tłem i czekoladką zaproponowaną przez Wolverinex'a ;)
maviozo [ Man with a movie camera ]
Tak, chodzi o te kontury gdzie-nie-gdzie.
Coś co jednoznacznie kojarzy się z muzyką a nie jest instrumentem...pulpit? ;)
Chodziło mi o to, że nuty zapisujesz zawsze na białej kartce a nie czarnej:)
Yuri the Crusader [ GUNDAM Pilot ]
Może zamiast spinacza walnij skrzypce? Tak jak tą gitarkę tylko ciut niżej i odwrócona w dugą stronę.
//Edit\\ [24] no to może smyczek?
N2 [ negroz ]
maviozo - ok ;)
hmm pulpit? zaproponuj coś jeżeli zechcesz :)
o takie coś może, z tą czcionką, chociaż na w menu mi zupełnie nie pasuje
WolverineX [ Legend ]
N2
teraz jest doskonale :)
edit
tak ta czcionka nie pasuje do menu, juz lepiej daj tahome czy tam verdane ;P
a jak sie upeirasz to cos z klimatow Gothic , font by byl ok.
chociaz jak mowie lepiej zostawic normalna czcionke niz przesadzic z udziwnieniami.
maviozo [ Man with a movie camera ]
Edit minął..
[21]-> ja bym właśnie nie dawał więcej instrumentów, bo będzie niepotrzebnie przeładowana. I tak już są trzy. Taka skromna strona bardziej mi odpowiada.
Nie, czcionka z obrazka [22] jest moim zdaniem jeszcze gorsza:)
N2 [ negroz ]
WolverineX - verdana -
maviozo - apropos instrumentów, zgadzam się
kubinho12 [ The Gooner ]
Te czionki mi nie pasują, ale jeśli tak uważasz... Wiadomo, że trzeba wszystko jakoś wypośrodkować. Jednak ta psuje wg. mnie klimat strony, który jest bardzo przyjemny.
maviozo [ Man with a movie camera ]
Możesz przecież wykorzystać niestandardowe czcionki i każdy przycisk zrobić jako osobny obrazek - wtedy będziesz miał pewność, że wszędzie wyświetli się tak samo, i możesz wykorzystać jakąś ładną czcionkę.
Ta verdana też mi nie pasuje..
Boroova [ Jožin z bažin ]
Negroz --> po pierwsze czcionka w menu jest ZA DUZA. Jak ja zmniejszysz, to nawet Verdana powinna wygladac przyzwoicie.
Po drugie tekst glowny jest wysrodkowany i beznadziejnie sie go czyta (najgorzej te podpunkty a,b,c itd.) Postaraj sie tez wylaczyc hyphenation (sorki, ale nie wiem jak sie po Polsku mowi - chodzi o nie rozdzielanie wyrazow na koncach linijek). Powinienes to zastosowac tylko do tytulow, w normalnym tekscie mozna normalnie przenosic.
Po trzecie - gitara na gorze. Wyglada super, ale troche zabiera miejsca wlasciwej stronce od gory. Jak sie przyjrzysz, to prawie 1/3 ekranu przypada na logo (przy nizszej rozdzielczosci)
WolverineX [ Legend ]
moja wizja,
czcionka to Matura MT Script Capitals
N2 [ negroz ]
maviozo - tak, wiem, tyko w tym problem, że tytuły belek w menu dostane pod koniec, właściwie już po oddaniu projketu, a o treści w belkach będą decydowały prawdopodobnie starsze, uparte, panie ze szkoły muzycznej, więc raczej odpada, chyba, że wcześniej zdobędę dane nt. treści w belkach menu
Boroova - tak, mój wczesniejszy projekt przewidywał tylko dolną cześc klawiatury, z tym, że strona bedzie postawiona na komercyjnym serwerze i reklama będzie na samej górze mniej więcej 500x120
co do tekstu to wstawiłe go tylko tak poglądowo, treść strony nie będzie zależna ode mnie, więc tutaj nie mam pola do popisu
kubionho12 - prosz, zaproponuj jakiś font ;)
maviozo [ Man with a movie camera ]
Pamiętajcie o tym, że menu ma spełniać rolę menu czyli przede wszystkim ma być funkcjonalne i czytelne.
Poza tym Boroova ma rację - może przekręć tę gitarę żeby była bardziej "leżąca" wtedy sporo u góry zaoszczędzisz.
kubinho12 [ The Gooner ]
N2 - troszkę już szukam porządnego fontu, ale prawdę mówiąc jakoś cięzko mi znaleźć pasujący i zarazem przejrzysty. Myślałem o czymś takim - nie patrzcie na nazwę :P ale tak jak mówię, jest mało czytelna.
Chyba, że ta
Imho w grę wchodza tutaj tylko ręczne fonty, które zachowają klimat layoutu. Pomysł z gitarą jak najbardziej trafiony.
MasterDD [ :-D ]
negroz -> lay jest super, czarny na pewno lepszy, ale
Zrob cos z menu. Czcionka jest tam do kitu. Najlepszym imho rozwiazaniem byloby dodacie jakies ozdobnej czcionki, ale czytelnej.
Najlepiej w boldzie i z antyaliasingiem, zeby to jakos wygladalo.
Przyciski w menu robisz jako grafika czy jako normalny text w html ?
[edit]
WolverineX dal dobra czcionke. Od razu wyglada 10 razy lepiej.
N2 [ negroz ]
MaterDD - dzięki ;)
a co do czcionki w menu odsyłam do postu [30]
WolverineX - dzięki za tą czkoladowa plombę, powiesz mi co to jest tak naprawdę? :)
a czcionka super, jeżeli dostanę wcześniej treść strony to wstawią ją, jeżeli nie to będe musiał pomyślec nad standadowymi ;/
Boroova - Verdona, mniejsza
Rendar [ Srokaty Konik ]
No! Ta pieczęć lakowa zamiast spinacza jest super!
WolverineX [ Legend ]
N2 - > to jest pieczęć Królewska
N2 [ negroz ]
A więc końcowa wersja jest mniej więcej taka -
Dzięki za opinie i komenatrze. WolverineX, dzięki za pieczęć, stary :)
karolzzr [ Konsul ]
Bardzo mi sie podoba ta stronka
Soldamn [ krówka!! z wymionami ]
ciemna wersja lepsza. Inna sprawa, że taki layout zupełnie nie pasuje mi do szkoły muzycznej, bardziej jakiegoś zespołu bluesowego :). I na miejscu dyrektora tej szkoły w życiu bym jej nie zaakceptował(no chyba, że poprzednia to naprawde była tragedia)
Coy2K [ Veteran ]
j.w. :)
EG2006_43991898 [ Nadworny krasnal ]
A ja będę oryginalny ciemna :)
WolverineX [ Legend ]
N2 - szkdoa ze jednak zostales przy starej czcionce z menu. ale szanuje twoj wybor
halski88 [ Pan Prezes ]
Bardzo ładne
M@rine [ Mariner of Inet ]
A mi się nie podobają:
1. Zakończenia powinny być "pianinowe" (dałem z keyboardu bo nie znalazłem) i bez tej brei wokoło niej.
2. Ta biała plama według mnie nie pasuje, ale to tylko moje zdanie :P
3. Próbowałeś z jakimś mniej rzucającym się w oczy instrumentem, albo bez?
4. Pasek powinien być dopasowany albo do szerokości strony, albo do szerokości contentu. Teraz nie jest ani w tą, ani w tamtą.
Ale ogólnie fajnie. Tylko na litość boską :) Zmień te boki pianina bo kłują w oczy.
N2 [ negroz ]
M@ine -
1. pomyśle nad tym
2. nie znasz się ;) to jest papirus, mokry, zniszczony, nigdy nic takiego nie będzie symetryczne
3. próbowałem była wersja bez, tez było fajnie, ale z tym chyba lepiej wygląda stronka
4. specjalny zabieg, akordeon wypełnia te "niedopracowanie", jeżeli można w ogóle je tak nazwać
moneo [ Nikon Sevast ]
N2---> zamiast bawić się artystycznie proponuję pomyśleć o użyteczności, szczególnie, że pisałeś, że przejrzystość jest Twoim priorytetem:
- wyśrodkowany tekst w dużym natężeniu jest dużo trudniejszy w czytaniu niż wyjustowany/wyrównany do lewej, do tego kursywa też obniża czytelność,
- różnicuj czcionkę i interlinię - tekst na stronie jest kompletnie nieprzystosowany do netu pod względem treści, spróbuj to jakoś zrównoważyć typografią - inaczej nikt nie zdoła przeczytać tekstu nawet przy dobrych chęciach (ciekawe ile osób z wątku go przeczytało),
- czcionka w tekście nie wygląda na systemową - chyba nie chcesz wklejać tego tekstu jako obrazka, prawda?
- co zrobisz z layoutem, jeśli strona będzie miała więcej/mniej treści niż ta, którą pokazałeś? W którym miejscu wydłużysz/skrócisz go?
- To jest strona główna? a może jakaś podstrona działu regulaminy? Niestety ani ja, ani żaden użytkownik serwisu nie jest w stanie na to pytanie odpowiedzieć, bo nie ma żadnego elementu wskazującego na pozycję w serwisie (np. wyróżniania aktywnego elementu menu czy ścieżki okruszków).
Powodzenia!
ribald [ Generaďż˝ ]
Nie czytałem wszystkich postów, więc ktoś to mógł już napisać, ale who cares :P
Jak dla mnie lepsza jest wersja z czarnym tłem.
Ech chciałem trochę pozrzędzić ale w między czasie wypatrzyłem nowszą wersję :) Pieczątka zamiast spinacz zdecydowany plus. Inne czcionki i duże litery w menu też.
Koniecznie musisz jeszcze pogrupować opcje w menu! Poprzedzielaj na przykład czarnymi klawiszami i dopisz jakiś tytuł danej części. Działy mogą być w przybliżeniu takie: historia, szkoła obecnie, rekrutacja, inne. I napisz pełnym wyrazem "główna".
Ogólnie good job :)
N2 [ negroz ]
Czyli widzę, layout się podoba, ponieważ głównie o to mi chodziło.
moneo - być może, a właściwie jestem pewien, że nie doczytałeś całego wątku, więc w skrócie: czcionka, treść wstawiłem a stronę poglądowo. To wszystkie bedzie zmienione pod design strony, tak więc to czy cionka jest wyśrodkowana czy też wyrównana do prawej jest w tej chwili mało ważne. Chciałem wstawić, sam layout, ale zdecydowałem, że na szybko powpisuje i poklejam coś, aby mieć jakieś ogólne spojrzenie na całość. Treść niestety nie ode mnie zalezy, również działy na stronie będą ustalane przez pracowników szkoły, tak więc tutaj nie mam pola do popisu. Czcionka nie jest systemowa, ale będzie.
To gdzie się znajdujemy bedzie informował efekt wciśniętego klawisza, po lewej stronie menu. Co do większej ilości treści, już wszystko gotowe, bedzie okno zwijane, po prawej pasek.
To tyle. Dzięki :)
ribald -> mniej więcej j.w. :)
ribald [ Generaďż˝ ]
działy na stronie będą ustalane przez pracowników szkoły, tak więc tutaj nie mam pola do popisu.
To niech ustalą a Ty je pogrupuj :) Nie chodzi mi o konkretne pozycje tylko o grupy tematyczne. Mam nadzieję, że wyrażam się jasno :P
Zdecydowanie za dużo opcji na raz. Otwórz sobie chociażby menu w przeglądarce i zobacz jak wszystko jest pooddzielane kreskami. Grupowanie musi być! :P
N2 [ negroz ]
ribald - tak, tylko, że jak pisałem wszystko zależy od tego kiedy dostanę materiały na stronę, zdjecia, treść, poza tym podejrzewam, że ja nie będę wkładał stronki na serwer, więc oddam właściwie grafikę, i w "ostatniej chwili" będę pakował treści i robił belki pod menu, tak więc...
ribald [ Generaďż˝ ]
... wtedy wszystko ładnie pogrupujesz. Niech Ci będzie, jesteś rozgrzeszony :P
Coy2K [ Veteran ]
a zdajesz sobie sprawe z tego, że suwak w obrębie suwaka okna nie jest user friendly ?;)
N2 [ negroz ]
Coy2K - więc będzie lovely :) myślałem nad dynamicznym przedłużaniem się lay'a, ale ma to swoje minusy, więc będzie suwak w oknie ze suwakiem i tak musi zostać, niestety... i tak już za dużo poświęciłem czasu na nią, a robię to z dobrego serca ;)
Coy2K [ Veteran ]
jak tam chcesz :P mnie cos takiego odrzuca :P juz wystarczy ze jeden suwak mam :)