[pr0t3r]

#webdev #frontend #www

co oznacza pojęcie "tak jakby front-end'owiec miał już to ciąć,"

Czym powinny się takie grafiki cechować ?

[TheNaturator]

@pr0t3r: Końcowa wersja projektu plus każdy element osobno (inne warstwy)? Nie wiem ale ja bym tak to widział

[le1t00]

@pr0t3r: Dopasowane do jakiegoś sensownego grida. To nie print że sobie pizgasz gdzie chcesz xD
Porządek w warstwach.

[MegaZU0]

@pr0t3r: trochę więcej niż kilka słów wyrwanych z kontekstu? Webdeveloper powinien wykorzystać Photoshopa do wyciągnięcia grafiki, ale tego jeszcze nie zrobił.

[pr0t3r]

@le1t00: @TheNaturator: @MegaZU0: kto jest odpowiedzialny w dużych firmach przy dużych projektach za cięcie ?
Jezeli chodzi o grida to chodzi o logiczna zasade czy musi to być "wyrysowane" na przyklad w illustratorze ?

[l.....l]

@pr0t3r: Grid + warstwy

[pr0t3r]

@lililililil: grid - tzn ? + kto tnie w dużych firmach takie rzeczy ?

[l.....l]

@pr0t3r: Tzn strona podzielona na wiersze oraz 8, 10, 12 lub 20 kolumn. Wszystkie wcięcia muszą znajdować się na początku którejś kolumny tzn. jak np umieszczasz jakąś grafikę na stronie to jej pozycja musi być postaci 'trzeci wiersz, czwarta kolumna' a nie '100px od lewej i 150px od góry'.

[pr0t3r]

@lililililil: ok rozumiem, czyli taki grid to odgórna zasada czy za kazdym razem się go wymyśla ? Z ciekawości zapytam- dlaczego dzieli się na kolumny a nie na 100 px z góry ?

[l.....l]

czyli taki grid to odgórna zasada czy za kazdym razem się go wymyśla ?

@pr0t3r: Można powiedzieć, że odgórna, chociaż używa się jej dla wygody tworzenia, nie dla czyjegoś widzimisię. Jako grafik powinieneś zawsze mieć informację jakiego grida użyć.

dlaczego dzieli się na kolumny a nie na 100 px z góry ?

Bo strona musi być responsywna, a ze sztywno ustalonymi pozycjami elementów musiałbyś tworzyć osobną stronę dla każdej szerokości ekranu.

[pr0t3r]

dzieki!

@lililililil:

[Greg36]

co oznacza pojęcie "tak jakby front-end'owiec miał już to ciąć,"

@pr0t3r: Że pracujesz dla kogoś ze standardami z 2008 roku.

[pr0t3r]

@Greg36 ok. A jakie sa standardy dzisiaj ?

[Greg36]

@pr0t3r:
Chris Coyier - A Modern Web Designer’s Workflow - BDConf 2012
Responsive Design Workflow by Stephen Hay 2012
Web Design is a Process - Morten Rand-Hendriksen 2014
Faster Design Decisions with Style Tiles by Samantha Warren 2015

Każdy z tych filmów jest wart obejrzenia. Właśnie te 4 mówiące o ogóle procesu to jedne z najbardziej wartościowych prezentacji jakie miałem przyjemność oglądać. Polecam każdemu kto dalej "tnie peesdeki" albo tworzy pełne

[justlogin]

@Greg36: jakieś tl:dr, chodzi o projektowanie już od razu w przeglądarce?

[Greg36]

@justlogin: Te materiały to 40 minutowe tl;dr całego procesu.