Serwery wiaderko.com Zwiń / Rozwiń kategorię

HashJama [TP] 193.33.176.148:27015 | tp.wiaderko.com status serwera HashJama [TP] połącz

HashJama CS:GO [DM] 193.33.176.53:27015 | dm.wiaderko.com status serwera HashJama CS:GO [DM] połącz

HashJama CS:GO [FFA] 193.33.176.15:27015 | ffa.wiaderko.com status serwera HashJama CS:GO FFA [FFA] połącz

HashJama [TeamSpeak 3] 62.210.99.220:9987 | ts.wiaderko.com status serwera HashJama [TP ELITE] 62.210.99.220:27015 połącz

SPONSOR:
pukawka.pl

Nabór na JUNIOR ADMINA forum - Więcej informacji > Klik <
Pokaż wyniki od 1 do 12 z 12
  1. #1
    Spamer Awatar Luka
    Dołączył
    May 2008
    Wiek
    26
    Posty
    191
    Thanks
    5
    Thanked 10 Times in 8 Posts

    Domyślnie Tworzenie layoutu - Dobry poradnik

    Chodzac po roznych forach graficznych natknolem sie na dobry i pomocny poradnik. Zachecam do czytania.

    ___________________________________________________________________________

    Od czego zacząć projekt?

    1. Najpierw zapoznaj się z tematem. Dowiedz się jak najwięcej, czego on dotyczy, zorientuj się z czym się kojarzy, byś wiedział czego szukać.
    Przykładowo strony o samochodach [raczej - bo to też po części zależy od zleceniodawcy, jeśli mówimy o komercyjnych projektach] nie zrobisz cukierkowo różowej.

    2. Zrób sobie spis WSZYSTKICH elementów, które ZAWSZE będą na stronie. Przykładowo takim elementem jest menu, często też wyszukiwarka. Będziesz wiedzieć dla jakich elementów musisz znaleźć stałe miejsce.

    3. Przeglądnij strony, które mogą Cię zainspirować, pomóc w wymyśleniu układu. Pamiętaj, że układ musi być przejrzysty, uporządkowany, by potencjalny internauta mógł wszystko znaleźć od razu. Bardzo ważnym elementem na stronie jest menu. To kluczowa część, musi być wyróżniające się i łatwe w obsłudze. Co do inspiracji, to tu masz parę przydatnych stron:
    Web Templates | Flash Templates | Template Monster
    Browsing Web Interfaces on deviantART
    CSSelite.com - CSS Gallery Showcasing the best in CSS web design and development.
    digart.pl | projekty | strony www
    Browse Art, Photography, Web Design, Flash, Skins, Themes, Logos, Icons ,Fonts, Literature, and Artisan Crafts on Artician Design
    Web Design Inspiration - Inspirujące strony www - web.vivee.info
    LogoPond - Identity Inspiration - - logo/typy na strony

    4. Naszkicuj na kartce parę wersji układu. Z każdą następną zacznie Ci się rozjaśniać. Pamiętaj o rozsądnym ustawieniu elementów. Tu dochodzą też kwestie marketingowe, jak i psychologiczne - jakie elementy powinny być najbardziej widoczne i zwracać uwagę? Które muszą być, ale jak najmniej widoczne? Zastanów się nad tym przy rozmieszczaniu.
    5. Znajdź odpowiednią kolorystykę pasującą do tematu. Proponuję stosować się do niepisanej zasady grafików, a mianowicie: dwa kolory podstawowe + jeden uzupełniający. Oczywiście nie trzeba sztywno robić wg schematu, wiadomo, że w przyszłości bez problemu możemy więcej używać, jednakże początkującym dla dobrego efektu zaleca się tyle - opanować dobre zestawienie ze sobą tych trzech kolorów. Ważne są również stocki. Oto pomoce:
    Kolory:
    ColorSchemer Gallery | Website-ready color schemes for ColorSchemer
    ColorToy 2.0 - The Flash Color Scheme Generator
    kuler
    Color Palette Generator - dopasowuje kolory do stocka
    Color Scheme Designer 3
    COLOURlovers :: Color Trends + Palettes
    ColorToy 2.0 - The Flash Color Scheme Generator
    Stocki:
    http://sxc.hu
    Stock Photography: Search Royalty Free Images & Photos
    Zanim kupisz zdjęcie z iStock to możecie je wykorzystać w pracy ze znakiem wodnym, jak robi większość osób. Tu macie link do strony, dzięki której powiększycie zdjęcie:
    iStockZOOM - www.kanjar.pl - BETA2.1

    6. Zacznij tworzyć szablon w programie graficznym (Photoshop, Gimp - nie będę omawiała samej procedury tworzenia). Pamiętaj o tym, żeby robić szablony o szerokości 1008px (optymalnie 1000px), bo obecnie większość monitorów na rynku ma właśnie taką (po odjęciu scrollbar'a). Gdy będziesz robić mniejszą, to dla większości świata Twoja strona będzie nieczytelna, mała i zgubi się w przeglądarce.
    Na początku zaprojektuj podstawowe ułożenie, najważniejsze efekty, typografia - kombinuj z nią długo, by dobrać jak najlepszą czcionkę. Pamiętaj o tym, by nie wygładzać czcionek, które będą pisane ręcznie (głównie w contencie). Ważny jest również odpowiedni kontrast. Tutaj wiele początkujących popełnia podstawowe błędy, np. na białej stronie używają czarnych czcionek, co bardzo męczy wzrok. Lepiej użyć ciemnoszarego fonta, który niewiele na pierwszy rzut oka będzie się różnił, a za to nie będzie męczył wzroku. Zwróćmy uwagę też na odpowiedni rozmiar i interlinię oraz krój - powinien być taki, żeby każdy potencjalny internauta miał go na swoim komputerze. Najpopularniejsze to Arial, Verdana i Tahoma. Optymalny rozmiar czcionek jest w granicach 10-12px, a interlinii około 14px.
    To takie podstawy. Więcej o typografii znajdziecie tu:
    Typografia w projektach stron WWW | Ludwik.org - bardzo ciekawy artykuł, który w przyjazny sposób opowiada o typografii
    Rodzaje fontów

    7. Gdy już masz całość teraz zajmij się dodawaniem efektów. Ten schemat proponuję dla początkujących, by nabrać wyczucia, bo wielu przesadza z efektami od razu do każdego dodanego elementu ładując ile się da. Dlatego robiąc najpierw szkielet, a później efekty będziemy mieli wgląd w wygląd całej pracy.

    8. Gdy myślisz, że skończyłeś, to zobacz na swoją stronę. Co Cię nie zadowala? Jak powinno być? Zmieniaj. Później pokaż innym do oceny, może ktoś zwróci Ci uwagę na jakiś nieczytelny element, może Ci podpowie co u niego źle wygląda.


    Mam nadzieję, że choć trochę Wam rozjaśniłam tworzenie stron. Na koniec daję Wam wszystkie źródła z jakich ja korzystam. Jest to zbiór stron, które przewija się przez masę for, jednak ja podczas swojego używania usystematyzowałam je, wyodrębniłam działy o webdesignie i sprawdziłam informacje. Nie wstawiałam masy, ale niepotrzebnych linków.


    Tutoriale:
    Good-Tutorials - Photoshop Tutorials ? Web Layouts
    Webdesign | Vivee - blog o grafice, webmasteringu i fotografii
    Designing - Psdtuts+
    Adobe Photoshop Web Templates, Interfaces & Layouts Tutorials - Tutorialized

    Fonty na strony:
    Download fonts from classic to cool - Linotype.com
    dafont.com
    Web Fonts List website design graphic software 3000 truetype fonts
    Free Fonts - Free Font Download - Cool Fonts
    Resources - Stencil Revolution

    Ikonki na strony:
    Best Small Web Design Icon Download Sites :: Best Sites List

    Patterny:
    Download Free Repeat Patterns

    ___________________________________________________________________________

    Autor: Panthere_Noire
    Zródło: GrafaArt.org
    Ostatnio edytowane przez Luka ; 22-06-2009 o 16:13
    Portfolio: Hidden Content

  2. The Following 2 Users Say Thank You to Luka For This Useful Post:


  3. #2
    V.I.P. Awatar Ganimadeus
    Dołączył
    Jul 2008
    Wiek
    28
    Posty
    6,525
    Thanks
    38
    Thanked 354 Times in 341 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    O ciekawy tutek jutro jak znajdę czas wgłębię się w lekturę ;] GZ

  4. #3
    prawie jak pro Awatar Vario
    Dołączył
    Aug 2008
    Posty
    1,244
    Thanks
    20
    Thanked 197 Times in 90 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    lepiej napisz Autora, a nie tylko Grafart :) czytałem to, i polecam wejść na grafart, bo tutaj jakiś taki chaos sie zrobił

  5. #4
    Spamer z doświadczeniem Awatar -Non.Str!t-
    Dołączył
    May 2008
    Wiek
    25
    Posty
    224
    Thanks
    22
    Thanked 8 Times in 7 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    dostales gibona ale nie dal bym jak bym przeczytal ze skopiowany ^^

  6. #5
    Spamer z doświadczeniem Awatar Flash
    Dołączył
    Aug 2008
    Posty
    440
    Thanks
    1
    Thanked 68 Times in 54 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    Czytałem już to. Oceniać nie będę a tak a pro po zgodę autora masz ??
    Hidden Content
    Chcesz się skontaktować: Napisz na gg, 3142509 |Nie wykonuje prac za reklamę, za sms, za darmo|

  7. #6
    Spamer Awatar Luka
    Dołączył
    May 2008
    Wiek
    26
    Posty
    191
    Thanks
    5
    Thanked 10 Times in 8 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    Cytat Zamieszczone przez Flash Zobacz posta
    Czytałem już to. Oceniać nie będę a tak a pro po zgodę autora masz ??
    Podalem autora i zrodlo ;] Nie pisal ze nie mozna kopiowac ;)

    Mam nadzieje ze sie nie obrazi :p
    Portfolio: Hidden Content

  8. #7
    prawie jak pro Awatar ShooT
    Dołączył
    Dec 2008
    Posty
    1,501
    Thanks
    6
    Thanked 56 Times in 44 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    nie pisal bo nie musi w stopce strony masz napisane! i popraw zrodlo bo link nie dziala

  9. #8
    prawie jak pro Awatar A State
    Dołączył
    Dec 2008
    Posty
    1,881
    Thanks
    37
    Thanked 126 Times in 115 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    Usuń a Bo jest grafaart - ,
    Podadnik nice,
    A State of Trance 2013
    Armin van Buuren Hidden Content
    HashJama [DM] @ wiaderko.com - 193.33.176.53:27015 by Pukawka.pl

  10. #9
    Banned Awatar eNNeR.!
    Dołączył
    Jan 2009
    Posty
    1,507
    Thanks
    36
    Thanked 47 Times in 39 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    Spoko tutek skorzystam napewno ;)
    3maj gibona ;)
    Szkoda że bana masz ;p

  11. #10
    Lamka Awatar Panthere_Noire
    Dołączył
    Jun 2009
    Posty
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    Witam, z tej strony Panthere_Noire, autorka tego artykułu, który zrobiłam specjalnie dla Forum graficzne GrafArt.org :: Strona Główna.

    Chciałam wyjaśnić sprawę.
    Tu jest link do mojego artykułu:
    Forum graficzne GrafArt.org :: Zaloguj

    Na dole od początku powstania widniał dopisek:
    "Bardzo proszę o nie RIPowanie mojej pracy. Ufam Wam i udostępniam wersję tekstową, a nie graficzną, by było Wam lepiej korzystać z tego, nie zawiedźcie mnie."

    Prosiłabym o nie kopiowanie artykułów bez mojej wiedzy. Bardzo cieszę się, że się podoba, no i oczywiście że komuś się przyda. Miło mi, że użytkownik w końcu dopisał źródło i autora, jednakże byłoby mi miło, gdyby ktokolwiek wcześniej zapytał tylko o zgodę. Raczej nie byłoby problemu z umieszczeniem mojego artykułu, gdyby mnie ktoś wcześniej w ogóle o tym poinformował. Przykro mi, że tak się nie stało.

  12. #11
    Spamer z doświadczeniem Awatar zer0wiec
    Dołączył
    Dec 2008
    Wiek
    28
    Posty
    325
    Thanks
    10
    Thanked 15 Times in 15 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    dokladnie nie powinno to sie powtarzac
    193.33.176.53:27015 - HashJama DM[/B]

    pyo aka sAIDE

  13. #12
    Spamer z doświadczeniem Awatar maqq[t].
    Dołączył
    May 2009
    Wiek
    26
    Posty
    415
    Thanks
    5
    Thanked 28 Times in 7 Posts

    Domyślnie Odp: Tworzenie layoutu - Dobry poradnik

    Popraw z GrafaArt.org na GrafArt.org, tak wogóle po co mu gratulujecie ? przecież to nie jego brawka dla Panthere_noire

