#22 Layout 2.0


    • Status: New
    • Priority: Normal (3)
    • Component:

    Witam bardzo serdecznie. Nazywam się Marcin Zając i grafikiem freelancerem. O projekcie django.pl dowiedziałem się z prezentacji vide znalezionej w internecie. Kontaktowałem się już z Adamem Hościło i zaoferowałem swoją pomoc przy projekcie. Projektowaniem graficznym zajmuje się profesjonalnie od ponad 3 lat. Odwiedziłem już http://www.assembla.com/spaces/django-pl i widziałem projekt loga oraz ostateczny layout. Jest on poprawny jednak myślę że na chwile obecną nie nawiąże rywalizacji z railsowymi stronami. Jest bardzo skromny wręcz spartański. Patrząc na rozwój django przez pryzmat mojego doświadczenia wnioskuje nawet iż „stonowany” wizerunek nie sprzyja promocji djangoproject. Jego target postrzegam jako starych „wyjadaczy” odstraszających laików, a chodzi przecież o to by projekt miał maksymalnie szerokie pole rażenia zwłaszcza że nie należy on do frameworków szczególnie trudnych do nauki. Lekka forma Ruby on Rails prowadząca przez stronę „za rączkę” i serwująca widzowi „eye candy” w postaci screancastów naprawdę potrafi uwieść i ciężko tu się spierać obserwując Railsowy BUM! Tak też widzę stronę django.pl, lekką, przyjemną dla oka, estetyczna ale także pomysłową, web 2.0 w najlepszym wydaniu słowem cool! :). Rozpocząłem już prace nad swoją wersją layoutu dla django.pl którą postaram się przedstawić do końca tygodnia. So stay tuned!

    Pozdrawiam!
    Marcin Zając

  • Attachments
    Fico_zip
    Added by fredd4 on May 31 19:09 UTC Details
    Associations
    No associations
    Activity
    • By Marcin Zając on May 26, 2008 @ 09:53PM UTC *

      • →  description changed from Witam bardzo serdecznie. Na... to Witam bardzo serdecznie. Na...
    • By elus on May 26, 2008 @ 11:03PM UTC *

      Witam serdecznie. Cieszymy się mogąc powitać (każdego!) nowego członka ekipy. Tym bardziej potrzeba nam było kogoś o zdolnościach graficznych :)
      Ze swojej strony proszę tylko o niebagatelizowanie kwestii typografii (zwłaszcza na stronach z dokumentacją :))
      Pozdrawiam.

    • By dominik.szopa on May 27, 2008 @ 06:53AM UTC *

      • →  assigned_to set to Marcin Zając

      Super Marcin że jesteś z nami, witamy na pokładzie :)

    • By fredd4 on May 28, 2008 @ 03:14PM UTC *

      Można znać jakieś konkretne terminy, co do layoutu? Mógłbym pomóc to składać czy też uruchomić.

    • By Marcin Zając on May 29, 2008 @ 07:38PM UTC *

      Sobota brzmi rozsądnie, mogę zrobić mały poślizg ale max dzień/dwa. Pracuje dla redakcji Auto Motor i Sport, zbliża się wydanie numeru i mamy niezły zap* (dużo pracy :D) Ale postaram się nie nawalić ;)

    • By Marcin Zając on May 31, 2008 @ 10:45AM UTC *

      Witam
      Layout już prawie skończony! :) Jednak mam problem z zagospodarowaniem stopki a ściślej mówiąc nie wiem jakie informacje mają się tam znaleźć bo zrzut ekranu starego layoutu pokazuje tylko górę. Dać scrolla i przesłać mi na maila (neurotok@gmail.com) widok stopki albo wręcz wyeksportować mi index.html (opera fajnie sobie z tym radzi) i przesłać. Będę bardzo wdzięczny.
      Pozdro!

    • By fredd4 on May 31, 2008 @ 07:09PM UTC *

      • attachment django.pl main page added
    • By fredd4 on May 31, 2008 @ 07:10PM UTC *

      Ok, dodałem tutaj stronę główną zapisaną w htmlu (jest w załączniku)

    • By Marcin Zając on Jun 01, 2008 @ 08:46PM UTC *

      Witam!
      No więc osobiście uważam, że projekt graficzny powinien bronić się sam ale chyba należy się kilka słów wyjaśnień dlaczego pewne rzeczy wyglądają tak a nie inaczej ;)

      No więc… logo zostawiłem oczywiście w spokoju, uważam że projektant django zrobił kawał dobrej projektując im logotyp i sama pl-ka przy takiej fajnej typografij w zupełności wystarczy wystarczy. Kolory jak widać postanowiłem troszkę „ocieplić”, nie przesadzajmy z tą pragmatycznością :) Za cel postawiłem też sobie przeprojektowanie rozplanowania przestrzeni tak by tą samą ilość informacji rozłożyć w mniejszą ilość box-ów przy zachowaniu wyższej czytelności. Tym samym 3 kolumna przepadła :) czytałem wasze opinie na temat poprzedniej wersji layoutu i też nie uważam iż 3 kolumna jest potrzebna. Osobiście czuje się troszeczkę zagubiony nie wiedząc na początku w którą z nich przykuć uwagę. Dokumentacja django wylądowała więc w belkę dolną a Download postanowiłem przedstawić w formie ikon, wieże iż tak ważny element powinien być bardziej wyeksponowany, a ikony przykuwają uwagę o wiele bardziej niż lity tekst. A teraz o smaczkach :) czyli pyton, myszka i spółka. Bo niby dlaczego tak banalny by się wydawało produkt jak framework nie miałby być przedstawiony z jajem. CakePHP jest tutaj chyba dobrym przykładem :) laika kusi kolorowe pudełko, a profesjonalista już wie że na django nie ma mocnych. To że django świetnie wpasowuje się w nurt „open source” który przeżywa ostatnio renesans postanowiłem bardziej wyeksponować w i umieścić modny w Web 2.0 narożnik. Kolejna sprawa do gadżety. Na ten pomysł wpadłem obserwując konkurencje.

      http://www.cafepress.com/rails_stuff

      Oczywiście uważam że to co jest na caffe press jest do dupy, bo w moim mniemaniu koszulka powinna tak zaprojektowana żeby można było w niej iść nie tylko na konferencje IT ale także na imprezę do kumpla. Jestem w stanie zaprojektować serie fajnych t-shirtów, a w tym tez mam już pewne doświadczenie ;) może kilka wzorów na kubki i na django pl można by troszeczkę zarobić. Taki gość chodzący w koszulce z logo django.pl działa jak żywy bilbord więc dla promocji samego projektu na pewno pomoże. Do tego potrzeba jednak kilku rzeczy:

      1.Trzeba się dowiedzieć jakie są możliwości komercyjnego wykorzystywania loga django.
      2.Ktoś oczywiście musi taki sklep zbudować :) (kto wie może narodzi się jakiś fajny djangowy engine sklepowy ;)
      3.Ktoś musi wyłożyć kasę na pierwszą serie (ja jestem biedny student :)
      4.Ktoś zająć się dystrybucją (w wakacje jadę fotografować Bałkany i jeśli nie zabiją mnie w Kosowie to wrócę dopiero po miesiącu :D

      Jeśli chodzi o dochody pomyśli się o jakimś procentowym podziale zysków jeśli tylko znajdą się chętni.

      Kolejnym pomysłem jest mały skrypcik java (mogę też wykonać coś takiego we flashu) By Hasło „Framework webowy dla perfekcjonistów” znikało od czasu do czasu a w jego miejsce pojawiały się opinie użytkowników na temat django. Cytaty jak ma to miejsce na stronie ruby on rails. Jako „spec” od PR ;) mogę wam powiedzieć tylko że to baaaardzo przekonuje do produktu. Kolejna sprawa to forum! Ktoś mi może odpowiedzieć dlaczego django nie ma forum ?! :). I to by było chyba wszystko teraz moje prywatne uwagi.

      Jako grafik jestem pixelperfekt :) i potrawie się pieścić z najdrobniejszymi detalami po kilka godzin, wszystko w tym layoucie jest dokładnie przemyślane i pod kontem atrakcyjności graficznej jak i usability, nie ma tu żadnej przypadkowości a od kodera oczekuje dbałości o detale o podobnym stopniu. Ode mnie dostaniecie pełną specyfikacje fotnów. Słowem chciałbym by Layout był maksymalnie wiernie odwzorowany jeśli w stopce ma pojawić się moja xywa :). O to jestem jednak spokojny bo w tej ekipie zajebisty koder znajdzie się pewnie nie jeden, a jak widać nie uprzykrzam się zbytnio przy poziomie skomplikowania ;). Uff to by było chyba wszystko czekam na odzew i pozdrawiam wszystkich serdecznie! :)

    • By kacper.krupa on Jun 02, 2008 @ 03:52PM UTC *

      Pięknie, bardzo mi się podoba. No i byśmy się wyróżniali spośród innych django-supportów :>

    • By kacper.krupa on Jun 02, 2008 @ 03:56PM UTC *

      Aha, jedną jeszcze rzec zobaczyłem. Hover w menu (poradnik instalacyjny itp) mogłby być inny. Np. samo podkreślenie taką zielenią ?

    • By Marcin Zając on Jun 02, 2008 @ 06:59PM UTC *

      Mi się coś takiego strasznie podoba :)
      http://gmarwaha.com/blog/?p=7
      Ale będziesz potrafił coś takiego zaimplementować Kacper ?

    • By kacper.krupa on Jun 03, 2008 @ 04:37AM UTC *

      Skoro jest kod JS podany, to myślę, że nie było by problemu:)

    • By fredd4 on Jun 03, 2008 @ 06:19AM UTC *

      Pięknie.

      Zauważyłem, że strona się nie centruje (co jest widoczne na większych monitorach.

      Myślę, że wkładanie tego kodu lavalamp w menu jest nie potrzebne. Może i jest to ładny efekt, ale nie o to tu chodzi.

      Będziesz wrzucał ten kod na SVN, czy tylko dasz nam planarną stronę? Może dalibyśmy radę uruchomić to w tym tygodniu.

    • By dominik.szopa on Jun 03, 2008 @ 07:04AM UTC *

      Jestem w szoku, layout bardzoooo mi sie podoba. Koniecznie trzeba go zaimplementować.

    • By Marcin Zając on Jun 03, 2008 @ 08:59AM UTC *

      Ok! no to nie ma ma zastrzeżeń w środę/czwartek postaram się przygotować css tekstów i przedestylować plik psd. Powywalam śmieci, ponazywam odpowiednio warstwy żeby wszystko było jasne. Nad menu tez jeszcze pomyśle. Chciałbym by strona się wyśrodkowywała. To czy górna belka ma być niezmienna w każdej ze stron czy ma znikać w podstronach jest dobrym pytaniem i przyznam szczerze nie wiem! :). To zależy od was. Ale chyba prościej będzie na początek by był stałym elementem. Download i komentarze userów będą zawsze widoczne więc to jakiś plus. Jak stronka będzie już stała pomyśle nad jakimś widokiem podstron. Odrazu podnosić rękę kto to będzie ciął bo ja mam w tym tygodniu 4 kolokwia :)

    • By hipertracker on Jun 03, 2008 @ 09:10PM UTC *

      Layout wygląda fajnie, ale mam pewne wątpliwości natury merytorycznej odnośnie eksponowania Download dla wersji 0.96. Jest trochę stara i prawie nikt jej nie używa. Wszyscy używają edge, bo Django zwleka z publikacjami wersji pośrednich.

    • By elus on Jun 06, 2008 @ 08:26PM UTC *

      OK, może i mógłbym to nawet i pociąć, ale czy to jest wersja ostateczna?

    • By Marcin Zając on Jun 09, 2008 @ 01:41PM UTC *

      Uploadowałem dzisiaj gotową wersję layoutu w formacie Photoshopa CS2 z po nazywanymi i uporządkowanymi warstwami, poprawiłem też nieco menu. Kwestię wersji django do ściągnięcia pozostawiam wam, tekst “Download: 0.96” jest dynamiczny więc będzie można łatwo dokonywać zmian. W najbliższym czasie postaram się podesłać wam specyfikacje css. A może po prostu powiem że kroje fontów pochodzą z http://eden.cc/ :), urzekły mnie swoją czytelnością, kody kolorów są w psd-ku a css Edenu jest do podglądu więc macie chyba wszystko co potrzeba. Czekam więc na relase django.pl ;) W przypadku problemów mailować – neurotok@gmail.com.

    • By fredd4 on Jun 17, 2008 @ 06:37AM UTC *

      No ok, to co z tym layoutem? Ktoś musi go pociąć i ruszamy z django.pl.

    • By dominik.szopa on Jun 17, 2008 @ 08:30AM UTC *

      Ja bym był za tym żeby na razie nie dawać tam tego linku do sklepu, bo go nie mamy :) Ale w przyszłości można sie nad tym zastanowić. Co do pocięcia to można by to pociąć i zaimplementować. Ja ostatnio mam mało czasu, więc nie dam rady tego pociąć. Kto jest chętny na zajęcie się tym ?

    • By Marcin Zając on Jun 27, 2008 @ 09:24PM UTC *

      No i jak tam djangowcy ? :) muszę powiedzieć że jestem zawiedziony, cisnołem po garach żeby nie robić wam obsuwy a tymczasem od miesiąca projekt leży “perfekcjoniści z terminami”.

    • By fredd4 on Jun 28, 2008 @ 12:01AM UTC *

      No jak widzisz nie ma kto tego pociąć. Ja to nawet Windowsa nie mam, a z grafiką niewiele wspólnego mam. Znajdzie się ktoś, kto się tym zajmie, czy zostawiamy stary layout?

    • By kacper.krupa on Jun 28, 2008 @ 07:39AM UTC *

      no nic, w takim razie to ja postaram się go okroić. Myślę, że w niedziele / poniedziałek powinienem skończyć i zacommitować wersję xhtml/css, wtedy ktoś by mógł podpiąć pod stronę.

    • By kacper.krupa on Jun 28, 2008 @ 11:01AM UTC *

      no i jest: http://public.pagenoare.pl/Projects/django.pl/

      Czekam na sugestie, co poprawić etc i commituje ;-)

    • By dominik.szopa on Jun 28, 2008 @ 11:11AM UTC *

      Może usunąć ten sklep? w końcu go nie ma(przynajmniej na razie)

    • By kacper.krupa on Jun 28, 2008 @ 11:13AM UTC *

      to jest tylko obrazek, jedno “dd” w vimie i nie ma :)


      Usunięto.

    • By Marcin Zając on Jul 01, 2008 @ 08:12PM UTC *

      A oto lista korekt:

      1.Delikatny niebieski gradient na samej górze znikną po bokach
      2.Cały baner winien być zaokrąglony, to fanie zmiękcza kompozycje
      3.Są 2 rodzaje separatorów
      a. jeden jako błękitna linja z lekkim gradientem do rozpoczynania działu
      b. sama niebieska lina do kończenia tytułu działu i separowania poszczególnych jego wątków

      Słowem tak jak na layoucie, bez tych błękitnych prostokątów
      4.Dopracować typografię, nie trzyma się layoutu, nie zachowuje kolorów, jest mniej czytelne od teko który zaprojektowałem.
      5.W stopce po prawej stronie „design by Neurotok” podlinkowane pod neurotok@gmail.com to warunek mojej pracy przy projekcie

      Co do technicznych aspektów ikonę download można wstawić jako div lub png z kanałem jeśli nie potraficie tego eksportować z Photoshopa służę pomocą ale wtedy może być problem z jego edytowaniem.

      Chyba tyle :)

    • By dominik.szopa on Jul 02, 2008 @ 07:14AM UTC *

      Marcin: Gdzie wrzuciłeś te poprawki o których piszesz?

      Kacper: Możesz jeszcze pokazać widok z dokumetacji, jak to bedzie wygladac? Masz juz to wrzucone do templatow bazowych, czy to tylko na “sztywno” html wstawiony jest?

    • By dominik.szopa on Jul 02, 2008 @ 10:16AM UTC *

      Marcin: Poprawki o ktorych piszesz to są te ktore jeszcze trzeba zrobic, tak?

      Co do stopki „design by Neurotok” to mysle że nie bedzie to problem. Kacper zrobisz te poprawki?

    • By kacper.krupa on Jul 02, 2008 @ 10:22AM UTC *

      Na razie jest sam html – jak bedzie ok, wrzuce do svn i mam nadzieje, że ktoś dostosuje. Tak, postaram się wszystkie poprawki wykonać jak najszybciej sie da. Myśle, że na piątek powinny być “zaaplikowane” i layout gotowy. Dzisiaj nie mam za bardzo czasu – przepraszam.

    • By kacper.krupa on Jul 04, 2008 @ 08:10PM UTC *

      Przepraszam bardzo, nie mam na razie czasu, myślę, że po weekendzie znajde chwilkę aby to skończyć. Źródła zaraz wrzuce do svn, jakby ktoś chciał mnie wyręczyć.

      Przepraszam.

    • By fredd4 on Jul 05, 2008 @ 07:05AM UTC *

      Wrzuciłem ten layout do projektu. Wymaga jeszcze pewnych poprawek, głównie graficznych.

    • By kacper.krupa on Aug 20, 2008 @ 06:31PM UTC *

      Stopka – dodana.
      Banner zaokrąglony.
      Gradient powinien być już widoczny (u mnie na monitorze te kolory za mało się różnią i nie wiem czy jest :D).
      Separatory poprawiłem, chociaż nie wiem czy nadal są dobrze – troszkę nie zrozumiałem.

      Co do ikonki download – na razie się wstrzymam i pomyślę jak ją umieścić :).

      “Nową”, poprawioną wersję można oglądać pod adresem: http://public.pagenoare.pl/Projects/django.pl/
      Po odpowiedzi Marcina nadpiszę pliki CSS w SVN.

      PS Panowie, może postaramy się uruchomić django.pl w premierę django 1.0 ? :>

      Pozdrawiam,
      Kacper.

    • By fredd4 on Aug 20, 2008 @ 06:50PM UTC *

      No to byłoby coś, gdybyśmy uruchomili.