Artykuły z tagiem: responsive

Darmowe materiały #32

Jeśli ze zniecierpliwieniem oczekiwaliście kolejnej edycji tekstu z serii darmowych materiałów - jego czas właśnie nastał. Dzisiaj znajdziecie tutaj mockupy oraz wszelkiej maści materiały, które stanowić mogą "półprodukty" od Waszych działań, takie jak na przykład tła czy wektorowe grafiki. Wszystkie elementy naszej listy są oczywiście darmowe i udostępnione do komercyjnego użytku.

Design responsywny a adaptywny – który jest lepszym wyborem dla projektantów?

Google zawsze stawiało na responsywne strony internetowe – a 21 kwietnia gigant z Mountain View wypuścił dużą aktualizację, po której wszystkie strony przyjazne użytkownikom korzystającym z urządzeń mobilnych będą pozycjonowane jeszcze wyżej w wynikach wyszukiwania. Aktualizacja ta nie zakłada jednak, że korzystanie z designu responsywnego stanie się koniecznością; zakłada tyle, że strona będzie musiała być dostępna w wersji mobilnej, zapewniać dobre doświadczenie użytkownika i wydajność.

Projektowanie z wykorzystaniem obszarów kompozycji Photoshopa

30 listopada Adobe wypuściło kolejna, znaczną aktualizację swojego flagowego programu - Photoshopa. Zaszło kilka zmian, niektóre opcje pojawiły się po raz pierwszy, a inne zostały udoskonalone. W dzisiejszym artykule chciałabym pochylić się nad wspominanymi w jednym z wcześniejszych artykułów obszarami kompozycji, które zostały znacznie zaktualizowane. Wcześniejsze obszary były bardzo niedopracowane, brakowało w nich ważniejszych funkcji, takich jak chociażby indywidualne linie pomocnicze dla konkretnych obszarów, możliwość kopiowania ich czy dobrego eksportu. Przy okazji warto też wspomnieć o tym, że oprócz funkcji, zmienił się także nieco sam interfejs - ikony, cienie, tła. Zobaczycie to na screenach poniżej.

Grafiki na responsywnej stronie internetowej

Stworzenie strony internetowej, która poprawnie wyświetli się w wielu rozdzielczościach, to zawsze spore wyzwanie. Jednym z jego elementów jest poprawne skalowanie obrazków, aby dostosować je do dostępnej w danym urządzeniu liczby pikseli. W tym artykule omówię większość popularnych metod na radzenie sobie z obrazkami na responsywnej stronie internetowej.

Darmowe materiały #15

Nadszedł czas na kolejne zestawienie darmowych materiałów dla grafików. W tym ograniczyłam się do jedynie dwóch kategorii - ikon oraz mockupów, jednak zebrałam w nich trochę więcej materiałów. Mam nadzieję, że i tym razem znajdziecie pośród nich coś, co przyda się wam w codziennej pracy. Wszystkie zamieszczone tutaj pliki są udostępnione do darmowego pobrania, jednak różnią się licencjami.

Jak prezentować projekty stron internetowych klientowi?

Z projektowaniem stron internetowych nierozerwalnie wiąże się także ich prezentowanie. W jaki sposób to robić? Przed tym dylematem staje prawdopodobnie większość z nas. W tym artykule zebrałam ciekawsze z rozwiązań, które stosuję, albo o których informacje znalazłam w sieci. Mam nadzieję, że poniższy artykuł pomoże wam lepiej sprzedawać swoje projekty i usprawniać proces pracy nad nimi.

Projektujemy responsywną stronę z wykorzystaniem Adobe Edge Reflow

O Edge Reflow wspominaliśmy już w artykule na temat spotkania Create Now organizowanego w Warszawie na początku marca. Jak niektórzy z was zapewne wiedzą - jest to nowy program od Adobe pozwalający na tworzenie responsywnych stron internetowych. Jako że zapytani o to, o czym chcecie przeczytać najbardziej opowiedzieliście chórem “responsive”, postanowiłam na początek przygotować tutorial na tworzenie strony z wykorzystaniem właśnie tej aplikacji.

Ciekawe rozwiązania technologiczne w polskich stronach internetowych

W zeszłym roku dostaliśmy do dyspozycji nowe narzędzia do kodowania, HTML5 & CSS3. Dzięki nim, możemy posunąć się o kolejny krok dalej w projektowaniu stron WWW. Najczęściej spotykane obecnie nowinki to Full Screen Design, Fixed Position (elementy, które nie zmieniają pozycji) oraz Responsive Web Design, które zagościło również w Grafmag’u. Można spotkać także różnego rodzaju animacje i elementy interaktywne, które potrafią zdumiewać efektami.