Artykuły z kategorii Webdesign

Przegląd trendów w webdesignie na 2017 rok

Stosunkowo niedawno podsumowywałam trendy, które królowały w sieci w 2016 roku, czas więc zastanowić się, co ciekawego czeka nas tym razem. Jakie metody i stylistyki zachowają swoją świeżość przez cały kolejny rok, a które po chwili staną się (niemiłym) wspomnieniem? Co będzie inspirować nas w najbliższym czasie? Oczywiście nie ma na to jednoznacznej odpowiedzi, a moje przewidywania są tylko strzałami bazującymi na tym co udało mi się zaobserwować, jednak mam nadzieję, że chociaż część z nich pojawi się w Waszych nadchodzących realizacjach, a później w naszych zestawieniach inspirujących stron.

Szkoła szwajcarska (Swiss Style) i jej wykorzystanie w projektowaniu stron

W lutym pisałam o stylu material i możliwościach jego zastosowania na stronach internetowych oraz wszelkiego rodzaju projektach. Dzisiaj nadszedł czas na inną inspirację - szkołę szwajcarską, która często stanowi natchnienie dla twórców stron internetowych, szczególnie wtedy, gdy tworzą własne portfolio lub strony pracowników innych, kreatywnych profesji. O szkole szwajcarskiej (Swiss Style), nazywanej inaczej także International Typographic Style mówi się w projektowaniu stosunkowo niewiele.

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ść.

Czym jest Material Design? Teoria, zasady, materiały i przykłady

W jednym z ostatnich artykułów podsumowujących najpopularniejsze trendy na 2016 rok wspomniałam o stylu material design, który zdobywa coraz większą popularność i coraz częściej pojawia się na stronach internetowych i aplikacjach. Chociaż o samym stylu słyszy się wiele, nie wszyscy do końca wiedzą czym jest i skąd się wywodzi. Material design został stworzony przez Google, które chciało dać swoim użytkownikom prosty, a równocześnie czytelny i łatwo dostosowywalny do różnych płaszczyzn styl graficzny.

Ciekawe trendy w projektowaniu stron internetowych na 2016 rok

Połowa lutego już za nami, powoli kończy się więc czas w jakim podsumowania poprzedniego roku i przewidywania ciekawostek na kolejny mają większy sens. Na Grafmagu przeczytać mogliście nasze podsumowanie roku 2015, spróbować dopasować do siebie odpowiednie postanowienie na rok 2016, poznać plany światowej klasy artystów i zapoznać się z podsumowaniem rebrandingów z 2015 roku. Dzisiaj natomiast chciałabym podzielić się z Wami obserwacjami i moimi przewidywaniami na temat tego, co czeka nas w projektowaniu stron internetowych w 2016 roku.

Responsywny projekt strony internetowej z wykorzystaniem obszarów kompozycji Photoshopa

Projektowanie responsywnych stron internetowych za pomocą Photoshopa nie jest najwygodniejszym zajęciem. Ciągłe tworzenie nowych dokumentów i przenoszenie ich elementów może być wyjątkowo męczące i trwać zdecydowanie zbyt długo. Twórcy wraz z jedną z ostatnich aktualizacji oprogramowania postanowili nieco ułatwić nam to zadanie tworząc obszary kompozycji, ang. artboardy.

7 ciekawych i popularnych trendów w projektowaniu stron internetowych

Moda i zasady projektowania stron internetowych zmieniają się stosunkowo szybko, dostosowując do możliwości przeglądarek internetowych i zapotrzebowania użytkowników. Obserwuję to zarówno ze względów zawodowych, jak i jako twórca Grafmaga, w szczególności w związku z serią inspirujących stron internetowych. Podczas tworzenia ostatniego tekstu zauważyłam, że spora część uznawanych za interesujące i kreatywne witryny (wyróżnianych na różnych portalach), powtarza popularne schematy. Postanowiłam więc zebrać je w jednym tekście i spróbować zrozumieć, co teraz jest cool.

Adobe Extract – czy może zastąpić Photoshopa w cięciu stron?

Adobe Photoshop od wielu lat pozostaje jednym z najpopularniejszych programów służących do projektowania stron internetowych. Na rynku pojawiają się inne rozwiązania, jednak nie są one w większości przypadków w pełni sprostać oczekiwaniom grafików. Programiści Adobe ciągle rozwijają oprogramowanie o nowe funkcje, co z jednej strony przynosi duże korzyści, z drugiej - zmniejsza prawdopodobieństwo poprawnego otwarcia pliku za pomocą innego oprogramowania.

Najczęstsze błędy w typografii internetowej, których powinieneś unikać

Typografia internetowa czerpie całymi garściami z rozwiązań i zasad, które wykształciły się na przestrzeni lat w procesie kształtowania się formy typografii znanej z materiałów drukowanych, szczególnie książek. W idealnym świecie do użytku projektanta stron dostępne byłyby wszystkie te rozwiązania, niestety nie zawsze tak jest. Często podczas projektowania musimy iść na ustępstwa, jednak warto pamiętać o kilku podstawowych grzechach, których nie warto popełniać.

Kodowanie gradientów z trybami mieszania z wykorzystaniem Less

Ciągła walka i starcia pomiędzy grafikami i koderami trwa, nawet jeśli się lubią. Jedni chcą, aby strony były piękne, drudzy patrzą na wagę plików i przejrzystość kodu. W większości przypadków udaje się oczywiście dojść do kompromisów, niektóre rzeczy trzeba jednak robić na okrętkę, utrudniając pracę i jednym i drugim. Programiści zapewne świetnie znają Less, graficy już niekoniecznie, może gdzieś bije dzwon, ale nie do końca wiadomo gdzie. Dla niewtajemniczonych - Less jest bardzo ciekawym rozwiązaniem rozszerzającym możliwości korzystania ze standardowego CSS-a o nowe funkcjonalności, takie jak dodawanie zmiennych, tworzenie zbiorów stylów czy pseudofunkcji całkowicie według własnego uznania. Sama czasem trochę koduję i właśnie stąd wziął się pomysł na ten tekst.

Projektujemy stronę z wykorzystaniem połączonych obiektów inteligentnych

Każda osoba, która zajmuje się projektowaniem stron internetowych zapewne jest zaznajomiona z mniejszymi i większymi uciążliwościami związanymi z wprowadzeniem na swoje projekty poprawek. Oprócz oczywistego bólu związanego z psuciem projektów przez klienta, są takie inne - związane z poprawianiem tekstów, zawartości menu, czy nagłówków znajdujących się na każdej podstronie.

Responsywna strona internetowa z Adobe Photoshop i Edge Reflow

Responsywne strony internetowe zagościły w naszym graficznym świecie na dobre i patrząc na rozwój nowoczesnych technologii, prawdopodobnie już nigdy go nie opuszczą. Grafikom nie pozostaje nic innego, jak tylko zgłębiać tą tematykę i rozwijać swoje umiejętności. Projektanci, którzy znają HTML i CSS wiedzą, jak zachowują się elementy strony podczas jej skalowania, projektowane responsywne przychodzi im więc nieco łatwiej. Osoby, które tej wiedzy nie posiadają, mogą spodziewać się bólu głowy, krzyków i kłótni z programistą, który nie będzie w stanie zakodować zaakceptowanego już przez klienta projektu.