Weźmiemy dzisiaj pod lupę nawigację. O nawigacji można napisać wiele. Poniżej przedstawiam kilka moim zdaniem słusznych zasad stosowanych przy projektowaniu nawigacji, zarówno pod względem użyteczności, jak i graficznym.
» Czytaj więcej: Efektywna nawigacja – dobre praktyki
W tym tutorialu pokażę, jak stworzyć layout na portal kobiecy. Z racji takiej, że tematem jest odchudzanie, layout jest jasny, lekki i świeży.
» Czytaj więcej: Web Design Tutorial – Lekki i świeży layout na portal kobiecy
Tematem dzisiejszych inspiracji jest e-commerce. Przedstawiam 20 designów wyróżniających się kreatywnym podejściem. Inspiracje są kontynuacją artykułu Design sklepu nie musi być nudny.
» Czytaj więcej: Sklepy internetowe wyróżniające się z tłumu
Za pomocą cufona z łatwością możesz podmienić zwykłą czcionkę (a właściwie font) na nawet najbardziej fikuśną. Aby dokonać podmiany, font nie musi się znajdować w systemie odbiorcy. Wystarczą tylko 2 pliki i kilka linii kodu. Stosując niestandardowe czcionki pamiętaj, aby oddając swój design do pocięcia, dołączyć do niego plik z fontem, który jest niezbędny do zrobienia cufona.
» Czytaj więcej: Cufon – jak podmienić czcionkę
Każdy dobry Web Designer powinien znać XHTML’a, bądź HTML’a i oczywiście CSS’a. W tym tutorialu pokażę, jak zrobić stronę od zera. Przejdziemy przez cały etap tworzenia strony:
» Czytaj więcej: Tworzymy stronę w XHTML i CSS. Część 1 – XHTML
W tej części będziemy wprowadzać pocięty layout za pomocą CSS’a. Idea była taka, że będą to podstawy, ale w rezultacie, zastosowałam większość atrybutów. Jeśli czegoś nie zrozumiesz, nie przejmuj się, praktyka czyni mistrza, a to jest na prawdę sporo jak na jeden raz.
» Czytaj więcej: Tworzymy stronę w XHTML i CSS. Część 3 – CSS
W tej części stworzymy layout w Photoshopie i potniemy go, aby móc go wdrożyć za pomocą CSS’a. Pokażę od razu, dlaczego warto znać chociażby podstawy XHTML’a i CSS’a przy projektowaniu. Pewne elementy powinniśmy robić dokładniej, a inne – niekoniecznie. Dowiesz się również, jak zrobić półspłaszczenie w Photoshopie dla obrazów z przezroczystością, aby Internet Explorer pokazywał je tak, jak pozostałe przeglądarki.
Z racji tego, że za oknem jest coraz smutniej, na poprawę nastroju – piękne, pełne koloru prace.
Rainbow by Davenit
» Czytaj więcej: Kolorowe inspiracje
Przez ostatnie kilka dni robiłam research polskich sklepów internetowych w nadziei, że znajdę kilka niesamowitych designów. Znalazłam kilka ciekawych pozycji, ale to zdecydowanie za mało, biorąc pod uwagę ogrom stron, które przejrzałam. Polskie sklepy tworzone są z reguły schematycznie – header, na nim logo, pod header’em menu (o firmie, kontakt) i rozbudowane menu boczne. Można jednak zastosować inne, o wiele ciekawsze rozwiązania, bez konieczności umieszczania wszystkiego w menu bocznym, czy robienia header’a z drobną grafiką i umieszczania wszystkich produktów w siebarze. Jak się okazuje, nieszablonowe rozwiązania mogą wymagać o wiele mniej pracy, niż te, które przeważnie obserwujemy w sieci.
Czy design decobazaaru jest skomplikowany i ciężki do zrobienia? Jest przepiękny w swojej prostocie, kolory są subtelne, użytkownik skupia swoją uwagę na dużych zdjęciach produktów. Również menu produktów jest oryginalne.
Z przyjemnością otwieram dziś serię inspiracji – Najpiękniejsze polskie strony. Część z nich na pewno już znasz, bo ukazała się na zagranicznych portalach z inspiracjami. Przede wszystkim chcę pokazać, że my też mamy czym się pochwalić. Jeśli przeglądając sieć, natrafiłeś/aś na piękny polski Design, który nie został uwzględniony, zostaw nam link w komentarzach lub prześlij na adres kasia@centrumpsd.pl. A może Twoja strona zasługuje na to, aby ją dodać do kolejnej odsłony polskich inspiracji? Zapraszam do oglądania.
ecopartner
» Czytaj więcej: Najpiękniejsze polskie strony
Tematem przewodnim inspiracji są tym razem koncepcje surrealistyczne w lekko mrocznej odsłonie.
Tribute to Breast Cancer by HomeBass
» Czytaj więcej: Surrealistyczne inspiracje
Galeria najpiękniejszych, subiektywnie ocenionych prac prezentowanych na DeviantArt. Tematem przewodnim dzisiejszych inspiracji jest Miscellaneous, czyli różnorodność i złożoność.
DA by dawlaz
» Czytaj więcej: Najpiękniejsze z kolekcji – Miscellaneous
W tym tutorialu nauczysz się, jak stworzyć Line Art z rysunku wykonanego w tradycyjny sposób, bez konieczności przerysowywania linii przy pomocy tabletu, czy też obrysowywania piórem. Jedyne czego potrzebujesz to kartka papieru, ołówek bądź cienkopis oraz skaner lub aparat cyfrowy (zdjęcie w skali makro). Przekonasz się, że wydzielenie linii z rysunku i umieszczenie ich na transparentnym tle jest niezwykle proste.
Jeśli zaczynasz przygodę z cyfrowym malowaniem, to dzięki tym poradom poznasz parę technik, które pomogą Ci efektywniej tworzyć rysunki. Tak naprawdę każdy na swoją technikę rysunku, wyrobioną pod wpływem ćwiczeń. Ten artykuł zawiera kilka uniwersalnych porad m.in. na temat tego, jak zacząć, dobrać parametry pędzla, aby linie były smukłe, operować na warstwach, stosować maski odcinające i blokować przezroczyste piksele czy też rozszerzać zaznaczenie. Wszystkie po to, aby ułatwić Ci pracę. Może się okazać, że kilka z nich ukształtuje Twój sposób cyfrowego malowania. » Czytaj więcej: Rysowanie i malowanie z użyciem tabletu – porady, które ułatwią Ci pracę
Web 2.0 w grafice, Web 2.0 design, styl Web 2.0 w Web designie – po prostu nie istnieją. Nie można mówić o Web 2.0 i Web Designie w ten sposób. Web 2.0 to nie są zaokrąglone rogi, naklejki i pastelowe kolory. Termin Web 2.0 przypisujemy do wszystkiego, używamy tego terminu, tak na prawdę nic o nim nie wiedząc.
» Czytaj więcej: Czym nie jest Web 2.0
