Artykuły z kategorii Webdesign

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.

Tniemy grafikę strony internetowej do wykorzystania w HTML

Graficy, którzy tną swoje strony internetowe, czy to do kodu HTML, czy do samych obrazków, na pewno znają bardzo dobrze działanie plasterków. Zapewne wykształcili sobie także inne sposoby na szybkie i sprawne cięcie różnych, skomplikowanych elementów stron internetowych. W tym artykule postaram się podzielić z wami moimi metodami oraz poświęcę trochę czasu na nowość dostępną w programie Photoshop CC - Generator zasobów obrazów, który przewrócił mój świat do góry nogami.