Przejdź do głównej zawartości

Czym jest FLAT DESIGN?

Projektowanie graficzne Ewelina Bogacz eb-studio.pl
Flat UI Design.
Flat design jest trendem projektowania stron internetowych oraz interfejsów aplikacji i systemów operacyjnych charakteryzujący się płaskim wyglądem: płaskie minimalistyczne ikony, płaskie menu, wyraziste kolory, płaskie ilustracje i otwartą przestrzeń. Ikony to zwykle proste symbole, menu są płaskie jednokolorowe. Strony internetowe zaprojektowane w ten sposób charakteryzuje dużo przestrzeni i minimalizm.

Microsoft był jednym z pierwszych, którzy zastosowali ten styl projektowania do jego interfejsu(Metro UI). Tak więc można określić, iż moda na tzw. płaskie projektowanie nadeszła wraz z pojawieniem się systemu Windows 8.

Minimalistyczny nie oznacza nudny.

We flat design, elementy ozdobne są postrzegane jako źródło niepotrzebnego bałaganu.  Nie przekłada się to  na aspekt funkcjonalny, a służy tylko odwróceniu uwagi użytkowników. I to jest najważniejszy powód dlaczego w obecnych czasach projektuje się płasko i przejrzyście.

Płaskie projektowanie (flat design) stało się bardzo popularne od 2013 roku, kiedy to firma Apple, wprowadziła całkiem nowy(spłaszczony) interfejs użytkownika w swoim produkcie - iOS 7. Od tego momentu w sieci pojawia się coraz więcej projektów, w których nie zobaczymy gradientów, cieni, ani żadnych innych efektów służących nadaniu głębi elementom pojawiających się w projektach. 
Projektowanie graficzne Ewelina Bogacz EB Studio
Flat Design. Strona przygotowana zgodnie z płaskim projektowaniem. 

Aby zaprojektować skuteczną płaską stronę, wszystkie elementy konstrukcyjne muszą koncentrować się na tej idei prostoty. W płaskim projekcie spotkać można także wykorzystywanie najnowszych rozwiązań technologicznych jak HTML5/CSS3, efekty typu parralax, polegające na zachodzeniu tła każdej sekcji na siebie – dodając prędkości ich przesuwu, dostajemy wówczas wrażenie głębi całego układu. Ostatecznie cały projekt prezentuje się przejrzyście, czytelnie, a jednocześnie nie jest pozbawiony efektów.
Projektowanie graficzne Ewelina Bogacz EB Studio
Flat Design. Strona przygotowana zgodnie z płaskim projektowaniem.

Stałe, żywe kolory, proste kształty, przestrzenie, a także stosowanie bezszeryfowej typografii zapewnia czysty, ostry dodatek do ilustracji. Elementy interfejsu użytkownika, takie jak przyciski i linki są wyraźne i widoczne. Odpowiednio dobrana, ciekawa czcionka potrafi zdecydowanie podnieść pierwsze wrażeniu oglądającego – flat design nie istniał by bez połączenia koloru z pismem – zastosowaniem różnej wielkości, grubości dla nagłówków, krótkich bloków tekstu wprowadzającego, opisowego lub dużych tłustych cyfr adresu czy wyliczeń etc, tak aby finalnie cały projekt prezentował się przejrzyście, czytelnie, a jednocześnie nie był pozbawiony efektów.



Projektowanie graficzne Ewelina Bogacz EB Studio
Odświeżenie logotypu w stylu Flat Design.
Projektowanie graficzne Ewelina Bogacz EB Studio
Flat design.
W poszukiwaniu ciekawych inspiracji polecam przeglądnąć:
http://flatinspire.com
http://www.pinterest.com/baluqa/flat-design-inspiration/

Zainteresowanych projektami stron zapraszam na http://eb-studio.pl

Komentarze

Popularne posty z tego bloga

Dlaczego strony responsywne to przyszłość?

    Google twierdzi, że strony responsywne to najlepsza konfiguracja dla internetu mobilnego, a nawet posuwa się tak daleko, iż odnosi się do Responsive Web Design jako najlepszej praktyki w branży.    Strona eb-studio.pl w technice responsywnej (RWD) 1. Rekomendowane przez Google. To dlatego, że projektowanie stron reagujących na skalowanie mają jeden i ten sam adres URL. Projektowanie w HTML5 niezależnie od urządzenia, co sprawia, że są łatwiejsze i bardziej efektywne dla Google do przeszukiwania, indeksowania i organizowania zawartości. W porównaniu z oddzielną stroną dla telefonu, która ma inny adres URL i inny pulpit HTML niż jego odpowiednik, wymagający od Google przeszukiwania i indeksowania wiele wersji tej samej witryny. 2. Jedna strona wiele urządzeń. Jednym z najbardziej atrakcyjnych aspektów responsive web design jest to, że strona internetowa może zapewnić wspaniałe doświadczenie dla użytkownika na wielu urządzeniach i rozmiarach ekranów. Jest to ważna c

Przyspiesz swoją stronę www

Co prawda temat luźno związany z projektowaniem graficznym, ale jak najbardziej na czasie. Warto wziąć pod uwagę tą technikę projektując witrynę od strony kodowania. Proste umieszczenie w kodzie linku pobrania wstępnego jest techniką która instruuje przeglądarkę do pobrania zdefiniowanych zasobów w tle.  W rezultacie, kiedy odwiedzający wchodzi na twoją stronę zdefiniowane zasoby zostają wstępnie pobrane, przeglądarka ładuje je szybko z cache. Możesz użyć link prefetching do przyspieszenia strony w pewnych przypadkach.  Pobieranie wstępne nie jest wspierane we wszystkich przeglądarkach. Użyj tego   narzędzia  by sprawdzić która przeglądarka ma wsparcie dla prefetch.  Użycie Prefetch tag Możesz wyszczególnić jakich zasobów ma dotyczyć pobranie wstępne używając komendy  <link rel="prefetch"/> : < link rel = "prefetch" href = "http://mojadomena.com/strona.html" /> Powyższe otagowanie instruuje przeglądarkę do pobrania wstępnego li