Płaska konstrukcja (płaska konstrukcja) - stosunkowo nowy trend, który nie przestaje mówić całą społeczność projektową.
Ktoś go lubi, ktoś absolutnie nie może przyzwyczaić się do niego, a nawet nienawidzi.
Dobry projekt musi najpierw rozwiązać zadanie biznesowe klienta, co oznacza, że \u200b\u200bosiągnie kwestię wtórnego. Jeśli projektant wybrał jako styl lub narzędzie - "Płaska konstrukcja" - więc tak będzie! Ale nie zapominaj, że taki stylista nie nadaje się do wszystkich projektów.
Przeanalizujmy więc, czego potrzebujesz, aby nie zapomnieć, czy zdecydujesz się ulec trendowi mody i pracować w stylistyce "Płaska konstrukcji".
Podstawowymi zasadami płaskiej konstrukcji to:
1. Brak efektów
2. Proste przedmioty
3. Akcent na typografii
4. Skup się na kolorze
5. Minimalistyczny podejście
6. "Prawie" Płaska konstrukcja
Teraz spójrzmy na każdy z zasad płaskiej konstrukcji bardziej szczegółowo:
Brak efektów
W Płaskiej konstrukcji efekty są najczęściej używane jako: cień, piszczki, tłoczenie, gradienty lub inne techniki, które dodają głębokość i objętość. Brak efektów 3d i transmisji istotności, w przeciwieństwie do przeciwnika stylistycznego "Skembamphism". Każdy przedmiot powinien pozostać jasny, czy to ikona, panel nawigacyjny lub ramka, przycisk i tak dalej.
Płaski styl ma wyraźny wygląd bez dodatkowe funkcje i elementy. Opiera się na wyraźnym uczuciu hierarchii kompozytowej i umieszczenia elementów. Ta struktura Pomaga postrzegać projekt i być intuicyjny dla każdego użytkownika.
Proste przedmioty
Płaska konstrukcja często korzysta z prostych elementów interfejsu użytkownika, takich jak przyciski i ikony i tak dalej. Projektanci, tworząc te elementy interfejsu, trzymaj proste figury (prostokąt, koło, kwadrat itp.) - Pozwala to każdemu formularzowi.
Ale nie mylmy prostych elementów prosta konstrukcja, Płaska konstrukcja koncepcja może być tak skomplikowana jak jakakolwiek stylistycznie różna koncepcja koncepcji koncepcji.
Akcent na typografii
Ponieważ płaska konstrukcja jest zbudowana na elementach prostej formy bez objętości, typografia jest niezwykle ważnym elementem w płaskiej kompozycji.
Charakter czcionki musi się dopasować ogólny schemat A kompozycje są zbyt skomplikowane czcionki mogą wyglądać dziwnie i zapowiedzi na zbyt uproszczonej modelu modelu. Korzystne jest użycie prostej czcionki bez serifów, tłustej lub odważnej. Tekst musi być zharmonizowany za pomocą prostej formy.
Czcionka musi być narzędziem pomocniczym, pomóc użytkownikom interakcji z naszym interfejsem. Inskrypcje na przyciskach i innych elementach nie powinny być skomplikowane.
Skup się na kolorze
Kolor jest ważnym elementem projektu. Płaska paleta design, często znacznie jaśniejsza i bardziej kolorowa niż w przypadku innego stylu. W porównaniu z konwencjonalną konstrukcją, która koncentruje się na 2-3 kolorach, płaska konstrukcja może zawierać 6 lub nawet 8 odcieni kolorów.
Od autora: Pozdrowienia, przyjaciele! Dziś porozmawiamy o tym, co jest płaską konstrukcją lub płaską konstrukcją. Termin ten od dawna podbił serce projektantów stron internetowych i pewnie utrzymuje tak daleko trend. Największe firmy (Google, YouTube, Microsoft, Apple Inc. itp.) Użyj go do zaprojektowania swoich witryn i aplikacji. Czy nadal nie jesteś w sektorze kibiców płaskiej konstrukcji? Potem idziemy do ciebie!
Jak myślisz, jaki jest powód takiej szalonej popularności płaska konstrukcja? Odpowiem ci w skrócie: to naprawdę działa! W tym artykule, wyjaśnię ci, jaki rodzaj stylu opowiem ci o swoich zaletach i minusach, pokażę ci kilka doskonałych przykładów projektu witryn, które prawdopodobnie zainspirują Cię na wyczynach. Więc chodźmy!
Wszystko zaczęło się od skvomorfizmu
Dla tych, którzy nie wiedzą, skoomorfizm nie jest kluczowym słowem, ale kolejnym stylem projektowania stron internetowych. Płaska konstrukcja jest często reprezentowana jako przeciwny skiorfizm, który moim zdaniem nie jest całkowicie poprawny. Jest to dość uproszczone niż antagonizm.
Do 2010 r. Skiomorfizm był dominującym stylem w projekcie interfejsu. Przemieszczył przedmioty, jak wyglądały w rzeczywistości, aktywnie używając tekstur, cieni, odbicia i innych atrybutów trójwymiarowego obrazu. Szczególnie próbował w tym względzie firma Apple.który dokładnie wyciągnął większość oprogramowania oprogramowania z prawdziwymi obiektami.
Wkrótce Ikony Pseudo-Brick przestały przyciągnąć większość użytkowników i programistów internetowych, które położyły początek projektu serwisu Ere. Świat doszedł do wniosku, że wszystkie elementy dekoracyjne muszą zostać usunięte, ale pozostawić tylko coś, z którym wygodne jest interakcję użytkownika końcowego.
"Najlepszym wzorem jest mniejsza konstrukcja".
Jako Dieter Rams, znany projektant przemysłowy, przeciwstawiający się obsesyjnym konstrukcji, efektach animacji itp. W czerwcu 2013 r. Apple Inc. Wprowadził rewolucyjny IOS 7, który otrzymał wszystkie atrybuty w stylu płaskiej konstrukcji internetowej. Jednak samolot nie natychmiast "wygrał" realizm i objętość.
Użytkownicy nie mogli zapomnieć o Magii Steve Jobs and Icons: "Kto chce dziergać." Wiele nawet rozłożone z "nędzną siedem" i przeniósł się do "Radiant Android". Wyciągnął olej do ognia i dużą liczbę błędów obecnych w IOS 7 i wybielanie, przezroczystą konstrukcję z paralaksacją i animacją w postaci "snota" podczas otwierania aplikacji.
Ci, którzy zrezygnowali z nieuniknionej rzeczywistości i w końcu pozostali z systemem operacyjnym "Apple", zdali sobie sprawę, że płaski projekt stron internetowych był nie tylko interesujący, ale także przynosi zamówienie i pojedynczy styl wizualny do wszystkich aplikacji.
Plusy i minusy konstrukcja
Korzyści z używania tego stylu można przypisać:
przejrzystość składu i zwięzłość funduszy wizualnych. Responsive Interfejs w stylu "nic", dzięki czemu użytkownicy są szybci, aby uświadomić sobie, że chcieli je przekazać;
skup się na dobrej typografii. Zawartość w pierwszej kolejności, która jest niezwykle ważna w nowoczesnej obfitości informacji;
mniejsze strony internetowe i przyspieszenie witryny kosztem minimalnej liczby efektów wizualnych. Jest to szczególnie przydatne podczas tworzenia adaptacyjne wersje, ponieważ im prostsza forma, tym łatwiej jest wyświetlać je na małych ekranach. urządzenia mobilne.
Płaska konstrukcja i wady internetowe:
ograniczenie projektanta WWW Fantasy z uproszczonymi kolorami, typografią, ikonografią. Dlatego ryzyko stworzenia nudnego i niewyrażającego miejsca powyżej;
brak trzech wymiarów i cieni czasami nie pozwala zrozumieć, ograniczonego elementu, czy nie;
brak określonych stałych zasad.
Jeśli zdecydowałeś się użyć tego stylu na swojej stronie, gratuluję - sugeruje to, że dbasz o wygodę użytkowników i nadążaj za czasami. Jeśli wystarczy rozpocząć karierę projektantów internetowych i nie wiem, jak prawidłowo korzystać z płaskiej konstrukcji, aby Twoja witryna wygląda na bieżąco, ale nie prymitywna, użyj następujących wskazówek:
Zapomnij o "ścianach z cegieł" i jasnych środowisk. W Flat Web Design It jest zwyczajowym używaniem prostych, gładkich, nieodpowiednich obrazów na tle.
Brak gradientów, ikon woluminowych, animowanych przejść i innych efektów specjalnych. Wszystko to zabierze twoją witrynę i przyniesie brazy - czy potrzebujesz?
Użyj płaskich ikon z wyraźnymi konturami, dodając wygodę i funkcjonalność.
Użyj jasnej, soczystej palety kolorów. Teraz w trendzie sunshine tone: jasny żółty, różowy i zielony. Najważniejsze, nie przesadzaj - kolory na stronie nie powinny być więcej niż 3.
Skoncentruj się na typografii. W Płaskiej konstrukcji preferuje się jasnych, oryginalnych napisach, które tworzą wezwanie do działania i zapewniają wygodną nawigację na stronie. Ważne jest również, aby tego nie przesadza. Zapomnij o "odręcznie" i innych czcionkach. Wielkie litery mogą być używane do podświetlenia nagłówków.
Nie wahaj się użyć różnych kształtów geometrycznych. Kwadraty, koła, linie i inne dane pomogą nie tylko poprawić strukturę witryny, ale także tworzyć jasną hierarchię, a także dzielić treść. Użytkownicy docenią, uwierz mi.
Intyzować menu nawigacyjne i inne elementy witryny. Używaj konwencjonalnych prostokątów bez cieni i oświetlenia jako przycisków.
Tak więc, na przestrzeni lat, strony internetowe z płaską konstrukcją stały się standardem przyjętym absolutnie. Spójrz na większość nowoczesnych witryn - są płaskie "do mózgu kości".
Wreszcie dam obiecał przykłady udanej płaskiej konstrukcji, która może służyć jako inspiracja do tworzenia własnych arcydzieł.
1. Witryna http://dunked.com.
Popularna strona do wydawania portfolio, zorientowana na przedstawicieli różnych zawodów kreatywnych. Minimalistyczny płaski projektowanie stron internetowych powoduje poczucie wiarygodnej i zrozumiałej usługi, która nie rozprasza niepotrzebnych efektów specjalnych.
2. Interfejs Microsoft.
Microsoft jest jedną z firm, w których styl płaski jest taki popularny. Może pamiętaj o gracz Zune - konkurenta iPod, który Microsoft wydał w połowie 2000 roku? Wzmacniacz tego produktu była ostro różna od większości zastosowań w tym czasie, w dużej mierze ze względu na dużą typografię, płaskie ikony, duże i jasne formy.
Ten interfejs o nazwie Metro, później przeniósł się do komputery osobiste (Windows 8), interfejs Xbox 360 i inne produkty oprogramowania MirCoSoft.
3. Witryna http://www.vox.com.
Cóż, zainspirowany? W dół z pseudoalistą 3D estetyką!
To wszystko. Subskrybuj, podziel się naszymi artykułami z przyjaciółmi portale społecznościowe. Wysokie konwersje!
W tym artykule opowiem ci o płaskiej konstrukcji. Prawdopodobnie już coś o tym słyszałeś, ponieważ mieszkanie w ciągu ostatnich kilku lat stało się jednym z wiodących trendów w sieci.
Dziś będziemy to zrozumieć, jak wygląda płaska konstrukcja, jest to, że musisz stworzyć czyste, jasne i responsywne projektowanie.
możesz znaleźć dobre przykłady. Płaska konstrukcja na stronie http://market.envato.com/. Istnieje wiele układów, ikon i wzorów, które dają wyraźne zrozumienie tego, jak wygląda nowoczesny wygląd. .
1. Jaka jest taka płaska konstrukcja?
Płaska konstrukcja - nowoczesny styl Interfejs użytkownika, a także projektowanie graficzne, charakteryzujące się minimalistycznym. W przypadku konstrukcji płaskiej, stosowanie minimum elementów i brak różnych skutków tekstury, cienia i światła, na przykład: pomieszane kolory, gradienty, odblaski i tak dalej.
Mieszkanie jest przeciwny narzeżeniu( skvomorfizm jest zasadą projektu, gdy pojedynczy produkt ma wygląd innego, tj. Gdy różne elementy interfejsu są kopiowane z rzeczywistych obiektów - ok. Transfer.) , a także bogaty projekt. Warto jednak powiedzieć, że płaska konstrukcja nie jest wcale tak prosta, jak się wydaje na pierwszy rzut oka. Obejmuje pewne cechy skewerfizmu, ale porozmawiamy o tym trochę później.
Ogólnie rzecz biorąc, mieszkanie pomaga skupić użytkownika na treści, bez rozproszenia efektów wizualnych. Płaska konstrukcja podkreśla prostotę elementów, jednocześnie sprawiając, że interfejs bardziej reaguje, przyjemny i łatwy w użyciu.
2. Mała historia
Płaska konstrukcja, jak wiesz, istniał długo przed chwilą, kiedy stał się światowym trendem w sieci. Płaska konstrukcja była dość popularna w latach 80. ze względu na fakt, że technika w tym czasie nie została jeszcze tak rozwijana, aby utrzymać złożone skutki, tekstury i cieni. Jednak nawet wtedy projekt poszukiwany do scenerii, próbując wprowadzić elementy interfejsu jako możliwe, jak to możliwe.
Płaska konstrukcja, w wyglądzie, w którym to widzimy teraz, zaczął zdobywać popularność po tym, jak Microsoft zaczął produkować produkty w tzw. Metro-style. Metro - projekt UI z Microsoft, uderzający ze stylową i prostotą.
W 2010 roku Microsoft wydany telefon Windows 7, który użył płaskiej konstrukcji z ostrymi krawędziami i prostą grafiką odziedziczoną z jednego z najwcześniejszych produktówMicrosoft (Zune). Później, inspirowany sukcesem Microsoft wydał system operacyjny systemu Windows 8 na podstawie tego samego płaskiego stylu metra.
W końcu płaska konstrukcja osiągnęła szczyt popularności w 2013 r., Kiedy Apple zwolnił iOS 7 Wykazanie zasadniczo nowy styl Z całkowicie zmodyfikowanym elementami interfejsu użytkownika, w tym ikonami i czcionkami. Apple stworzony wizualne zasady projektu UI-iCOMOMA .
Wkrótce potem Google rozpoczął również za pomocą płaskiego stylu w swoich aplikacjach i stronach internetowych, dzwoniąc Wygląd materiału. . Google ma nawet całą sekcję dedykowaną do tego stylu, w tym opisu celów projektowych stron internetowych, jej zasad i wytycznych dotyczących tworzenia różnych obiektów projektowych: ikony, układy i tak dalej.
Od tego czasu mieszkanie stało się kierunek klucza W projekcie internetowym, tworzenie stron, aplikacje i elementy interfejsu z eleganckim, czystym i stylowym.
W ten sposób istnieją trzy globalne próba płaskiego projektu z firm, bez których trudno jest przesłać nowoczesny świat technologii:
Metro design Microsoft
Apple IOS 7 Design
Projekt materiału Google
3. Pamiętaj o czystości
Płaska konstrukcja wydaje się być nazywana "mieszkaniem" z powodu braku trójwymiarowych elementów i efektów realistycznych, takich jak: gradienty, tekstury, blasku, półtonów, cienia. Pamiętaj, że styl płaski jest dwuwymiarową (płaską) metodą obiektów obrazu.
Ponadto w płaskiej konstrukcji przedmioty są przedstawiane bardzo proste i stylizowane.
Czasami jest nawet używany po prostu sylwetka lub kontury obiektów, tj. Dokładnie tak wiele do rozpoznawalności obiektów, ale nie przeciążaj go z nieznacznymi szczegółami.
Minimalizm stał się dziś globalnym trendem: prostota formularzy i użycie ostrych krawędzi tworzy czystą i przyjemną konstrukcję oczu. Proste formy są bardziej zrozumiały i łatwe do postrzegania. Sprawia, że \u200b\u200bprojekt minimalistyczny, czysty, nie pozwalający na zakup załadowanego, zaburzenia widoku.
4. Upewnij się, że perfekcja
Wiedz, jeśli chodzi o tworzenie płaskich ikon i elementów interfejsu użytkownika, musisz sprawić, by wyglądały jak chrupiący, schludny i idealny do pikseli, tj. Tak daleko, by to możliwe. Ponadto stosuje się do rastra i grafiki wektorowej.
Sprecyzować Adobe Photoshop. Wszystko jest tutaj czyste: działa wykres rastrowyktóry jest oparty na pikselach.
Jeśli chodzi o program Adobe Illustrator., Używa grafiki wektorowej składającej się z krzywych i linii, zwanych wektory, które są definiowane przez wzory matematyczne.
Kiedyś Adobe Illustrator nie był szczególnie wygodny program. Stworzyć idealną grafikę pikseli. Dobra wiadomość jest taka najnowsze wersje. Illustrator Steel. doskonałe narzędzie Stworzyć dobrą grafikę.
Muszę powiedzieć, że grafika wektorowa zasadniczo oznacza pracę z prostymi, płaskimi kształtami, czystymi kolorami i siatką różne rodzaje pyszne. Dzięki temu proces tworzenia doskonałej konstrukcji, która będzie czysta i stylowo spojrzeć na dowolnym wyświetlaczu, stał się łatwiejszy. Jeśli chcesz dowiedzieć się, jak tworzyć idealną grafikę, powinieneś zapoznać się z artykułem: Jak utworzyć grafikę pikselową za pomocą programu Adobe Illustrator .
5. Kolor.
Jedną z najbardziej specyficznych cech płaskiej konstrukcji, oprócz cieni, jest stosowanie kolorów. Większość kolorów używających płaskiej konstrukcji w ich elementach składa się tylko z kilku podstawowych kolorów.
Kolor w płaskiej konstrukcji charakteryzuje się jasnością, nasyceniem, juitivity.Schemat kolorów mieszkania nie jest ograniczony do kilku specjalnych kolorów. Zawiera wiele odcieni, a ich wybór zależy tylko od tego, co przedstawisz, czy to ikony słodyczy lub obiektów w stylu retro w wyrafinowanej retro palecie.
Załóżmy, że jesteś projektantem interfejsami i dobrze zrozumieć palety kolorów, eksperymentujesz z panelu kolorów w Photoshop i Illustartor Programy, mieszając kolory jak chcesz. Jednak proces ten jest dość skomplikowany i wymaga dobrego intuicji, doświadczenia i umiejętności. Tutaj znajdziesz kilka narzędzi, które mogą pomóc w tworzeniu własnej palety kolorów.
Niektóre z nich nadają się do wszystkich rodzajów projektowania i ilustracji, a nie tylko do płaskiej konstrukcji. Na przykład, Adobe Color CC, bardziej znany jako chłodnica. Dziś istnieje dostęp do niego, zarówno za pośrednictwem strony internetowej, jak i bezpośrednio przez produkty Adobe. Cooler to bardzo elastyczne narzędzie, które umożliwia Ci lub utwórz własną paletę kolorów lub wybierz z niestandardowej palety z biblioteki.
Inny prosty i wygodny generator palet kolorów - chłodzenie. Wystarczy nacisnąć lukę, a program wygeneruje paletę kolorów, możesz dostosować kolory, istnieje również funkcja eksportu.
Istnieje kilka podobnych usług, które mogą być przydatne, które mogą być przydatne. Istnieje jednak jedno narzędzie utworzone specjalnie do Płaskiego Design.Flatuicolors.com przez Designmodo - serwis z zestawem kolorów "płaskich", bardzo wygodnych do pracy. Ta strona stała się bardzo popularna wśród projektantów szukających dobrych rozwiązań kolorowych dla doskonałego projektu. Próbować!
I można również znaleźć większą różnorodność kolorów i palety Przewodnik projektowania materiałów Google.
6. Długie cienie
Jak wspomniano powyżej, istnieje prostota dla płaskiej konstrukcji, dużo wolnej przestrzeni - dlatego mieszkanie odrzuca stosowanie żadnych efektów. Jednak istnieje jeden charakterystyczny dla płaskiej konstrukcji. Efekt ten stał się trendem i charakterystyczną cechą mieszkania.
Mówimy o długich cieniach. Mają pewne typowe cechy, które sprawiają, że ten efekt rozpoznawalny, a mianowicie: Tilt 45-stopniowy i duży rozmiar (Cień może być kilka razy dłuższy niż sam przedmiot. W rezultacie długie cienie dają płaskie wpływ głębokości.
Efekt ten sprawia, że \u200b\u200bobiekt jest bardziej trójwymiarowy, ale jednocześnie pozostawiając go w kontekście płaskiej konstrukcji.
7. Pracuj z czcionkami
Typografia odgrywa dużą rolę w płaskiej konstrukcji. Często tekst staje się głównym elementem kompozycji.
W mieszkaniu zwykle stosuje się proste czcionki, dzięki czemu cały projekt jako całość czysty i czytelny. Możesz znaleźć wiele bezpłatnych czcionek w Adobe Typekit, jeśli korzystasz z produktów Adobe. Znajdziesz tu także wiele dobrych czcionek na wiewiórce czcionki. Ale nie zapomnij przeczytać licencji, jeśli zamierzasz użyć czcionki do celów komercyjnych.
Najczęściej w płaskiej konstrukcji jest zwyczajowo korzystać z najlepszego rejestru i kontrastowych kolorów, sprawia, że \u200b\u200btekst jest bardziej czytelny.
Użyj czcionek ostrożnie, pamiętaj, że musi podkreślić projekt i dopasować go, a nie wyglądać oddzielnego elementu. Nie oznacza to, że nie można używać czcionek z serifami lub odręcznie złożonymi czcionkami. Zapamiętaj tylko minimalistyczność i zachowaj wszystko w bilansie. Jednak mieszkanie nadal używa czcionek bez serifów, ponieważ wyglądają bardziej ściśle i delikatnie.
8. Plusy i minusy płaskiej konstrukcji
Pomimo faktu, że Płaska konstrukcja stała się tak popularna dzięki licznemu zaletom, nadal ma wady, stanęły przed projektantami podczas korzystania z tego stylu. Spójrzmy na wszystko i przeciwko przeciwko.
Plusy
Popularność
Płaska konstrukcja stała się trendem, zbierającym coraz bardziej pozytywne sprzężenia zwrotne od projektantów i projektantów stron internetowych i nie wydaje się wcale, że traci swoją pozycję. Wręcz przeciwnie, rozprzestrzenia się coraz więcej, zdobywając nowe formy i funkcje, stając się coraz bardziej kreatywne.
Prostota
Płaska konstrukcja jest prosta, minimalistyczna i czysta. Mieszkanie w sieci pomaga użytkownikom skupić się na treści, a nie rozpraszać się przez efekty wizualne. Działa również dla interfejsów. aplikacje mobilne: Czysta konstrukcja z duże przyciski Doskonale wykorzystuje urządzenia mobilne.
Jasność
Kolor - kolejny fajny plus w płaskiej konstrukcji. Jasne i bogate kolory wyglądają atrakcyjne i czyste, a brak gradientów sprawia, że \u200b\u200bprojekt stylowy. Co więcej, takie czyste kolory sprawiają, że jest bardziej pozytywna, prezentowana, płaska konstrukcja tworzy pożądany nastrój.
niedogodności
Mieszkanie ma wiele więcej zalet, ale żadna konstrukcja nie jest idealna i nie możemy go idealizować. Oto kilka wad, które musimy wspomnieć:
Ostwalny
Czasami brak ważnych szczegółów lub efektów wizualnych sprawia, że \u200b\u200bproces tworzenia przyjaznego interfejsu użytkownika dla użytkownika użytkownika, a tym ogólnie jest całe projekt niezwykłego. Nie wszyscy użytkownicy mieszkaniowe wydaje się komfortowo, ponieważ może być trudno znaleźć elementy na stronie internetowej, którą musisz kliknąć lub kliknąć na ekranie telefon komórkowyPonieważ nie są interaktywne.
Problemy z drukarni
Jak wspomniano wcześniej, a nie każda czcionka może przyjść w płaskiej konstrukcji. Czasami taka bogata czcionka z ostrymi krawędziami wygląda naprawdę zrównoważona i stylowa. Jeśli jednak czcionka zostanie wybrana nieprawidłowa, może zniszczyć cały projekt. Musisz naprawdę czuć się dobrze, jakie czcionki są odpowiednie do mieszkania, a które nie ma doświadczeń doświadczenia, sprawiają, że wybór czcionki jest bardzo trudne.
Słabe wizualizacje
Ze względu na ograniczenia w stosowaniu efektów, kolorów i czcionek, flota może wyglądać zbyt proste i zimne. Jego minimalista może również stać się jego główną wadą innych płaskiej konstrukcji w końcu wygląda jak twój w taki sam sposób jak twój. Dlatego bardzo trudno jest wprowadzić swoje ikony lub strony internetowe od innych projektów, ponieważ używasz tych samych uproszczonych form, ograniczonych palety kolorów i podobnych czcionek. W rezultacie w czasie, płaska konstrukcja może być nudna.
9. Przyszłe trendy płaskie
Nie można powiedzieć, że płaski projekt został w pełni uformowany i zatrzymany na swój sposób, jest to spowodowane jego niedociągnięciami wymienionymi powyżej, mieszkanie ma na celu opracowanie i zmianę, nabywanie nowych funkcji i zwiększa ekspresję wizualną.
Jeśli uważnie spojrzysz na ostatni przykład płaskiej konstrukcji, możesz zauważyć, że naprawdę jest Stopniowo, z jego ścisłych narzędzi i zaczyna dodawać cienkie efekty, takie jak: gradienty, cienie, oświetlenie i inne efekty wizualne.
Te małe rzeczy dają płaską konstrukcję pewnej głębokości, nie przeciążając szczegółami, ponieważ w projekcie ankleorficznym. Te drobne ulepszenia sprawiają, że są bardziej elastyczne i wygodne, a także przynoszą świeży wygląd, dzięki czemu flet jest bardziej elastyczny i wszechstronny.
W ten sposób Flet nie traci swoich funkcji, ale staje się bardziej interesujący, elastyczny- Naprawdę staje się lepszy.
wnioski
W ten sposób omówiliśmy kilka faktów z historii płaskiej konstrukcji i rozmawialiśmy o kolorach, formach i typografii. Spojrzeliśmy na różne punkty widzenia, zatrzymaliśmy się w zaletach i wadach mieszkania i nauczyliśmy się niektórych głównych zasad tworzenia dobrego projektu.
Mam nadzieję, że zajmowałeś się nowymi informacjami z tego artykułu lub przynajmniej uznał go za interesujące. Musisz spróbować stworzyć płaską konstrukcję, jeśli wcześniej tego nie zrobiłeś.
W końcu, co jeszcze należy wspomnieć o Płaska konstrukcji?
Jeśli naprawdę lubisz mieszkanie z ostrymi krawędziami, soczystymi kolorami i chrupiącymi czcionkami, jego czystością i minimalistycznym, a następnie działać!
Jest to w trendzie, ale jak każdy inny styl graficzny, nie ograniczają tej samej techniki. Jeśli mieszkanie jest trendem, nie oznacza to, że w pracy projektu nie możesz używać innych stylów. Skvomorfizm z jego drobnymi detalami i teksturami może być również dobra decyzja. Najważniejsze, pamiętaj, że jego projekt jest dla każdego projektu, musi wyrazić swój duch, cel, esencję, pozostając wygodnym i funkcjonalnym. Naprzód!
Łatwa i relaksująca strona internetowa jest najbardziej poprawna. Płaski styl projektu witryny jest celowy w wielu przypadkach. Proste interfejsy często działają lepiej, a dzięki ogólnym trendowi w kierunku minimalizmu, kierunek płaski jest nadal istotny (Microsoft i Apple dokonały własnego samolotu). Korzystanie z pięknych kolorów płaskich w projekcie, znane firmy nie przegap okazji wyrażania swojej indywidualności, zwrócić uwagę na markę lub zwiększyć konwersję.
Przykłady dobrego płaskiego projektu
Piękne i inteligentnie wykonane płaskie miejsca z wygodną nawigacją i zrozumiały interfejs. Ich przemyślany, rysowane projekt sprzedaje dobrze i tworzy dobre doświadczenie użytkowników.
Uruchomić.
Unikalna szaro-biała pomarańczowa wersja mieszkania. Pięknie wygląda jak mikrowienie w ekspresyjnym interfejsie użytkownika z upiornymi przyciskami i przewijaniem paralaksu niewyraźne tła. Efekty skrolowe, takie jak lepkie menu i nakładające się na przyczółek strony dziecka, wizualnie sprawiają, że witryna jest kompaktowa.
eTECC interaktywny.
Prosta konstrukcja strony internetowej Amerykańskiej Agencji nie wygląda zwyczajnie, ponieważ Dobrze i gustownie. Stara szkoła projektowa nie działa nie gorsza niż innowacje, można je było zeznała do firmy i jej usług.
Kancelaria Prawo Nehora.
Czysta Płaska konstrukcja z wyrafinowanymi elementami daje miejsce profesjonalnego wyglądu prawnego Kalifornii. Pięknie zdobiony kapelusz i piłka nożna. Biały kolor i odcienie złotego na ciemnym turkusowym tle Tworzą piękny miękki kontrast. Interfejs stron zorientowany na użytkownika umożliwił nam usprawnić treści.
Townia.
Wartość WordPress niemieckiej agencji ma przyjemny minimalistyczny projekt z efektami HTML5 / CSS3 i. Pastelowe / szare złote odcienie, zdjęcia korekcji kolorów i modułowe znakowanie pomogły pięknie umieścić stronę internetową jako kolaż interesujące fakty o firmie.
Amazee Labs.
Miejsce szwajcarskich deweloperów jest zwięzły projekt z przyjemnymi kolorami kolorami. Stosowane są kreatywne elementy wywołania do działania, stosowane są techniki płaskie i HTML5 / CSS3.
Igła kosmiczna.
Symbol Seattle "Space Igła". Strona i strona główna z kartami rysunkowymi. Wyjątkowo zdobione przewijanie efektami wyjaśniającymi i mini slajdami na końcu.
Budować w Amsterdamie
Agencja Dutch Branding ma piękną płaską stronę z niestandardową menu nawigacyjnego. Ładny i stylowo urządzony interfejs, dobry.
Żółta konferencja.
Optymistyczna zawartość, jasnożółty i witryna konfiguruje się na dodatnim.
Radość intermedia.
Strona międzynarodowej agencji twórczej z Polski z płaską konstrukcją na CSS3 i dobre ux. Witryna używa boków i dolnych paneli i jest wygodna do użytku.
Kreatywny laboratorium bezpiecznika.
Dobrze skonstruowany przyjazny dla użytkownika strona internetowa amerykańskiej agencji z wygodnym przezroczystym menu bocznym, panelu projektu i dyskretnym mini-intro na ekranie głównym.
Chobani.
Mała firma B2B ma przyjemną i bardzo wygodną witrynę kulinarną o czystym wzornictwie opartym na HTML5. Prześlij zasięg pomoże stałe menu rozwijane i oryginalne czteropoziomowe wtórne system nawigacji.
Unikalna płaska konstrukcja i stylistyka płaska
Wybrano przykłady unikalnej stylistyki płaskiej, które udowodniają - płaskie interfejsy są skuteczne, interesujące i atrakcyjne. Łącząc ekspresyjną grafikę z przyjemnym kontrastem czcionki, dodając odrobinę animacji i mikroderów, nie tylko można zrobić piękną stronę kreatywną lub biznesową, ale także pokazać swoją indywidualność, wyrażaj główną konstrukcję wiadomości.
Inwestycje RJ.
Strona brytyjskiej agencji nieruchomości z stylową zwięzłą płaską konstrukcją w odcieniach szarości. Miękka ekspresyjna dodaje akcentowy złoty kolor. Na podstawie WordPress HTML5 / CSS3, jQuery, SVG.
Krzesło Ttilted.
Ekspresywnie urządzone miejsce - typografia staje się wizualnie bardziej interesująca, gdy z minimalistycznym i płaskim stylem w projekcie zwraca chwytliwe kolory. Przyciąganie czerwonych nagłówków w portfolio przypisuje rolę "Springboard".
Fhoke.
Czysty, Płaska konstrukcja i wyjątkowy interfejs użytkownika Teren. Obrazy w centrum uwagi, w tym Żywność z komputerami i iPhones (zdjęcia wykonane przez osobną warstwę wyglądają realistyczne).
Naród
Niezapomniana, jasna i dynamiczna strona studio z Londynu. Nagłówek konturowy na kompaktowy strona główna Nie pozostanie niezauważony, a także spektakularne przyciski duchów w portfolio / przypadku. Używany zapętlony wideo tło, Photobexogounds z korekcją rozmycia i koloru, stylowe animacje, przejścia, ładowanie strony preloader. Ekspresyjny projekt w niebieskich tonach jest przekazywany przez wiadomość o niezawodności zespołu Studio i Energetycznego.
Mayven dev.
Mayven DEV - Zespół kreatywny 30 koderów / UX projektantów z San Francisco. Ich miejsce wyróżnia się powściągliwą estetyką projektu, indywidualności stylu, przyjemne rozwiązania kolorów z ekspresyjnymi kontrastami białej typografii i animowanej grafiki konturowej na szmaragdowym tle.
Agencja Hughesleeagarovica.
Czysta i schludna konstrukcja strony internetowej amerykańskiej agencji natychmiast konfiguruje pozytywnie. Wyjątkowo zdobione menu nawigacji: Efekt Hover-Effect z nakładaniem filtra kolorów wyciąga obraz tła do płatkowego wideo.
Satis Satellite Communications.
Rozległa strona rosyjskiego operatora komunikacja satelitarna. Estetyka biznesowa jest realizowana za pośrednictwem płaskiego stylu z ilustracjami konturów.
Ilustracje, efekty i kreatywne w płaskich wzorach
Przykłady dynamicznych wzorów, kreatywne projektowanie flota i pomyślne połączenie płaskiej ilustracji z animacją. Nowoczesne mieszkanie pozwala połączyć elementy projektu gry z realistycznymi witrynami biznesowymi.
Tektonica Studios.
Dotyczy projektantów. płaska grafika Z gradientami (bieżący trend internetowy), blok jaskrawych płaskich ilustracji na stronie głównej. Dla atrakcyjnej separacji sekcji - wolnej przestrzeni i animowanej grafiki.
Pixity-Land.
Microsit z klasyczną płaską konstrukcją wykorzystuje animację przewijania, płaskie ilustracje i wideo.
100 lat projektu
Creative Web Projekt projektantów AIGA. Płaskie kolory wskazują elementy menu, otwarte partycje, nawigację hotspot-kropki i pół okna oddzielone ilustracje karuzilami.
Agencja Drapu.
Spektakularna, chwytająca kolorowa strona twórczej agencji zorientowanej na technologii. Innowacja projektanta i wszelkie innowacje są doceniane tutaj.
Mobkii.
Bez płaskich ilustracji z gradientami strona Agencji Meksykańskiej wyglądałaby nudnemu, a projekt jest zbyt zwyczajny dla sieci Web & Wnioskodawców.
Ecodom Consorzio.
Oficjalna strona włoskiej firmy zajmującej się rewitalizacją sprzęt AGD i usuwanie. Lively Green Design, interaktywne i dynamiczne efekty są odpowiednie dla strony internetowej organizacji z taką aktywnością rodzinną.
Rzecz cudowna
Projekt proponuje zapoznanie się z rzeczami interesującymi ciekawymi ludźmi, społecznością i wydarzeniami do rozszerzenia horyzontów. Począwszy od abstrakcyjnego ekranowego ekranu głównego, oryginalny design wiąże się z tą publicznością.
Zielony Człowiek.
Strona służy jako przewodnik po festiwalu Walia. Żółto-zielony design i animacja z kreatywną płaską grafiką pasuje do tego, jak nazwa domenyi pozytywne cele projektu.
Zobacz też: Połączenie kolorów w projekcie internetowym - Witryny zielone
Amelia Thompson Portfolio.
Jedna strona z Chicago. Amelia ma ciekawe portfolio pracy w stylu płaski.
Zobacz też: 30 stylowe witryny agencji i spersonalizowane portfolio projektantów
Gotowe gotowe
Strona internetowa systemu zarządzania projektem z trackera błędów jest pięknie urządzona w stylu mieszkania. Jasne kolory, płaskie grafiki / wideo oraz nie można zauważyć odwołania do przycisku kontrastowego.
Mięta pieprzowa.
Obowiązuje miejsce stworzenia Polskiej Agencji Cyfrowej figury geometryczne. I nieistotne animacje, ilustracje, zdjęcia, zdjęcia.
Geex Arts.
Strona młodego Moskiewskiego Studio Web Studio jest imponującym zaawansowanym technologicznym ultra nowoczesnym projektem i jest wliczona w 40 najlepszych agencji cyfrowych. Wyróżnia się stylowe menu nawigacyjne, spektakularne przejścia, interaktywne, animacja i dobre ux z niestandardowymi rozwiązaniami.
Daesk.
Niemieckie studio ma spektakularny projekt sprzedaży w HTML5 i niestandardowym menu nawigacyjnym. Wyjątkowe kolory kwasowe sprzedają produkt (tracker księgowy czasu pracy). Efekty Harnet z paralaksy przewijaj ustaloną uwagę na przyciskach z połączeniami i dowodami społecznymi. Po doskonale zdobionych opinii, strona startowa Wysyła do przypadków / historii klientów. Interaktywny na tle wektora uruchamia rozliczenie sprzedaży.
Fcinq.
Strona internetowa francuskiego studia kreatywnego: stylowa płaska konstrukcja zaczyna się od pięknego obciążenia wstępnego. Atrakcyjny ten projekt sprawia, że \u200b\u200bzdjęcia korekcji kolorów i unikalne kombinacje kolorów.
D.FY.
Elastyczna strona koreańskiej agencji z kreatywnym wideo w tle. Nowoczesna czysta konstrukcja na HTML5 / CSS3. Menu nawigacyjne pełnoekranowe jest imponujący efekt bezproblemowych przejść.
Odważni ludzie.
Wcześniejsze Rediena witryny Kreatywnej Agencji z Florydy zostały obchodzone na twórczej szczycie. Teraz odważni ludzie mają skuteczny projekt z jasnym i kompaktowym interfejsem flash.
Nea Media.
French Producent Producent & Video Games używane styl projektowania płaskiego i internetowego. Stworzony na miejscu WordPress Surprises modny design.
Ulotki little.
Australijska strona motywów dzieci z soczystymi płaskimi kwiatami. Kontrast posiekanych czcionek przedstawiają odwołania na przednią i łączą się z dużymi elementami projektu.
Ic Creative.
Miejsce angielskiego studia jest podświetlone przez duże nagłówki z połączeniem i sto elementami akcentującego pomarańczy.
Fatbit.
Wolumetryczny miejsce programistów internetowych z Indii jest wykonany na WordPress i wyróżnia się różnorodnością formacyjną z mikro interakcjami i animowanymi ilustracjami. W nagłówku i stopce czerwony płaski kolor podkreśla odwołania CTA. Na stronie głównej, stałe tła z korekcją kolorów są obsługiwane przez przeciąganie slajdów w karuzeli (pierwszy ekran, dowody społeczne, promo na półprzezroczyste matryce).
Domena Menada.
Kontynuacja 100-letniej tradycji jakości, bułgarski Winemaker zachwyca odwiedzającym do wstępnego załadunku animowanego korkociągu. Ciemna płaska konstrukcja z miękkimi kontrastami, kreatywne przetwarzanie zdjęć i subiwizialne rozwiązania sprzedaje ideę Elios marki.
Frans Hals Museum.
Miejsce Holandii Muzeum Sztuki ma niezwykły projekt w stylu mieszkania z gigantycznymi nagłówkami posiekaną czcionką. Zdemontuj niestandardowe menu poziome i pionowe Pomóż ikonom nawigacji.
Metitosoryczność.
Płaskie deweloperzy z Technologicznego Stanu Valley of New York. Ekspresyjny, czysty projekt z geometrią i stałymi tłem. Piękne kontrasty w nagłówku, Footter, sekcje z przyciskami CTA.
Lądowanie i sprzedaż płaskich wzorów
Atrakcyjność i jasność strony głównej lub wewnętrznej pomaga wyrazić wyjątkową ofertę. Projektowanie lądowania witryny rozszerza możliwości korzystania z mieszkania i zwiększa szanse na dalszą interakcję z klientami. Celem projektu sprzedaży i Lundingu jest zapewnienie wysokiej konwersji. Witryna LP lub strona docelowa jest pamiętana ciekawą lub niezwykłą konstrukcją.
Płaski - projekt. (Płaska konstrukcja) - jest to popularny styl w projektowaniu witryn i interfejsów, a także systemów operacyjnych, osobliwość która jest prostota, wyrafinowanie i minimalizm. Płaska konstrukcja zaczęła zdobyć popularność w 2010 r. W przeciwieństwie do skewerfizmu.
Skvomorfizm - fizyczny ornament lub element projektu, który jest kopiowany z formy innego obiektu, ale wykonane z innych materiałów lub innych metod. Przykłady obejmują ceramiki ozdobione imitacją serwetki podobieństwa z podobnymi doniczkami wykonanymi z metalu lub kalendarza komputerowego, który naśladuje wygląd stron kalendarza papierowego biurka (determinacja Wikipedia.).
Promowanie stylu płaskiego w projektowaniu przyczyniło się do produkcji pracy systemy Windows. 8 z Microsoft w stylu Metro, a także IOS 7, w którym Apple wybiera również styl płaski. Jest po tym, że nadejdzie prawdziwa era płaskiej konstrukcji. Wkrótce, duże usługi wyszukiwania i aplikacje - Google, YouTube poruszają się na płaskiej -Design, a wiele witryn, które pojawiają się do zasady stylu płaskiego w ich projekcie. W ostatnie lata Projektowanie stylu płaski jest liderem w trendach projektowania globalnego.
Korzyści z płaskiej konstrukcji
- Praktyczność - Korzystanie z płaskiej konstrukcji pozwala zminimalizować liczbę stylów, skryptów i animacji, co pozwala na szybsze ładowanie witryny.
- Łatwy do adaptacji - Płaska konstrukcja wystarczy, aby dostosować się do różnych ekranów rozdzielczości.
- Łatwość użycia - Dzięki uproszczonym stylu użytkownicy są łatwiejsze do postrzegania informacji na stronie.
- piękno - Zewnętrzne bezosobowe i proste wzory sprawiają, że skupiają się na projekcie, co naprawdę przylega.
5 Zasady projektu płaskiej strony internetowej
Płaska konstrukcja nie jest w ogóle nudna, ponieważ może się wydawać się na pierwszy rzut oka. Dzięki czystości i wyrafinowaniu rozwiązanie projektowe może być stylowe i piękne, bez zbyt dużego hałasu, co pozwala na skoncentrowanie się na produkcie lub usługę.
1 - Używanie obiektów dwuwymiarowych
Płaska konstrukcja eliminuje stosowanie elementów, które dają obiekt głębokości i głośności: cienie, gradienty, blask, tekstury, refleksy, animacja. Gdy wyświetlany jest obiekt, wyświetlany jest tylko jego kontury.
2 - Ikony i proste obiekty
Korzystanie z płaskich ikon i kształtów jednokołowych z wyraźnymi konturami i jednym kolorem pozwala uprościć projekt i ułatwić. Elementy sterujące są intuicyjnie zrozumiały i stymulują w celu interakcji.
3 - Proste czcionki w stylu projektowym
Wiele uwagi jest wypłacane w typografii płaskiej i czcionek. Nie jest używany w kursywkach, czcionka harmonijnie pasuje do projektowania witryn nie tylko w treści, ale także w nawigacji. Nawet w rodzaju czcionki dla witryny styl minimalizmu jest przywitany.
4 - Gra kolorowa
Płaska konstrukcja zawiera kilka podstawowych kolorów, które wykluczają wykorzystanie płynnych przejść i gradientów, ale może być jasny i kontrastujący względem siebie.
5 - Minimalizm.
Płaska konstrukcja wiąże się z wykorzystaniem wizualizacji elementów, przy użyciu całej szerokości ekranu, a jednocześnie minimalizując informacje.
Jest taka koncepcja jak niemal płaska konstrukcja. Jest to jedna z koncepcji płaskiej konstrukcji, która ma używać prostych elementów i dwuwymiarowej przestrzeni. Przykładem tego może to być wysokiej jakości zdjęcie, które jest zamazane na tylnym tle lub dims. Umożliwia to stworzenie głębokości i perspektywy obiektu.
Przykłady płaskiej konstrukcji
W Internecie, w tym w segmencie białoruskiego, można znaleźć wiele przykładów rozwijających się stron z płaską konstrukcją w różnych tematach, w tym zasobów informacyjnych, portali, a nawet zakupów online.
