Plakans stils ko. Kas ir plakanais dizains un tā pamatprincipi. Saderīgs ar atsaucīgu dizainu
Plakanais dizains ir galvenais dizaina virziens turpmākajiem gadiem, tāpēc aicinām to iepazīt tuvāk un apgūt 5 pamatprincipus, kas veido tā pamatu.
Ievads plakanajā dizainā
Krievu valodā plakanais dizains tiek tulkots kā “plakans dizains”, un pēc tam tas kļuva par absolūtu iecienītāko Apple prezentācijas iOS OS. Galvenā uzmanība tika pievērsta minimālisma pieejai lietojamības dizainam. Galvenā uzmanība tiek pievērsta lietotāja komfortam. Tas ir izteikts protests pret “skveformismu” (objektu vizualizāciju kā realitāti). Izvēle krita uz vienkāršākiem un tajā pašā laikā vienkāršākiem estētiskiem risinājumiem. Lietotāji, noguruši no reālistiskām vizualizācijām, šo virzienu sveica ar sajūsmu, un arvien vairāk tīmekļa projektu pāriet uz šo formātu.
Es vēlos atzīmēt, ka "plakans" nenozīmē "garlaicīgs". Plakani dizaina risinājumi var būt skaisti, tie ir izsmalcinātāki, tīrāki, bez liekām pārmaiņām, pārvēršoties par “mierīguma salu”. Viņi beidzot padara saturu saprotamu. Atliek tikai apgūt pamatprincipus, lai tos pielietotu praksē.
Princips Nr. 1: nav nevajadzīgu efektu“Plakanais” dizains netiecas nodot apjomus, tāpēc tā pamatā ir divdimensiju vizualizācija. Tas nozīmē, ka jūs neredzēsit ēnas, atspulgus vai izcēlumus ar faktūrām (izņemot garas ēnas). Tikai kontūru pārnešana, un nekas vairāk.
Dizainā ieteicams izmantot vienzilbes figūras, kā arī uzraudzīt kontūru skaidrību, kas paredzēta viegluma un bezsvara akcentēšanai. Turklāt šādi lakoniski elementi labi imitē sensoru, radot vēlmi mijiedarboties ar objektu (aicinājums nospiest, pieskarties). Tomēr elementu vienkāršība nav vienāda ar dizaina vienkāršību kopumā - tas attiecas tikai uz kontūrām. Rezultātā viss, ko lietotājs redz, viņam ir skaidrs, un viņš to var viegli izmantot.
Plakans dizains prasa īpašu piesardzību, strādājot ar fontiem. Tas ir, to raksturam ir jāpapildina dizaina shēma, nepārkāpjot to. Turklāt plakanajā dizainā fonts ir arī galvenais navigācijas elements.
Ne tikai fonts, bet arī krāsa ir būtiska “plakanā” dizaina sastāvdaļa. Lielākā daļa palešu ir balstītas uz 2-3 krāsām, lai gan, protams, ir izņēmumi. Parasti tiek izvēlētas bagātīgas un spilgtas, bet tajā pašā laikā tīras krāsas. Kā minēts, nav gradientu vai nevajadzīgu pāreju.
Plakans dizains ir spilgts tādas globālas tendences piemērs kā minimālisms. Dizaineri atsakās no nevajadzīgiem zvaniņiem un svilpieniem, attālinās no sarežģītām un netiešām pieejām vizualizācijai, kas nes augļus lietotāju aktivitāšu veidā.
Plakans vai gandrīz plakans? Mēs meklējam kompromisu!
Nobeigumā vēlos atzīmēt, ka šodien pastāv sinerģija starp plakanu un neplakanu dizainu. Mēs runājam par "gandrīz plakanu" dizainu. Šis ir visizplatītākais aprakstītās koncepcijas pielietojums, kad kopā ar vienkāršiem un kodolīgiem elementiem un divdimensiju telpu dizaineri izmanto 1-2 paņēmienus dziļumam un perspektīvai.
Arī 2017. gada tendence bija Semi Flat Design - daļēji plakans dizains. Materiālu dizaina ietekmē tas ir kļuvis nedaudz telpiskāks. Parādās gaišas ēnas, kas padara dizainu daļēji plakanu. Plakanais dizains ir aktuāls arī šodien, ēnu dēļ tas ir kļuvis dziļāks un sarežģītāks, bet pamatkoncepcija netiek pārkāpta.
Šajā rakstā es jums pastāstīšu par plakanu dizainu. Jūs droši vien jau esat kaut ko par to dzirdējuši, jo dzīvoklis pēdējos gados ir kļuvis par vienu no vadošajām tendencēm tīmeklī.
Šodien mēs apskatīsim, kas ir plakanais dizains, kā tas radās un kas nepieciešams, lai izveidotu tīru, spilgtu un atsaucīgu dizainu.
tu vari atrast labi piemēri plakans dizains vietnē http://market.envato.com/. Ir daudz izkārtojumu, ikonu un veidņu, kas sniegs jums skaidru izpratni par to, kā izskatās mūsdienu dizains. .
1. Kas ir plakanais dizains?
Plakans dizains - moderns stils lietotāja interfeiss, kā arī grafiskais dizains, ko raksturo minimālisms. Plakanajam dizainam raksturīgs minimāls elementu izmantošana un dažādu faktūras, ēnu un gaismas efektu trūkums, piemēram: jauktas krāsas, gradienti, izcēlumi utt.
Dzīvoklis ir pretstatā skeuomorfismam( Skeuomorfisms ir dizaina princips, kad vienam izstrādājumam tiek piešķirts cita izskats, t.i. kad dažādi interfeisa elementi tiek kopēti no reāliem objektiem - aptuvens tulkojums.) , kā arī bagātīgs dizains.Tomēr ir vērts teikt, ka plakanais dizains nebūt nav tik vienkāršs, kā šķiet no pirmā acu uzmetiena. Tas ietver dažas skeuomorfisma iezīmes, bet par to mēs runāsim nedaudz vēlāk.
Parasti dzīvoklis palīdz lietotājam koncentrēties uz saturu, netraucējot vizuālajiem materiāliem. Plakans dizains uzsver elementu vienkāršību, vienlaikus padarot interfeisu atsaucīgāku, patīkamāku un ērtāk lietojamu.
2. Nedaudz vēstures
Plakanais dizains, kā zināms, pastāvēja ilgi pirms tas kļuva par globālu tendenci tīmeklī. Plakanais dizains bija diezgan populārs 80. gados, jo tehnoloģija tajā laikā vēl nebija pietiekami attīstīta, lai atbalstītu sarežģītus efektus, faktūras un ēnas. Tomēr pat tad dizains tiecās pēc skeufomorfisma, cenšoties padarīt saskarnes elementus pēc iespējas reālistiskākus.
Plakanais dizains tādā formā, kādā mēs to redzam tagad, sāka iegūt popularitāti pēc tam, kad Microsoft sāka ražot produktus tā sauktajā metro stilā. Metro ir Microsoft izstrādāts lietotāja interfeisa dizains, kas ir pārsteidzošs savā stilā un vienkāršībā.
2010. gadā Microsoft izlaida Windows Phone 7, kurā tika izmantots plakans dizains ar asām malām un vienkārša grafika, kas mantota no viena no iepriekšējiem produktiem Microsoft (Zune). Vēlāk, iedvesmojoties no panākumiem, Microsoft izlaida operētājsistēma Windows 8, pamatojoties uz to pašu plakano Metro stilu.
Galu galā plakanais dizains sasniedza savu popularitātes maksimumu 2013. gadā, kad Apple izlaida iOS 7 demonstrē fundamentāli jauns dizains ar pilnībā pārveidotiem lietotāja interfeisa elementiem, tostarp ikonām un fontiem. Apple ir izveidojis UI un ikonu dizaina vizuālie principi .
Drīz pēc tam Google arī sāka izmantot plakano stilu savās lietojumprogrammās un tīmekļa lapās, nosaucot to Materiālu dizains. Šim stilam Google ir pat veltīta vesela sadaļa, kurā ir aprakstīti web dizaina mērķi, tā principi un norādījumi dažādu dizaina objektu izveidei: ikonas, izkārtojumi utt.
Kopš tā laika dzīvoklis ir kļuvis par galveno tīmekļa dizaina tendenci, padarot vietnes, lietojumprogrammas un interfeisa elementus elegantas, tīras un stilīgas.
Tādējādi ir trīs globāli plakanā dizaina piemēri no uzņēmumiem, bez kuriem ir grūti iedomāties mūsdienu pasaule tehnoloģijas:
Microsoft metro dizains
Apple iOS 7 dizains
Google materiālu dizains
3. Atcerieties, ka jābūt tīram
Plakans dizains acīmredzot tiek saukts par “plakanu”, jo trūkst trīsdimensiju elementu un reālistisku efektu, piemēram, gradientu, faktūru, izcēlumu, pustoņu, ēnu. Atcerieties, ka plakanais stils ir divdimensiju (plakans) objektu attēlošanas veids.
Turklāt plakanajā dizainā objekti tiek attēloti ļoti vienkāršoti un stilizēti.
Un dažreiz tiek izmantots pat tikai objekta siluets vai kontūras, t.i. tieši tik daudz, lai objekts būtu atpazīstams, bet nepārslogotu to ar nelielām detaļām.
Minimālisms mūsdienās ir kļuvis par globālu tendenci: formu vienkāršība un asu malu izmantošana rada tīru un patīkamu dizainu. Vienkāršas veidlapas ir skaidrākas un vieglāk saprotamas. Tas saglabā dizainu minimālistisku un tīru, neradot tam aizņemtu, pārblīvētu izskatu.
4. Noved to līdz pilnībai
Ziniet, ka, veidojot plakanas ikonas un lietotāja interfeisa elementus, jums ir jāizskatās izteiksmīgiem, glītiem un pikseļu perfektiem, t.i. cik vien iespējams. Turklāt tas attiecas gan uz rastra, gan vektorgrafiku.
Ar programmu Adobe PhotoshopŠeit viss ir skaidrs: tas darbojas ar rastra grafiku, kuras pamatā ir pikseļi.
Attiecībā uz programmu Adobe Illustrator, tad tā izmanto vektorgrafiku, kas sastāv no līknēm un līnijām, ko sauc par vektoriem un kuras nosaka ar matemātiskām formulām.
Kādreiz Adobe Illustrator nebija daudz a ērta programma lai izveidotu pikseļiem perfektu grafiku. Labā ziņa ir tā jaunākās versijas Illustrator ir kļuvis par lielisku rīku labas grafikas veidošanai.
Man tas jāsaka Vektorgrafika būtībā ietver darbu ar vienkāršām, plakanām formām, tīrām krāsām un režģiem. Adobe Illustrator ir ļoti elastīgs iestatījumos un ļauj pielāgot režģi jūsu vajadzībām, līdzināt objektus un izmantot Dažādi veidi snaping. Tādējādi ir vieglāk izveidot perfektu dizainu, kas izskatās tīrs un stilīgs jebkurā displejā. Ja vēlaties uzzināt, kā izveidot perfektu grafiku, izlasiet rakstu: Kā izveidot pikseļu perfektu mākslas darbu, izmantojot Adobe Illustrator .
5. Krāsa
Viena no specifiskākajām plakanā dizaina iezīmēm līdzās ēnām ir krāsu izmantošana. Lielākā daļa krāsu, ko plakana dizains izmanto savos elementos, sastāv tikai no dažām pamatkrāsām.
Krāsa plakanajā dizainā ir spilgta, bagāta un bagāta.Plakanā krāsu shēma neaprobežojas ar dažām īpašām krāsām, tajā ir daudz toņu, un to izvēle ir atkarīga tikai no tā, ko jūs attēlojat, vai tas būtu saldumu ikonas vai retro stila priekšmeti izsmalcinātā retro paletē.
Pieņemsim, ka esat lietotāja interfeisa dizainers un labi saprotat krāsu paletes un eksperimentējat ar krāsu paneli programmās Photoshop un Illustartor, sajaucot krāsas, kā vēlaties. Tomēr šis process ir diezgan sarežģīts un prasa labu intuīciju, pieredzi un prasmes. Šeit jūs atradīsiet dažus rīkus, kas var palīdzēt jums izveidot savu krāsu paleti.
Daži no tiem ir piemēroti visu veidu dizainam un ilustrācijām, ne tikai plakanam dizainam. Piemēram, Adobe Color CC, labāk pazīstams kā Cooler. Mūsdienās tam ir pieejama gan tīmekļa vietne, gan tieši Adobe produkti. Cooler ir ļoti elastīgs rīks, kas ļauj izveidot savu krāsu paleti vai izvēlēties kādu no pielāgotas paletes no bibliotēkas.
Vēl viens vienkāršs un ērts krāsu paletes ģenerators ir Coolors. Vienkārši nospiediet atstarpes taustiņu un programma ģenerēs krāsu paleti, jūs varat pielāgot krāsas, ir arī eksportēšanas funkcija.
Ir vairāki citi līdzīgi pakalpojumi ar pielāgotām paletēm, kas var būt noderīgi. Tomēr ir viens rīks, kas izveidots īpaši plakanam dizainam. FlatUIColors.com by Designmodo - pakalpojums ar “plakanu” krāsu komplektu, ļoti ērts darbam. Šī vietne ir kļuvusi ļoti populāra dizaineru vidū, kuri meklē labus krāsu risinājumus perfektam dizainam. Pamēģini!
Un jūs varat atrast arī lielāku krāsu un palešu klāstu Google materiālu dizaina rokasgrāmata.
6. Garas ēnas
Kā minēts iepriekš, plakanajam dizainam ir raksturīga vienkāršība un daudz brīvas vietas, tāpēc plakanā dizainā ir aizliegts izmantot jebkādus efektus. Tomēr ir viens efekts, kas raksturīgs plakanam dizainam. Šis efekts ir kļuvis par tendenci un raksturīgu dzīvokļa iezīmi.
Mēs tagad runājam par garām ēnām. Tiem ir dažas tipiskas īpašības, kas padara šo efektu atpazīstamu, proti: 45 grādu slīpums un liels izmērs(ēna var būt vairākas reizes garāka par pašu objektu. Rezultātā garas ēnas piešķir dzīvoklim zināmu dziļuma efektu.
Šis efekts padara objektu vairāk trīsdimensiju, bet tajā pašā laikā saglabājot to plakana dizaina kontekstā.
7. Darbs ar fontiem
Tipogrāfijai ir liela nozīme plakanā dizainā. Bieži vien teksts kļūst par kompozīcijas galveno elementu.
Plakanie dizaini parasti izmanto vienkāršus fontu stilus, padarot visu dizainu tīru un lasāmu. Ja izmantojat Adobe produktus, programmā Adobe Typekit varat atrast daudz bezmaksas fontu. Vietnē Font Squirrel atradīsit arī daudz labu bezmaksas fontu. Bet neaizmirstiet izlasīt licenci, ja plānojat izmantot fontu komerciālos nolūkos.
Visbiežāk plakanajā dizainā ir ierasts izmantot lielos burtus un kontrastējošas krāsas, kas padara tekstu salasāmāku.
Izmantojiet fontus taupīgi, atceroties, ka tiem ir jāpapildina un jāpapildina dizains, nevis jāparādās kā atsevišķs elements. Tas nenozīmē, ka nevarat izmantot serifa vai ar roku rakstītus sarežģītus fontus. Vienkārši atcerieties, ka jābūt minimālam un jāsaglabā viss līdzsvarā. Tomēr flat joprojām bieži izmanto sans-serif fontus, jo tie izskatās stingrāki un glītāki.
8. Plakanā dizaina plusi un mīnusi
Lai gan plakanais dizains ir kļuvis tik populārs tā daudzo priekšrocību dēļ, joprojām ir daži trūkumi, ar kuriem dizaineri saskaras, izmantojot šo stilu. Apskatīsim plusus un mīnusus.
plusi
Popularitāte
Plakanais dizains ir kļuvis par tendenci, gūstot arvien vairāk pozitīvu atsauksmju no dizaineriem un tīmekļa dizaineriem, un šķiet, ka tas nemaz nezaudē savas pozīcijas. Gluži pretēji, tas izplatās arvien vairāk, iegūstot jaunas formas un iezīmes, kļūstot arvien radošāks.
Vienkāršība
Plakans dizains ir vienkāršs, minimālistisks un tīrs. Plašāka informācija tīmeklī palīdz lietotājiem koncentrēties uz saturu, nevis viņu uzmanību novērš vizuālie materiāli. Tas darbojas arī mobilo lietotņu saskarnēs: tiek izmantots tīrs dizains ar lielām pogām mobilās ierīces ideāls.
Spilgtums
Krāsa ir vēl viens lielisks plus plakanā dizainā. Spilgtas un bagātīgas krāsas izskatās pievilcīgas un tīras, un gradientu trūkums padara dizainu stilīgu. Turklāt šādas tīras krāsas padara to pozitīvāku un reprezentablāku; plakans dizains rada pareizo noskaņu.
Trūkumi
Dzīvoklim ir daudz vairāk priekšrocību, taču neviens dizains nav ideāls, un mēs to nevaram idealizēt. Šeit ir daži plakana dizaina trūkumi, kas mums jāpiemin:
Nereaģēšana
Dažreiz svarīgu detaļu vai vizuālo efektu trūkums apgrūtina lietotājam draudzīgas saskarnes izveidi, un tas parasti padara visu dizainu nereaģējošu. Ne visi lietotāji jūtas ērti ar dzīvokli, jo var būt grūti atrast tīmekļa lapā elementus, uz kuriem jānoklikšķina vai jāpieskaras ekrānam. Mobilais telefons jo tie nav interaktīvi.
Problēmas ar tipogrāfiju
Kā minēts iepriekš, ne katrs fonts var būt piemērots plakanam dizainam. Dažreiz tik bagātīgs fonts ar asām malām izskatās patiešām līdzsvarots un stilīgs. Tomēr, ja fonts ir izvēlēts nepareizi, tas var sabojāt visu dizainu. Jums vajadzētu patiešām labi izjust, kuri fonti ir piemēroti plakaniem un kuri ne. Pieredzes trūkums ļoti apgrūtina fonta izvēli.
Vāji vizuālie materiāli
Efektu, krāsu un fontu izmantošanas ierobežojumu dēļ plakanie dizaini var izskatīties pārāk vienkārši un auksti. Tā minimālisms var būt arī galvenais trūkums - citi plakanie dizaini galu galā izskatās tieši tādi paši kā jūsējais. Tāpēc ir ļoti grūti panākt, lai jūsu ikonas vai tīmekļa lapas izskatītos atšķirīgi no kāda cita dizaina, jo jūs izmantojat tās pašas vienkāršotās formas, ierobežotas krāsu paletes un līdzīgus fontus. Tā rezultātā plakans dizains laika gaitā var kļūt garlaicīgs.
9. Nākotnes plakano dizaina tendences
Nevarētu teikt, ka plakanais dizains būtu pilnībā izveidojies un apstājies savās sliedēs, iespējams, ka tas ir saistīts ar iepriekšminētajiem trūkumiem, plakanais dizains tiecas uz attīstību un pārmaiņām, iegūstot jaunas īpašības un vairojot vizuālo izteiksmību.
Ja uzmanīgi aplūkojat pēdējo plakana dizaina piemēru, jūs varat pamanīt, ka tas patiešām irpakāpeniski atsakās no stingriem rīkiem un sāk pievienot smalkus efektus, piemēram: gradientus, ēnas, apgaismojumu un citus vizuālos efektus.
Šie mazie pieskārieni piešķir plakanajam dizainam zināmu dziļumu, taču tie nav pārāk detalizēti, piemēram, skeuomorfi. Šie smalkie uzlabojumi padara dzīvokli atsaucīgāku un ērtāku, kā arī piešķir jaunu izskatu, padarot dzīvokli elastīgāku un daudzpusīgāku.
Tādējādi dzīvoklis nezaudē savas īpašības, bet kļūst interesantāks un elastīgāks- viņam tiešām kļūst labāk.
secinājumus
Tādējādi mēs apspriedām dažus faktus no plakanā dizaina vēstures un runājām par krāsām, formām un tipogrāfiju. Mēs aplūkojām dažādus viedokļus, koncentrējāmies uz dzīvokļa priekšrocībām un trūkumiem un uzzinājām dažus no galvenajiem laba dizaina veidošanas principiem.
Ceru, ka iemācījies pats jaunu informāciju no šī raksta vai vismaz likās interesanti. Jūs esat parādā sev, lai mēģinātu izveidot plakanu dizainu, ja iepriekš neesat to izdarījis.
Galu galā, ko vēl var pieminēt par plakanu dizainu?
Ja jums ļoti patīk dzīvoklis ar tā asajām malām, bagātīgajām krāsām un izteiksmīgajiem fontiem, tā tīrību un minimālismu, dodieties uz to!
Tas ir moderns, taču, tāpat kā jebkura grafiskā stila gadījumā, neierobežojiet sevi tikai ar vienu tehniku. Tas, ka dzīvoklis ir moderns, nenozīmē, ka savā projektā nevarat izmantot citus stilus. Var kļūt arī skeuomorfisms ar tā sīkajām detaļām un faktūrām labs lēmums. Galvenais ir atcerēties, ka dizains katram projektam ir atšķirīgs, tam jāpauž savs gars, mērķis, būtība, vienlaikus saglabājot ērtu un funkcionālu. Uz priekšu!
Plakans dizains- salīdzinoši jauna tendence, par kuru runā visa dizaina kopiena.
Dažiem cilvēkiem tas patīk, citi absolūti nevar pierast un pat ienīst.
Labam dizainam vispirms ir jāatrisina klienta biznesa problēma, ar kādiem līdzekļiem tas tiks panākts, ir sekundārs jautājums. Ja dizainers kā stilu vai instrumentu ir izvēlējies “plakanu dizainu” - lai tā būtu! Bet neaizmirstiet, ka šis stils nav piemērots visiem projektiem.
Tāpēc analizēsim, kas jums jāatceras, ja nolemjat ļauties modes tendencei un strādāt “plakanā dizaina” stilā.
Plakanā dizaina pamatprincipi ir:
1. Nav efektu
2. vienkārši elementi
3. Koncentrējieties uz tipogrāfiju
4. Koncentrējieties uz krāsu
5. Minimālisma pieeja
6. “Gandrīz” plakans dizains
Tagad aplūkosim katru no plakanā dizaina principiem sīkāk:
Nav efektu
Plakanā dizainā bieži netiek izmantoti tādi efekti kā ēnas, slīpumi, reljefs, gradienti vai citi paņēmieni, kas palielina dziļumu un apjomu. Nav 3D efektu vai materialitātes pārneses, atšķirībā no stilistiskā oponenta “Skemorphism”. Katram elementam ir jābūt skaidram, vai tā būtu ikona, navigācijas josla vai rāmis, poga utt.
Plakanajam stilam ir izteikta izskats bez papildus iespējas un elementi. Tas balstās uz skaidru kompozīcijas hierarhijas un elementu izvietojuma izjūtu. Šī struktūra padara dizainu vieglāk uztveramu un intuitīvu ikvienam lietotājam.
Vienkārši elementi
Plakanajā dizainā bieži tiek izmantoti vienkārši lietotāja interfeisa elementi, piemēram, pogas un ikonas utt. Veidojot šos interfeisa elementus, dizaineri pieturas pie vienkāršām formām (taisnstūris, aplis, kvadrāts utt.) – tas ļauj katrai formai pastāvēt pati par sevi.
Taču vienkāršus elementus nevajadzētu jaukt ar vienkāršu dizainu; plakana dizaina koncepcija var būt tikpat sarežģīta kā jebkura stilistiski atšķirīga dizaina koncepcija.
Koncentrējieties uz tipogrāfiju
Tā kā plakanā dizaina pamatā ir vienkāršas formas elementi bez apjoma, tipogrāfija ir ārkārtīgi svarīgs elements plakanajā kompozīcijā.
Fonta raksturam ir jāatbilst vispārējā shēma un kompozīcija - pārāk sarežģīts fonts var izskatīties dīvaini un pretenciozi uz pārāk vienkāršota dizaina modeļa. Vēlams izmantot vienkāršu bezserifa fontu, treknrakstu vai treknrakstu. Tekstam jābūt saskaņotam ar vienkāršām formām.
Fontam ir jābūt palīgrīkam, kas palīdz lietotājiem mijiedarboties ar mūsu saskarni. Etiķetes uz pogām un citiem elementiem nedrīkst būt sarežģītas.
Uzsvars uz krāsu
Krāsa ir svarīga dizaina sastāvdaļa. Plakanā dizaina palete bieži ir daudz spilgtāka un krāsaināka nekā citi dizaina stili. Salīdzinājumā ar parasto dizainu, kas koncentrējas uz 2-3 krāsām, plakanā dizainā var būt 6 vai pat 8 krāsu toņi.
Šajā rakstā es jums pastāstīšu par plakanu dizainu. Jūs droši vien jau esat kaut ko par to dzirdējuši, jo dzīvoklis pēdējos gados ir kļuvis par vienu no vadošajām tendencēm tīmeklī.
Šodien mēs apskatīsim, kas ir plakanais dizains, kā tas radās un kas nepieciešams, lai izveidotu tīru, spilgtu un atsaucīgu dizainu.
Labus plakano dizaina piemērus varat atrast vietnē http://market.envato.com/. Ir daudz izkārtojumu, ikonu un veidņu, kas sniegs jums skaidru izpratni par to, kā izskatās mūsdienu dizains. .
1. Kas ir plakanais dizains?
Plakanais dizains ir mūsdienīgs lietotāja interfeisa un grafiskā dizaina stils, ko raksturo minimālisms. Plakanajam dizainam raksturīgs minimāls elementu izmantošana un dažādu faktūras, ēnu un gaismas efektu trūkums, piemēram: jauktas krāsas, gradienti, izcēlumi utt.
Dzīvoklis ir pretstatā skeuomorfismam( Skeuomorfisms ir dizaina princips, kad vienam izstrādājumam tiek piešķirts cita izskats, t.i. kad dažādi interfeisa elementi tiek kopēti no reāliem objektiem - aptuvens tulkojums.) , kā arī bagātīgs dizains.Tomēr ir vērts teikt, ka plakanais dizains nebūt nav tik vienkāršs, kā šķiet no pirmā acu uzmetiena. Tas ietver dažas skeuomorfisma iezīmes, bet par to mēs runāsim nedaudz vēlāk.
Parasti dzīvoklis palīdz lietotājam koncentrēties uz saturu, netraucējot vizuālajiem materiāliem. Plakans dizains uzsver elementu vienkāršību, vienlaikus padarot interfeisu atsaucīgāku, patīkamāku un ērtāk lietojamu.
2. Nedaudz vēstures
Plakanais dizains, kā zināms, pastāvēja ilgi pirms tas kļuva par globālu tendenci tīmeklī. Plakanais dizains bija diezgan populārs 80. gados, jo tehnoloģija tajā laikā vēl nebija pietiekami attīstīta, lai atbalstītu sarežģītus efektus, faktūras un ēnas. Tomēr pat tad dizains tiecās pēc skeufomorfisma, cenšoties padarīt saskarnes elementus pēc iespējas reālistiskākus.
Plakanais dizains tādā formā, kādā mēs to redzam tagad, sāka iegūt popularitāti pēc tam, kad Microsoft sāka ražot produktus tā sauktajā metro stilā. Metro ir Microsoft izstrādāts lietotāja interfeisa dizains, kas ir pārsteidzošs savā stilā un vienkāršībā.
2010. gadā Microsoft izlaida Windows Phone 7, kurā tika izmantots plakans dizains ar asām malām un vienkārša grafika, kas mantota no viena no tās iepriekšējiem produktiem. Microsoft (Zune). Vēlāk, iedvesmojoties no panākumiem, Microsoft izlaida operētājsistēmu Windows sistēma 8, pamatojoties uz to pašu plakano Metro stilu.
Galu galā plakanais dizains sasniedza savu popularitātes maksimumu 2013. gadā, kad Apple izlaida iOS 7, kurā ir pilnīgi jauns dizains ar pilnībā pārveidotiem lietotāja interfeisa elementiem, tostarp ikonām un fontiem. Apple ir izveidojis UI un ikonu dizaina vizuālie principi .
Drīz pēc tam Google arī sāka izmantot plakano stilu savās lietojumprogrammās un tīmekļa lapās, nosaucot to Materiālu dizains. Šim stilam Google ir pat veltīta vesela sadaļa, kurā ir aprakstīti web dizaina mērķi, tā principi un norādījumi dažādu dizaina objektu izveidei: ikonas, izkārtojumi utt.
Kopš tā laika dzīvoklis ir kļuvis par galveno tīmekļa dizaina tendenci, padarot vietnes, lietojumprogrammas un interfeisa elementus elegantas, tīras un stilīgas.
Tādējādi ir trīs globāli plakana dizaina piemēri no uzņēmumiem, bez kuriem ir grūti iedomāties mūsdienu tehnoloģiju pasauli:
Microsoft metro dizains
Apple iOS 7 dizains
Google materiālu dizains
3. Atcerieties, ka jābūt tīram
Plakans dizains acīmredzot tiek saukts par “plakanu”, jo trūkst trīsdimensiju elementu un reālistisku efektu, piemēram, gradientu, faktūru, izcēlumu, pustoņu, ēnu. Atcerieties, ka plakanais stils ir divdimensiju (plakans) objektu attēlošanas veids.
Turklāt plakanajā dizainā objekti tiek attēloti ļoti vienkāršoti un stilizēti.
Un dažreiz tiek izmantots pat tikai objekta siluets vai kontūras, t.i. tieši tik daudz, lai objekts būtu atpazīstams, bet nepārslogotu to ar nelielām detaļām.
Minimālisms mūsdienās ir kļuvis par globālu tendenci: formu vienkāršība un asu malu izmantošana rada tīru un patīkamu dizainu. Vienkāršas veidlapas ir skaidrākas un vieglāk saprotamas. Tas saglabā dizainu minimālistisku un tīru, neradot tam aizņemtu, pārblīvētu izskatu.
4. Noved to līdz pilnībai
Ziniet, ka, veidojot plakanas ikonas un lietotāja interfeisa elementus, jums ir jāizskatās izteiksmīgiem, glītiem un pikseļu perfektiem, t.i. cik vien iespējams. Turklāt tas attiecas gan uz rastra, gan vektorgrafiku.
Adobe Photoshop šeit ir skaidrs: tas darbojas ar rastra grafiku, kuras pamatā ir pikseļi.
Kas attiecas uz programmu Adobe Illustrator, tā izmanto vektorgrafiku, kas sastāv no līknēm un līnijām, ko sauc par vektoriem un kuras nosaka ar matemātiskām formulām.
Savulaik Adobe Illustrator nebija īpaši ērta programma pikseļu perfektas grafikas izveidošanai. Labā ziņa ir tā, ka jaunākās Illustrator versijas ir kļuvušas par lielisku rīku labas grafikas veidošanai.
Jāsaka, ka vektorgrafika pārsvarā ietver darbu ar vienkāršām, plakanām formām, tīrām krāsām un režģiem.Adobe Illustrator savos iestatījumos ir ļoti elastīgs un ļauj pielāgot režģi savām vajadzībām, līdzināt objektus un izmantot dažāda veida snapping. Tādējādi ir vieglāk izveidot perfektu dizainu, kas izskatās tīrs un stilīgs jebkurā displejā. Ja vēlaties uzzināt, kā izveidot perfektu grafiku, izlasiet rakstu: Kā izveidot pikseļu perfektu mākslas darbu, izmantojot Adobe Illustrator .
5. Krāsa
Viena no specifiskākajām plakanā dizaina iezīmēm līdzās ēnām ir krāsu izmantošana. Lielākā daļa krāsu, ko plakana dizains izmanto savos elementos, sastāv tikai no dažām pamatkrāsām.
Krāsa plakanajā dizainā ir spilgta, bagāta un bagāta.Plakanā krāsu shēma neaprobežojas ar dažām īpašām krāsām, tajā ir daudz toņu, un to izvēle ir atkarīga tikai no tā, ko jūs attēlojat, vai tas būtu saldumu ikonas vai retro stila priekšmeti izsmalcinātā retro paletē.
Pieņemsim, ka esat lietotāja interfeisa dizainers un labi saprotat krāsu paletes un eksperimentējat ar krāsu paneli programmās Photoshop un Illustartor, sajaucot krāsas, kā vēlaties. Tomēr šis process ir diezgan sarežģīts un prasa labu intuīciju, pieredzi un prasmes. Šeit jūs atradīsiet dažus rīkus, kas var palīdzēt jums izveidot savu krāsu paleti.
Daži no tiem ir piemēroti visu veidu dizainam un ilustrācijām, ne tikai plakanam dizainam. Piemēram, Adobe Color CC, labāk pazīstams kā Cooler. Mūsdienās tam ir pieejama gan tīmekļa vietne, gan tieši Adobe produkti. Cooler ir ļoti elastīgs rīks, kas ļauj izveidot savu krāsu paleti vai izvēlēties kādu no pielāgotas paletes no bibliotēkas.
Vēl viens vienkāršs un ērts krāsu paletes ģenerators ir Coolors. Vienkārši nospiediet atstarpes taustiņu un programma ģenerēs krāsu paleti, jūs varat pielāgot krāsas, ir arī eksportēšanas funkcija.
Ir vairāki citi līdzīgi pakalpojumi ar pielāgotām paletēm, kas var būt noderīgi. Tomēr ir viens rīks, kas izveidots īpaši plakanam dizainam. FlatUIColors.com by Designmodo - pakalpojums ar “plakanu” krāsu komplektu, ļoti ērts darbam. Šī vietne ir kļuvusi ļoti populāra dizaineru vidū, kuri meklē labus krāsu risinājumus perfektam dizainam. Pamēģini!
Un jūs varat atrast arī lielāku krāsu un palešu klāstu Google materiālu dizaina rokasgrāmata.
6. Garas ēnas
Kā minēts iepriekš, plakanajam dizainam ir raksturīga vienkāršība un daudz brīvas vietas, tāpēc plakanā dizainā ir aizliegts izmantot jebkādus efektus. Tomēr ir viens efekts, kas raksturīgs plakanam dizainam. Šis efekts ir kļuvis par tendenci un raksturīgu dzīvokļa iezīmi.
Mēs tagad runājam par garām ēnām. Tiem ir dažas tipiskas īpašības, kas padara šo efektu atpazīstamu, proti: 45 grādu slīpums un liels izmērs (ēna var būt vairākas reizes garāka par pašu objektu. Tā rezultātā garas ēnas piešķir dzīvoklim zināmu dziļuma efektu.
Šis efekts padara objektu vairāk trīsdimensiju, bet tajā pašā laikā saglabājot to plakana dizaina kontekstā.
7. Darbs ar fontiem
Tipogrāfijai ir liela nozīme plakanā dizainā. Bieži vien teksts kļūst par kompozīcijas galveno elementu.
Plakanie dizaini parasti izmanto vienkāršus fontu stilus, padarot visu dizainu tīru un lasāmu. Ja izmantojat Adobe produktus, programmā Adobe Typekit varat atrast daudz bezmaksas fontu. Vietnē Font Squirrel atradīsit arī daudz labu bezmaksas fontu. Bet neaizmirstiet izlasīt licenci, ja plānojat izmantot fontu komerciālos nolūkos.
Visbiežāk plakanajā dizainā ir ierasts izmantot lielos burtus un kontrastējošas krāsas, kas padara tekstu salasāmāku.
Izmantojiet fontus taupīgi, atceroties, ka tiem ir jāpapildina un jāpapildina dizains, nevis jāparādās kā atsevišķs elements. Tas nenozīmē, ka nevarat izmantot serifa vai ar roku rakstītus sarežģītus fontus. Vienkārši atcerieties, ka jābūt minimālam un jāsaglabā viss līdzsvarā. Tomēr flat joprojām bieži izmanto sans-serif fontus, jo tie izskatās stingrāki un glītāki.
8. Plakanā dizaina plusi un mīnusi
Lai gan plakanais dizains ir kļuvis tik populārs tā daudzo priekšrocību dēļ, joprojām ir daži trūkumi, ar kuriem dizaineri saskaras, izmantojot šo stilu. Apskatīsim plusus un mīnusus.
plusi
Popularitāte
Plakanais dizains ir kļuvis par tendenci, gūstot arvien vairāk pozitīvu atsauksmju no dizaineriem un tīmekļa dizaineriem, un šķiet, ka tas nemaz nezaudē savas pozīcijas. Gluži pretēji, tas izplatās arvien vairāk, iegūstot jaunas formas un iezīmes, kļūstot arvien radošāks.
Vienkāršība
Plakans dizains ir vienkāršs, minimālistisks un tīrs. Plašāka informācija tīmeklī palīdz lietotājiem koncentrēties uz saturu, nevis viņu uzmanību novērš vizuālie materiāli. Tas darbojas arī mobilo lietotņu saskarnēs: tīrs dizains ar lielām pogām padara mobilo pieredzi perfektu.
Spilgtums
Krāsa ir vēl viens lielisks plus plakanā dizainā. Spilgtas un bagātīgas krāsas izskatās pievilcīgas un tīras, un gradientu trūkums padara dizainu stilīgu. Turklāt šādas tīras krāsas padara to pozitīvāku un reprezentablāku; plakans dizains rada pareizo noskaņu.
Trūkumi
Dzīvoklim ir daudz vairāk priekšrocību, taču neviens dizains nav ideāls, un mēs to nevaram idealizēt. Šeit ir daži plakana dizaina trūkumi, kas mums jāpiemin:
Nereaģēšana
Dažreiz svarīgu detaļu vai vizuālo efektu trūkums apgrūtina lietotājam draudzīgas saskarnes izveidi, un tas parasti padara visu dizainu nereaģējošu. Ne visiem lietotājiem patīk dzīvoklis, jo tīmekļa lapā var būt grūti atrast elementus, uz kuriem ir jānoklikšķina vai jāpieskaras mobilā tālruņa ekrānā, jo tie nav interaktīvi.
Problēmas ar tipogrāfiju
Kā minēts iepriekš, ne katrs fonts var būt piemērots plakanam dizainam. Dažreiz tik bagātīgs fonts ar asām malām izskatās patiešām līdzsvarots un stilīgs. Tomēr, ja fonts ir izvēlēts nepareizi, tas var sabojāt visu dizainu. Jums vajadzētu patiešām labi izjust, kuri fonti ir piemēroti plakaniem un kuri ne. Pieredzes trūkums ļoti apgrūtina fonta izvēli.
Vāji vizuālie materiāli
Efektu, krāsu un fontu izmantošanas ierobežojumu dēļ plakanie dizaini var izskatīties pārāk vienkārši un auksti. Tā minimālisms var būt arī galvenais trūkums - citi plakanie dizaini galu galā izskatās tieši tādi paši kā jūsējais. Tāpēc ir ļoti grūti panākt, lai jūsu ikonas vai tīmekļa lapas izskatītos atšķirīgi no kāda cita dizaina, jo jūs izmantojat tās pašas vienkāršotās formas, ierobežotas krāsu paletes un līdzīgus fontus. Tā rezultātā plakans dizains laika gaitā var kļūt garlaicīgs.
9. Nākotnes plakano dizaina tendences
Nevarētu teikt, ka plakanais dizains būtu pilnībā izveidojies un apstājies savās sliedēs, iespējams, ka tas ir saistīts ar iepriekšminētajiem trūkumiem, plakanais dizains tiecas uz attīstību un pārmaiņām, iegūstot jaunas īpašības un vairojot vizuālo izteiksmību.
Ja uzmanīgi aplūkojat pēdējo plakana dizaina piemēru, jūs varat pamanīt, ka tas patiešām irpakāpeniski atsakās no stingriem rīkiem un sāk pievienot smalkus efektus, piemēram: gradientus, ēnas, apgaismojumu un citus vizuālos efektus.
Šie mazie pieskārieni piešķir plakanajam dizainam zināmu dziļumu, taču tie nav pārāk detalizēti, piemēram, skeuomorfi. Šie smalkie uzlabojumi padara dzīvokli atsaucīgāku un ērtāku, kā arī piešķir jaunu izskatu, padarot dzīvokli elastīgāku un daudzpusīgāku.
Tādējādi dzīvoklis nezaudē savas īpašības, bet kļūst interesantāks un elastīgāks- viņam tiešām kļūst labāk.
secinājumus
Tādējādi mēs apspriedām dažus faktus no plakanā dizaina vēstures un runājām par krāsām, formām un tipogrāfiju. Mēs aplūkojām dažādus viedokļus, koncentrējāmies uz dzīvokļa priekšrocībām un trūkumiem un uzzinājām dažus no galvenajiem laba dizaina veidošanas principiem.
Ceru, ka no šī raksta guvāt jaunu informāciju vai vismaz likās interesants. Jūs esat parādā sev, lai mēģinātu izveidot plakanu dizainu, ja iepriekš neesat to izdarījis.
Galu galā, ko vēl var pieminēt par plakanu dizainu?
Ja jums ļoti patīk dzīvoklis ar tā asajām malām, bagātīgajām krāsām un izteiksmīgajiem fontiem, tā tīrību un minimālismu, dodieties uz to!
Tas ir moderns, taču, tāpat kā jebkura grafiskā stila gadījumā, neierobežojiet sevi tikai ar vienu tehniku. Tas, ka dzīvoklis ir moderns, nenozīmē, ka savā projektā nevarat izmantot citus stilus. Skeuomorfisms ar tā sīkajām detaļām un faktūrām var būt arī labs risinājums. Galvenais ir atcerēties, ka dizains katram projektam ir atšķirīgs, tam jāpauž savs gars, mērķis, būtība, vienlaikus saglabājot ērtu un funkcionālu. Uz priekšu!
Salīdzinoši nesen populārs ir kļuvis tāds dizaina virziens kā FLAT dizains vai plakanais dizains.
Windows 8 un jaunāku versiju lietotāji jau ir iepazinušies ar FLAT dizainu, jo pirmais, ar ko viņi saskaras, ielādējot sistēmu, ir šis ekrāns.
Pats FLAT dizaina izskats ir saistīts ar mobilo aplikāciju izplatību. Un, manuprāt, tas ir saistīts ar to, ka FLAT dizaina objekti tiek veidoti, izmantojot vektorobjektus, un attiecīgi tos ir vieglāk pielāgot dažādām sīkrīku platformām.
FLAT – dizainam ir šādas īpašības:
Pilnīga vai daļēja gradientu, sarežģītu faktūru un ēnu noraidīšana , par ko es personīgi esmu ļoti priecīgs. Man nav nekādu sūdzību par ēnām, un man pašam patīk tās izmantot, taču lai pazūd mūžīgās problēmas ar gradientu displeju.
Priekšplānā izvirzās tipogrāfija, ģeometrija. It īpaši, ja runa ir par web dizainu.
Harmonija un. Dizainā izmantots ierobežots krāsu skaits. Šeit ir populārās FLAT dizaina paletes piemērs.
Radošu informatīvu ikonu izmantošana.
Kā jau teicu, FLAT dizains ir kļuvis ļoti populārs mobilās lietojumprogrammas, jo tā galvenā iezīme ir izkārtojuma vienkāršība un pielāgojamība. FLAT dizains ir kļuvis plaši izplatīts arī infografikā, jo tā pamatā ir harmoniska informācijas uztvere, izmantojot konstruktīvus tipogrāfijas un krāsu paņēmienus.
Savulaik populārākā tīmekļa dizaina tendence bija Web 2.0. Tagad tā vietu ir ieņēmis FLAT dizains. Modei ir ieradums atgriezties pie labi aizmirstā vecā, lai no tā radītu kaut ko jaunu. Kas zina, kad FLAT dizains izies no modes, bet pagaidām izbaudi aktuālās tendences vienkāršību, harmoniju un informatīvo saturu. Starp citu, plakanais dizains bija populārs jau 80. gados, bet tad tas bija saistīts ar tehniskās īpašības, nespēja parādīt ēnas un gradientus. Un tagad lielākā daļa vadošo IT uzņēmumu ir pārgājuši uz plakano dizainu.
Nu, arī mēs pielāgojamies mainīgajai pasaulei. Nākamajā rakstā es jums parādīšu, kā jūs varat izveidot FLAT stila ikonas, izmantojot vienkāršas formas programmā Photoshop.
Ja manas publikācijas jūs interesē, iesaku būt informētam jaunākie atjauninājumi vietnes vietnē.
(Apmeklēts 2635 reizes, 1 apmeklējumi šodien)