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ą ceramikę, ozdobione imitacją zmarszczek podobieństwa o podobnych garnkach wykonanych z metalu lub kalendarza komputerowego, który imituje wygląd Sekrety papieru kalendarza pulpitu (definicja z Wikipedia.).
Popularność stylu płaskiego w projektowaniu przyczyniła się do wydania systemu operacyjnego Windows 8 z Microsoft w stylu Metro, a także IOS 7, w którym firma Apple. Wybiera również styl płaski. Jest po tym, że nadejdzie prawdziwa era płaskiej konstrukcji. Wkrótce na mieszkanie -Design iść duży usługi wyszukiwania Oraz aplikacje - Google, YouTube, wiele witryn, które wykorzystują zasady płaskiego stylu 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 jest wystarczająca, 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
W płaska konstrukcja Wykorzystanie elementów, które dają głębokość i objętość obiektu jest wyeliminowany: cienie, gradienty, blasku, 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.
Stosunkowo niedawno popularny był kierunek projektu jako konstrukcja płaska lub płaska.
Windows 8 i nowsze wersje są już zaznajomieni z płaskim projekta, ponieważ pierwszą rzeczą, która spełnia je, gdy system jest załadowany, jest taki ekran.
Wygląd konstrukcji mieszkania jest spowodowany dystrybucją aplikacje mobilne. I myślę, że jest to spowodowane faktem, że obiekty płaskie konstrukcje są tworzone przy użyciu obiektów wektorowych, a odpowiednio łatwiej są dostosować się do różnych platform gadżetów.
Płaska - projekt posiada następujące funkcje:
Pełna lub częściowa odmowa gradientów, złożonych tekstur i cieni Co osobiście jestem bardzo zadowolony. Nie mam żadnych skarg na cienie i ja kocham ich do użycia, ale niech wieczne problemy z odbiciem gradientu pozwalają im odejść.
Program drukowania, geometria przychodzi na pierwszy plan. Zwłaszcza jeśli dotyczy projektowania stron internetowych.
Harmonia i. Projekt wykorzystuje ograniczoną liczbę kolorów. Oto przykład popularnej palety płaskiej - projektowania.
Korzystanie z kreatywnych ikon informacyjnych.
Jak powiedziałem, płasko - projekt stał się bardzo popularny w aplikacjach mobilnych, ponieważ główną cechą jest prostota układu i adaptacji. Również szeroka dystrybucja płaskiej konstrukcji była infografika, ponieważ stawia harmonięcję postrzegania informacji poprzez wykorzystanie konstruktywnych technik typografii i kolorów.
W pewnym momencie najbardziej popularnym miejscem docelowym projektowaniem stron internetowych był Web 2.0. Teraz jego miejsce zostało wykonane przez płaską konstrukcję. Moda ma zwykły powrót do dobrze zapomnianego, aby utworzyć nowy. Kto wie, kiedy mieszkanie wyjdzie z mody - design, ale na razie ciesz się prostotą, harmonią i informacyjną o aktualnym błonie. Nawiasem mówiąc, Płaska konstrukcja była już popularna w latach 80., ale to było należne właściwości techniczne, Niemożność wyświetlania cieni i gradientów. A teraz większość wiodących firm IT przełączyła się na płaski projekt.
Cóż, będziemy również dostosować się do zmiennego świata. W następnym artykule pokażę ci, jak z pomocą przestrzeganych figur w Photoshopie można tworzyć ikony w stylu mieszkania - projekt.
Jeśli moje publikacje Cię zainteresują, proponuję być świadomy ostatnie aktualizacje Na stronie witryny.
(Odwiedzone 2 333 razy, 1 wizyty dzisiaj)
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ę minimalistą. 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 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ę kluczowym kierunkiem w projektowaniu stron internetowych, tworząc strony, aplikacje i elementy interfejsu eleganckie, czyste i stylowe.
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 implikuje pracę z prostymi, płaskimi kształtami, czystymi kolorami i siatką xadobe Illustrator jest bardzo elastyczny w ustawieniach i umożliwia dostosowanie siatki do swoich potrzeb, wyrównuje obiekty i użycie 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.
Przypuśćmy, że jesteś projektantem interfejsu i są dobrze zorientowane w palecie kolorów, eksperymentować z panelu kolorów programy Photoshop. I Illustartor, mieszanie kolorów, podobnie jak zadowolony. 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.
Kolejny prosty I. wygodny generator Palety 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 aplikacji mobilnych: czysta konstrukcja z duże przyciski Wykorzystuje urządzenia mobilne Idealny.
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łaskiej 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!
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 to nowoczesny styl interfejsu użytkownika, a także projektowanie graficzne, z 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 wydał Windows Phone 7, który użył płaskiej konstrukcji z ostrymi krawędziami i prostą grafiką odziedziczoną z jednego z najwcześniejszych produktów.Microsoft (Zune). Później zainspirowany sukcesem Microsoft wydał operację system 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 nowej konstrukcji z całkowicie zmodyfikowanymi elementami interfejsu użytkownika, w tym ikon i czcionek. 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ę kluczowym kierunkiem w projektowaniu stron internetowych, tworząc strony, aplikacje i elementy interfejsu eleganckie, czyste i stylowe.
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.
Adobe Photoshop jest tutaj jasny: działa z grafiką rastrową, która jest oparta na pikselach.
O programy 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 do tworzenia idealnej grafiki Pixel. Dobrą wiadomością jest to, że ostatni ilustrator stał się doskonałym narzędziem do tworzenia dobrej grafiki.
Muszę powiedzieć, że grafika wektorowa zasadniczo oznacza pracę z prostymi, płaskimi kształtami, czystymi kolorami i siatką 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: 45-stopniowy nachylenie i duży rozmiar (cień może być kilka razy dłuższy niż sam przedmiot. W rezultacie długie cienie dają płaskie pewne efekt 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 aplikacji mobilnych: Clean Design z dużymi przyciskami sprawia, że \u200b\u200bkorzystanie z urządzeń mobilnych jest idealny.
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 FET wydaje się komfortowo, ponieważ mogą być trudne do znalezienia elementów na stronie internetowej, którą musisz kliknąć lub kliknąć na ekranie telefonu komórkowego, ponieważ nie są one 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łaskiej 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ż dobrym rozwiązaniem. 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!
Płaska konstrukcja jest słowo kluczowe W projekcie na najbliższe lata, więc sugerujemy zapoznanie się z nim bliżej i uczyć się 5 podstawowych zasad, które rozjaśniły się w fundamencie.
Znajomy z płaską konstrukcją
W języku rosyjskim Płaska konstrukcja jest tłumaczona jako "Płaska konstrukcja", a on stał się absolutnym ulubionym prezentacja Apple. IOS OS. Minimalistyczne podejście do projektowania do użytku wzrosła do rozdziału. Stawka jest wykonana na komforcie użytkownika. Jest to wyraźny protest przeciwko squouformizm (wizualizacja obiektów, jak w rzeczywistości). Wybór spadł bardziej uproszczony i jednocześnie prosty w roztworze estetycznym. Użytkownicy zmęczeni realistycznymi wizualizacjami, z zachwytem spotkałem ten kierunek, a coraz więcej projektów internetowych przenieśli się do tego formatu.
Chciałbym zauważyć, że "mieszkanie" nie oznacza "nudne". Płaskie rozwiązania projektowe mogą być piękne, są bardziej wyrafinowane, czyste, wyeliminowane z redundancji czegoś, przekształcając się w "wyspę spokoju". W końcu sprawiają, że treść zrozumiała. Pozostaje nauczyć się podstawowych zasad, aby zastosować je w praktyce.
Zasada №1: W dół z niepotrzebnymi efektamiProjekt "Flat" nie dąży do przesyłania woluminów, dlatego istnieje wizualizacja dwuwymiarowa. Oznacza to, że nie zobaczysz żadnych cieni ani refleksów, ani odblaski tekstur (wyjątek jest długimi cieniami). Tylko transmisja konturów i nic więcej.
Zaleca się stosowanie danych jednookienny w projekcie, a także śledzić przejrzystość konturów, które ma na celu podkreślenie lekkości i nieważkości. Ponadto takie zwięzłe elementy naśladują czujnik, generując chęć interakcji z obiektem (wezwanie do naciśnięcia, dotykania). Jednak prostota elementów nie jest równa prostocie projektu jako całości - dotyczy to tylko kontury. W rezultacie wszystko, co użytkownik widzi dla niego zrozumiałym, a on może łatwo go użyć.
Płaska konstrukcja zachęca bardzo delikatnie do pracy z czcionkami. Oznacza to, że ich charakter jest zobowiązany do uzupełnienia programu projektowania, nie zaprzecza jej. Ponadto, w konstrukcji FET, czcionka jest również kluczowym elementem nawigacyjnym.
Nie tylko czcionki, ale także kolor publicznej części w projekcie "mieszkania". W przytłaczającej większości palety oparte są na 2-3 kolorach, choć oczywiście istnieją wyjątki. Zazwyczaj wybierane są soczyste i jasne, ale jednocześnie czyste kolory. Jak wspomniano, nie ma gradientów i nadmiernych przejść.
Płaska konstrukcja jest żywym przykładem takiej światowej trendu jak minimalizm. Projektanci odmawiają niepotrzebnych "belek", odejść od złożonych i ukrytych podejść do wizualizacji, co daje swoje owoce w formie działalności niestandardowej.
Płaski lub prawie płaski? Szukamy kompromisu!
Podsumowując, chciałbym zauważyć, że dzisiaj istnieje synergia między płaskim i nieplanującym projektowaniem. Rozmawiamy O projekcie "prawie mieszkania". Jest to najczęściej stosowanie opisanej koncepcji, gdy wraz z prostymi i lakonowymi elementami oraz dwuwymiarową przestrzenią, projektanci korzystają z 1-2 przyjęć na głębokość i perspektywę.
Ponadto trend z 2017 r. Stał się na półpłocowej konstrukcji - połowa samolotu. Pod wpływem konstrukcji materialnej stało się trochę bardziej przestrzenne. Pojawiają się cienie lekkie, które sprawiają, że projekt na pół planie. Płaska konstrukcja jest dziś istotna, kosztem cieni, stała się głębiej i trudniejsza, ale główna koncepcja nie jest naruszana.
