Pradedančiųjų plokščio dizaino vadovas

(Vaizdo kreditas: „Burger King Corporation“)

Anksčiau interneto dizaineriai ypatingą dėmesį skyrė savo įgūdžių ir portfelio demonstravimui, pakuodami svetaines su prašmatniomis iliustracijomis ir animacijomis, kurios neva sužavėjo lankytojus. Tada įvyko perėjimas prie skeuomorfinio dizaino, kuris bandė ekraną atgauti tikrąjį gyvenimą su faux-realistinėmis tekstūromis, šešėliais ir tikromis objekto savybėmis.

Tai užleido vietą plokščiajam dizainui, kuris priešinosi visoms šioms „dirbtinėms“ dizaino technikoms, o labiau supaprastinta, klasikiniu požiūriu skaitmenine estetika. Ir nors šis į vartotoją orientuotas interneto dizaino stilius egzistuoja jau daugelį metų, jis vis dar yra toks pat aktualus ir populiarus kaip niekada, ir jis vėl atsinaujina. logotipo dizainas taip pat. Taigi, jei vis dar nesate tikri, kas tai yra, šis vadovas gali būti būtent tai, ko jums reikia ...

Kas yra plokščias dizainas?

Kas yra plokščias dizainas?



kaip padaryti tinklelį iliustratoriuje
„Windows 8“ buvo plokščio dizaino tendencijos priešakyje

Plokščias dizainas yra minimalistinis dizaino metodas, pabrėžiantis patogumą. Jis pasižymi švaria, atvira erdve, trapiais kraštais, ryškiomis spalvomis ir dviejų matmenų iliustracijomis.

„Microsoft“ viena pirmųjų pritaikė šį dizaino stilių savo sąsajoje, kai kurių nuomone, tai buvo neigiama reakcija į populiarų skeuomorfinį dizainą, kurį „Apple“ pradėjo savo „iOS“ sąsaja. Užuot pavertę realaus gyvenimo objektą, pvz., Kalendorių, maža tikroviška iliustracija, plokščio dizaino šalininkai atpažįsta programas su paprastais, į piktogramas panašiais vaizdais.

Užuot pateikęs realaus gyvenimo aspektus į sąsają, tai rodo aiškų technologijos ir taktilinių objektų atskyrimą.

Minimalistas nereiškia nuobodu

Plokščio dizaino dekoratyviniai elementai laikomi nereikalingais griozdais. Jei aspektas neturi jokios funkcinės paskirties, tai atitraukia vartotojo dėmesį. Tai yra minimalistinio plokščio dizaino pobūdžio priežastis.

Tačiau tai, kad jame nėra jokio prašmatnaus dizaino, dar nereiškia, kad šis stilius yra nuobodus. Dėl ryškių, kontrastingų spalvų iliustracijos ir mygtukai pasirodo iš fono, lengvai pritraukia dėmesį ir nukreipia vartotojo akį. Minimalistinių vaizdų paskirtis taip pat prisideda prie funkcinio plokščio dizaino pobūdžio.

Plokščias dizainas yra paprastas

programos piktogramos

kur yra „pathfinder“ skydelis iliustratoriuje
Buto dizainas tikrai turi akimirką - ar jis per toli nuėjo?(Vaizdo kreditas: Tobias van Schneider)

Paprasti vaizdai pranešimus perduoda greičiau nei išsamios iliustracijos. Paveikslėliai, pvz., Piktogramos, gali parodyti visuotinius veiksmus ar tikslus, kad visi juos lengvai suprastų.

Nesunku pastebėti betarpišką skeuomorfo ir plokščio dizaino skirtumą. Atkreipkite dėmesį, kaip didesni, vienspalviai blokai labiau pritraukia dėmesį, o piktogramų reikšmę galima greitai suvokti.