Podobne wątki

  1. [Szukam] Kodera do layoutu.
    By c0x121 in forum Prośby i oferty od/dla webmasterów
    Odpowiedzi: 2
    Ostatni post / autor: 26-12-2010, 13:16
  2. [Layout] Początek Layoutu
    By AzOtoNic in forum Prace graficzne do oceny
    Odpowiedzi: 3
    Ostatni post / autor: 21-12-2010, 17:20
  3. [Poradnik] Tworzenie Screnów z filmów
    By zygus26 in forum Ogólne dyskusje na temat filmów
    Odpowiedzi: 0
    Ostatni post / autor: 27-04-2010, 11:07
  4. VentriloMIX ! 2.1.4 + Poradnik jak zrobić dobry server !
    By Sevanczyk in forum OffTopic - Counter Strike, Steam
    Odpowiedzi: 1
    Ostatni post / autor: 15-03-2010, 21:36
  5. [Poradnik] Tworzenie kopii zapasowej rejestru
    By Mow mi 0 :** in forum Systemy operacyjne
    Odpowiedzi: 0
    Ostatni post / autor: 09-03-2010, 18:34
  6. Zakodowanie layoutu
    By phnom in forum Prośby i oferty od/dla webmasterów
    Odpowiedzi: 0
    Ostatni post / autor: 02-01-2010, 14:43
  7. Zakodowanie layoutu pod webspell 4.1.2
    By phnom in forum Archiwum forum
    Odpowiedzi: 0
    Ostatni post / autor: 01-01-2010, 21:03
  8. Stworzenie i pocięcie layoutu pod php-fusion
    By Mumin_090 in forum Prośby i oferty od/dla webmasterów
    Odpowiedzi: 0
    Ostatni post / autor: 20-12-2009, 22:59
  9. PORADNIK - jak być dobry na Deadthrun'ie?
    By .wlK in forum OffTopic - Counter Strike, Steam
    Odpowiedzi: 3
    Ostatni post / autor: 06-05-2009, 11:49
  10. Dobry Avatar, bardzo dobry GIBON ;)
    By ar ju fejk? in forum Prośby o wykonanie grafiki
    Odpowiedzi: 11
    Ostatni post / autor: 20-09-2008, 13:20

Odwiedzający poszukiwali:

tworzenie layoutu

projektowanie layoutu

tworzenie layoutu photoshop

program do tworzenia layoutów

dobry layout

tworzenie layoutów

tworzenie layoutu stronytworzenie layoutjak stworzyć layoutjak zrobić dobry layoutprojektowanie layoutówprogram do robienia layoutówprojektowanie szablonu www w photoshopietworzenie szablonu photoshopzasady tworzenia layoutówjak stworzyc layoutjak tworzyć layoutprojektowanie layoutu stronytworzenie layoutu na stronęporadnik layouttworzenie layoutu gimpjak zrobić layoutrobienie layoutówtworzenie szablonów photoshopzasady projektowania layoutu

Uprawnienia umieszczania postów

  • Nie możesz zakładać nowych tematów
  • Nie możesz pisać wiadomości
  • Nie możesz dodawać załączników
  • Nie możesz edytować swoich postów
  •