Aukščiau pateiktos piktogramos rodo tik kai kurias piktogramas, kurios buvo naudojamos 2021 m., Įskaitant praėjusiais metais prieštaringai vertinamą „Google“ piktogramų ženklą. Čia kyla pavojus, kad dėl to, kad jie visi laikosi plokščio dizaino tendencijos ir naudoja ryškias spalvas savo dizainui pakelti, jie beveik tampa per daug panašūs (kaip mes tyrėme šis kūrinys ). Tai tik parodo, kad tarp tokių tendencijų kaip plokščias dizainas ir išsiskyrimo iš minios yra gera riba.

Ko galite išmokti iš plokščio dizaino

Plokščias dizainas grįžta prie dizaino, kaip funkcinio įrankio, pagrindų. Svetainė yra sukurta ir vertinama pagal tai, kaip ji veikia, priešingai nei ji atrodo.

Šis neapdorotas funkcionalumas priverčia svetainę sutelkti dėmesį į vartotojo patirtį, todėl svetainės, kurios sėkmingai naudoja šį dizaino stilių, greičiausiai sulauks teigiamų atsiliepimų kaip patogios naudoti.

Kaip sukurti plokščią dizainą

Norint suprojektuoti efektyvią plokščią vietą, visi dizaino elementai turi būti sutelkti į šią paprastumo idėją. Tvirtos, ryškios spalvos akcentuoja aspektus, reikalingus jiems atskirti vietoje iliustracinės detalės; sans-serif tipografija pateikia švarų, trapų iliustracijų priedą; tekstas glaustas ir tikslus; Vartotojo sąsajos elementai, pvz., Mygtukai ir nuorodos, yra aiškūs ir pastebimi.

Viskas turėtų būti kuriama atsižvelgiant į tą patį tikslą, kad būtų sukurtas vientisas vizualinis ir funkcinis interneto dizainas. Žemiau yra keletas puikių plokščio dizaino pavyzdžių ...

Plokščio dizaino pavyzdžiai: „Tripfinder“

Spalvos ir piktogramos padeda aiškiai suprasti prasmę

Tai kelionės planavimo programos dizainas Indonezijos vartotojo sąsajos dizaineris Blogis labai lengva užsisakyti skrydį pagal paketus ir biudžetą. Viskas yra aišku ir suprantama, o dizainas dažniausiai remiasi spalvomis ir piktogramomis, kad suteiktų prasmę. Kopija yra glausta, o UI aspektas ieškant idealaus skrydžio yra akivaizdus.

Plokščiojo dizaino pavyzdžiai: „Burger King“ svetainė

„Burger King“ svetainė atitinka jos naujausią prekės ženklą(Vaizdo kreditas: „Burger King“)

„Burger King“ prekės ženklas 2021 m. pradžioje, o jo naujas logotipas yra plokščio dizaino meistriškumo klasė. Jos svetainė buvo pertvarkytas, kad atitiktų, ir naudoja paprastas iliustracijas ir piktogramas, kad naudotojai būtų nukreipti į svetainę. Programoje taip pat laikomasi panašaus supaprastinto požiūrio.

logotipas su dviem c raidėmis atgal

Plokščiojo dizaino pavyzdžiai: orų programa

Plokščio dizaino pavyzdžiai: Orų programa

Plokščias dizainas nepriklauso nuo ryškios spalvos

Tai orų programos vartotojo sąsaja rodo, kad plokščias dizainas gali būti sėkmingas net nenaudojant ryškių spalvų. Ryški ikonografija ir didelė tipografija atkreipia dėmesį į svarbiausius orų aspektus, ko vartotojas ir ieško.

Tyrinėdami plokščią dizainą savo darbe, įsitikinkite, kad visi aspektai suprojektuoti minimalistine ir į vartotoją orientuota perspektyva, kad būtų užtikrinta vieninga sąsaja. Kai tai sėkmingai atliksite, vartotojai įvertins jūsų svetainės funkcionalumą.

Susiję straipsniai: