Platt design exempel. Platt design vs materialdesign: Vad är skillnaden?

De som är trötta på att titta på samma ikoner på sin dator kan enkelt ersätta dem med andra. Det är enkelt att göra din dator mer uttrycksfull och intressant.

Det finns många tematiska resurser och ytterligare program för detta.

Hur man väljer en ikonuppsättning

För att framgångsrikt ändra designen av ikoner är det bättre att följa vissa regler:

1. Nya ikoner bör matcha temat för operativsystemet.
2. Ikonernas informationsfunktion är viktigare än den dekorativa, de ska inte vara klumpiga och svåra att läsa.
3. När du väljer en uppsättning ikoner måste du vara uppmärksam på deras kvalitet. Dåligt gjorda ikoner dekorerar inte bara systemet, utan förstör också utseende.
4. I jakten på stil bör man inte glömma det praktiska.

Var kan man ladda ner ikonpaket

Nätverket är fyllt av olika resurser med "dekorationer" av operativsystem. Bland dem finns det många hantverkssidor av låg kvalitet som är inbäddade i SERP:erna. Här är några resurser som tillhandahåller gratis innehåll av hög kvalitet:

7themes.su

En bra tematisk resurs som låter dig ladda ner ikoner för Windows 7 gratis. Förutom ikoner kan du hitta många andra gratisdekorationer för operativsystemet på den. Samlingen av ikoner uppdateras ständigt och genomgår ett strikt urval för kvalitet.

Oformi.net

En annan bra specialiserad resurs. Urvalet är något mindre, men det finns unika alternativ som utvecklats speciellt för denna sida. Tillsammans med ikoner kan du också ladda ner markörer eller till och med hela teman.

westyle.ru

Relativt liten samling ikoner. Men detta kompenseras av originaliteten hos de tillhandahållna materialen. Mer än 60 % av de angivna ikonerna hittades inte på andra webbplatser.

Hur man laddar ner ikoner för Windows 7

Viktig! Systemtillägget för ikonfiler är ICO. Därför måste du ladda ner ikoner för Windows 7 i ico-format. För att använda PNG-paket måste du konvertera dem, vilket kommer att ta ytterligare tid.

Överväg att ladda ner med 7themes.su som exempel. Först måste du hitta din favoritsamling av ikoner i katalogen.

Gå sedan till hennes sida och klicka på knappen "Yandex.Disk" i blocket "Ladda ner fil". För nedladdning från molnlagring Du måste gå igenom en enkel registreringsprocess. Med tiden går detta snabbare än att vänta på fildelning.

Kontrollera filformatet innan du laddar ner. I "Info"-blocket, i "Format"-kolumnen, måste ICO anges. Ofta kommer kitet med en uppsättning PNG-ikoner och en speciell IP-fil för programmet IconPackeger, som diskuteras mer i detalj nedan.

På Yandex.Disk-sidan måste du också klicka på knappen "Ladda ner".

Nu är arkivet med ikoner sparat. Det räcker att packa upp innehållet i en separat katalog och du kan fortsätta med installationen.

Hur man ställer in ikoner

Ikoner kan tilldelas både separat för varje objekt och för hela operativsystemet. I det första fallet, använd Systemverktyg. I den andra - programvaran IconPackeger (en gratis trettiodagarsversion är tillgänglig).

Lägga till en ikon till ett enstaka objekt

Överväg att tillämpa en ikon på ett objekt genom att använda exemplet på en skapad mapp. För att göra detta måste du högerklicka på önskad mapp. Välj "Egenskaper" från menyn.

I form av objektparametrar måste du välja fliken "Inställningar", där det kommer att finnas knappen "Ändra ikon ...".

Utforskaren till systemikonerna öppnas. I dess fönster behöver du en "Bläddra"-knapp.

Genom att klicka på den öppnas standardutforskaren, där du måste ställa in sökvägen till ikonerna, och välj sedan en av dem och använd knappen "Öppna".

Ikonutforskaren visar den valda ikonen. I dess fönster måste du klicka på "OK".

Klicka sedan på "Apply" i alternativfönstret och mappikonen kommer att ändras.

Denna metod är tillämplig för andra mappar och alla filer.

Viktig! Systemikoner (Den här datorn, Papperskorgen, etc.) kan inte ändras på detta sätt. Programmet som beskrivs nedan hjälper till att göra dem annorlunda.

Ändra alla ikoner med IconPackeger

Det nedladdade programmet måste installeras. Starta sedan med hjälp av objektet i Start-menyn. Innan du startar programmet direkt kommer ett fönster upp som ber dig att köpa ett abonnemang. I den måste du klicka på den gröna "Fortsätt" -knappen.

Detta öppnar programfönstret. Nya ikoner kan väljas från karusellen längst ner i fönstret. För att använda de nedladdade ikonerna (en fil med filtillägget .ip) måste du klicka på "Lägg till ikonpaket". I rullgardinsmenyn är det tråkigt att välja objektet " Installera från disk".

Detta öppnar File Explorer där du måste ange sökvägen till filen och klicka sedan på "Öppna". Efter det kommer programmet att ladda samlingen och visa en förhandsvisning av ikonerna.

I Windows operativsystem har varje element på skrivbordet sin egen ikon. Vår artikel kommer att berätta hur du installerar ikoner.

Om du vill ändra standardutseendet för mappar och filer kan du göra det när som helst med hjälp av anpassade ikoner. Detta är lätt att göra med några enkla steg.

Förändringsprocess

• Du måste ladda ner en samling ikoner från Internet eller skapa dem själv. Det viktigaste i denna fråga är att se till att de nedladdade eller skapade ikonerna som du kommer att ändra till standardikoner, har tillägget .ico. I de fall då bilderna har .png-formatet måste du använda specialprogram, som är utformade för att konvertera från ett format till ett annat. Du måste också komma ihåg katalogen (mappen) där du sparade dessa ikoner;
• Innan du lär dig hur du installerar ikoner för Windows måste du komma ihåg att de flesta skrivbordsikonerna är genvägar till program. För att ställa in en ikon för en genväg måste du flytta muspekaren över filen eller mappen vars ikon du vill ändra. Klicka sedan på det valda elementet Högerklicka musen och välj "Egenskaper" från menyn. Därefter måste du gå till fliken "Genväg" och klicka på knappen som säger "Ändra ikon", som finns längst ner i det här fönstret.
• I fönstret som heter "Ändra ikon" måste du klicka på knappen "Bläddra" och ange sökvägen till önskad ikon. När du väljer en ikon ser du omedelbart dess förminskade storlek (miniatyrbild). Därefter behöver du bara klicka på "Ok"-knappen för att bekräfta ditt val. I huvudfönstret "Egenskaper (fil- eller mappnamn)" måste du klicka på "Verkställ" och stänga det här fönstret.

Mappikoner

För att ställa in en ny ikon för en mapp som finns på skrivbordet måste du anropa "Egenskaper" för denna mapp på samma sätt som i steg nummer 2. Eftersom det inte är en genväg kommer det inte att finnas en flik som heter "Genväg". Nu måste du gå till "Inställningar", som finns i avsnittet som heter "Mappikoner", som i sin tur finns längst ner i fönstret. Därefter måste du klicka på "Ändra ikon". I det nya fönstret väljer du önskad ikon från miniatyrbilderna som erbjuds dig, eller ange sökvägen till din egen fil. Det återstår bara att bekräfta valet genom att klicka på "Apply" och stäng fönstret.

Ikoner för andra element

Ikoner för mappen "Mina dokument", "Den här datorn", "Nätverksplatser" eller "Papperskorgen" måste ändras enligt följande:

• Högerklicka var som helst på skrivbordet.
• Välj "Egenskaper" från menyn.
• I fönstret "Display Properties" går du till fliken "Desktop" och klickar på "Anpassa skrivbordet".
• Därefter måste du välja elementet vars ikon du vill ändra och klicka på knappen märkt "Ändra ikon".

Nu vet du hur man installerar ikoner på skrivbordet!

I den här artikeln kommer jag att berätta om platt design. Du måste ha hört något om detta redan, eftersom flat har blivit en av de ledande trenderna på webben under de senaste åren.

Idag kommer vi att förstå vad platt design är, hur det kommer till och vad du behöver för att skapa en ren, ljus och responsiv design.

Du kan hitta bra exempel på platt design på http://market.envato.com/. Det finns gott om layouter, ikoner och mallar för att ge dig en tydlig uppfattning om hur modern design ser ut. .

1. Vad är platt design?

Platt design - modern stil användargränssnitt, samt grafisk design, präglad av minimalism. Platt design kännetecknas av användningen av ett minimum av element och frånvaron av olika effekter av textur, skugga och ljus, till exempel: blandade färger, gradienter, höjdpunkter och så vidare.

Platt kontra skeuomorfism( Skeuomorfism är en designprincip när en produkt får utseendet av en annan, d.v.s. när olika gränssnittselement kopieras från riktiga föremål- ungefärlig översättning.) , såväl som rik design. Det är dock värt att säga att platt design inte alls är så enkelt som det verkar vid första anblicken. Den innehåller några drag av skeuomorfism, men vi kommer att prata om detta lite senare.

I allmänhet hjälper platt att hålla användaren fokuserad på innehållet utan att distraheras av det visuella. Den platta designen understryker elementens enkelhet samtidigt som den gör gränssnittet mer responsivt, trevligt och enkelt att använda.

2. Lite historia

Platt design fanns som bekant långt före ögonblicket då det blev en global trend på webben. Platt design var ganska populärt på 80-talet på grund av att tekniken vid den tiden ännu inte var tillräckligt utvecklad för att stödja komplexa effekter, texturer och skuggor. Men även då strävade designen efter skephomorfism och försökte göra gränssnittselement så realistiska som möjligt.

Platt design, i den form vi ser det nu, började bli populärt efter att Microsoft började producera produkter i den så kallade metrostilen. Metro är en UI-design från Microsoft som imponerar med sin stil och enkelhet.

År 2010 Microsoft släppte Windows-telefon 7, som använde platt design med skarpa kanter och enkel grafik som ärvts från en av de tidiga produkterna Microsoft (Zune). Senare, inspirerad av framgången, släppte Microsoft operativ system Windows 8 baserat på samma Metro platt stil.

Platt design nådde trots allt sin topp 2013 när Apple släppte iOS 7 demonstrerar i grunden ny design med helt omgjorda användargränssnittselement, inklusive ikoner och typsnitt. Apple skapade visuella principer för UI och ikondesign .

Kort därefter började Google också använda den platta stilen i sina appar och webbsidor, kallar den materialdesign. Google har till och med ett helt avsnitt dedikerat till denna stil, inklusive en beskrivning av målen för webbdesign, dess principer och instruktioner för att skapa olika designobjekt: ikoner, layouter och så vidare.

Sedan dess har platt blivit en nyckeltrend inom webbdesign, vilket gör webbplatser, applikationer och gränssnittselement eleganta, rena och snygga.

Således finns det tre globala exempel på platt design från företag, utan vilka det är svårt att föreställa sig den moderna teknikvärlden:

Microsofts Metro design

Apple iOS 7 design

Googles materialdesign

3. Kom ihåg renlighet

Platt design kallas tydligen "platt" på grund av bristen på 3D-element och realistiska effekter som gradienter, texturer, högdagrar, mellantoner, skuggor. Kom ihåg att platt stil är ett tvådimensionellt (platt) sätt att avbilda objekt.

Dessutom, i platt design, avbildas föremål på ett mycket förenklat och stiliserat sätt.

Och ibland används till och med bara en siluett eller konturer av ett föremål, d.v.s. precis tillräckligt för att göra objektet igenkännbart, men inte för att överbelasta det med mindre detaljer.

Minimalism har blivit en global trend i dessa dagar: enkelheten i former och användningen av skarpa kanter skapar en ren och tilltalande design. Enkla former är mer begripliga och lättare att förstå. Detta håller designen minimalistisk, ren och förhindrar att den får en upptagen, rörig look.

4. Perfekt

Vet att när det kommer till att skapa platta ikoner och UI-element måste du få dem att se skarpa, snygga och pixelperfekta ut, d.v.s. så mycket som möjligt. Dessutom gäller detta både raster- och vektorgrafik.

Med programmet Adobe Photoshop allt är klart här: det fungerar med rastergrafik, som är baserad på pixlar.

Rörande Adobe programvara Illustrator, den använder vektorgrafik som består av kurvor och linjer som kallas vektorer, som definieras av matematiska formler.

Förr i tiden var Adobe Illustrator inte mycket bekvämt program för att skapa pixelperfekt grafik. Den goda nyheten är att senaste versionerna Illustrator har blivit ett bra verktyg för att skapa bra grafik.

Måste säga det Vektorgrafik handlar främst om att arbeta med enkla, platta former, solida färger och rutnät. Adobe Illustrator är mycket flexibel och låter dig anpassa rutnätet efter dina behov, justera objekt och använda Olika typer knäppning. Detta gör det enklare att skapa den perfekta designen som ser ren och snygg ut på vilken skärm som helst. Om du vill lära dig hur du skapar perfekt grafik, bör du läsa artikeln: Hur man skapar pixelperfekta konstverk med Adobe Illustrator .

5. Färg

En av de mer specifika egenskaperna hos platt design, bortsett från skuggor, är användningen av färg. De flesta av färgerna som platt design använder i sina element består av bara några få grundfärger.

Färg i platt design kännetecknas av ljusstyrka, mättnad, saftighet.Det platta färgschemat är inte begränsat till några speciella färger, de innehåller många nyanser och deras val beror bara på vad du avbildar, om de är ikoner av sötsaker eller föremål i retrostil i en sofistikerad retropalett.

Låt oss säga att du är en användargränssnittsdesigner och du är bra på färgpaletter, och att du experimenterar med färgfältet i Photoshop och Illustrator och blandar färger som du vill. Denna process är dock ganska komplicerad och kräver god intuition, erfarenhet och färdigheter. Här hittar du några verktyg som kan hjälpa dig att skapa din egen färgpalett.

Vissa av dem är lämpliga för alla typer av mönster och illustrationer, inte bara platta mönster. Till exempel Adobe Color CC, mer känd som Cooler. Idag finns det tillgång till det, både via hemsidan och direkt via Adobes produkter. Kylaren är ett mycket flexibelt verktyg som låter dig antingen skapa din egen färgpalett eller välja bland anpassade paletter från biblioteket.

En annan enkel och behändig färgpalettgenerator är Coolors. Tryck bara på mellanslagstangenten så genererar programmet en färgpalett, du kan justera färgerna, det finns även en exportfunktion.

Det finns flera andra liknande tjänster med anpassade paletter som kan vara användbara. Det finns dock ett verktyg som är speciellt framtaget för platt design: FlatUIColors.com av Designmodo är en tjänst med en uppsättning "platta" färger, mycket bekväm att arbeta med. Den här sidan har blivit mycket populär bland designers som letar efter bra färgval för perfekt design. Försök!

Och du kan hitta fler olika färger och paletter i Googles materialdesignguide.

6. Långa skuggor

Som nämnts ovan kännetecknas platt design av enkelhet, mycket ledigt utrymme - det är därför platt avvisar användningen av några effekter. Det finns dock en effekt som är specifik för platt design. Denna effekt har blivit en trend och karaktäristiskt drag platt.

Vi pratar nu om långa skuggor. De har några typiska egenskaper som gör denna effekt igenkännbar, nämligen: 45-graders lutning och stor storlek(skuggan kan vara flera gånger längre än själva motivet. Som ett resultat ger långa skuggor plattan en viss effekt av djup.

Denna effekt gör objektet mer tredimensionellt, men lämnar det samtidigt i en platt design.

7. Arbeta med typsnitt

Typografi spelar en stor roll i platt design. Ofta blir texten huvudelementet i kompositionen.

Flat använder vanligtvis enkla typsnittsstilar som gör hela designen ren och läsbar. Du kan hitta många gratis typsnitt i Adobe Typekit om du använder Adobe-produkter. Du kan också hitta många bra gratis typsnitt på Font Squirrel. Men glöm inte att läsa licensen om du ska använda typsnittet för kommersiella ändamål.

Oftast i platt design är det vanligt att använda versaler och kontrasterande färger, detta gör texten mer läsbar.

Använd typsnitt med försiktighet, kom ihåg att det ska framhäva och passa designen och inte se ut som ett separat element.Detta betyder inte att du inte kan använda serif-typsnitt eller kursiva komplexa teckensnitt. Kom bara ihåg att vara minimalistisk och hålla allt i balans. Flat använder dock fortfarande sans-serif-teckensnitt oftare, eftersom de ser mer strikta och snygga ut.

8. För- och nackdelar med platt design

Även om platt design har blivit så populärt på grund av dess många fördelar, finns det fortfarande några nackdelar som designers möter när de använder denna stil. Låt oss titta på för- och nackdelarna.

fördelar

Popularitet

Platt design har blivit en trend som får mer och mer positiv feedback från designers och webbdesigners, och det verkar inte tappa mark alls. Tvärtom, det sprider sig mer och mer, får några nya former och funktioner, blir mer och mer kreativt.

Enkelhet

Den platta designen är enkel, minimalistisk och ren. Platt på webben hjälper användarna att fokusera på innehåll snarare än att distraheras av visuella effekter. Detta fungerar också för mobila app-gränssnitt: en ren design med stora knappar gör användningen av Mobil enheter perfekt.

Ljusstyrka

Färg är ett annat coolt plus i platt design. Ljusa och mättade färger ser attraktiva och rena ut, och avsaknaden av gradienter gör designen snygg. Dessutom gör sådana rena färger det mer positivt, presentabelt, platt design skapar rätt stämning.

Brister

Platt har många fler fördelar, men ingen design är perfekt, och vi kan inte idealisera den. Här är några nackdelar med platt design som vi måste nämna:

Svarslöshet

Ibland gör bristen på viktiga detaljer eller visuella effekter processen att skapa ett användarvänligt gränssnitt svårt, och detta gör i allmänhet att hela designen inte svarar. Alla användare känner sig inte bekväma med platt, eftersom det kan vara svårt att hitta element på en webbsida som du måste klicka på eller trycka på skärmen mobiltelefon eftersom de inte är interaktiva.

Problem med typografi

Som nämnts tidigare kan inte alla teckensnitt passa platt design. Ibland ser ett så rikt typsnitt med skarpa kanter riktigt balanserat och stilrent ut. Men i händelse av att typsnittet är felaktigt valt kan detta förstöra hela designen. Man måste ha en riktigt bra känsla för vilka typsnitt som passar för platt och vilka som inte är det.Brist på erfarenhet gör det väldigt svårt att välja typsnitt.

Svag bild

På grund av begränsningar i användningen av effekter, färger och typsnitt kan platt se för enkel och kall ut. Dess minimalism kan också vara dess främsta nackdel - andra platta mönster ser ut precis som din. Så det är väldigt svårt att få dina ikoner eller webbsidor att se annorlunda ut än någon annans design eftersom du använder samma förenklade former, begränsade färgpaletter och liknande typsnitt. Som ett resultat kan platt design bli tråkig med tiden.

9. Framtida platta designtrender

Det kan inte sägas att platt design är helt formad och stoppad på sitt eget sätt. Kanske är det på grund av dess brister som nämnts ovan, platt tenderar att utvecklas och förändras, förvärva nya egenskaper och förbättra visuell uttrycksförmåga.

Om du tittar noga på det sista exemplet på platt design kan du se att det verkligen är detgradvis från sina rigorösa verktyg och börjar lägga till subtila effekter som gradienter, skuggor, ljussättning och andra visuella effekter.

Dessa små detaljer ger platt design lite djup utan att vara alltför detaljerad som skeuomorfa design gör. Dessa mindre förbättringar gör platt mer lyhörd och bekväm, samt ger en fräsch look, vilket gör platt mer flexibel och mångsidig.

Således förlorar platt inte sina egenskaper, utan blir mer intressant, flexibel– Han blir verkligen bättre.

Slutsatser

Därför diskuterade vi lite fakta från platt designs historia och pratade om färger, former och typografi. Vi har granskat olika punkter vision, uppehöll sig vid för- och nackdelar med platt och lärde sig några av huvudprinciperna för att skapa bra design.

Jag hoppas att du har lärt dig något nytt från den här artikeln, eller åtminstone funnit den intressant. Du bör prova platt design om du inte har gjort det tidigare.

När allt kommer omkring, vad mer bör nämnas om platt design?

Om du verkligen gillar platt med dess skarpa kanter, saftiga färger och skarpa typsnitt, dess renhet och minimalism, så kör på det!

Det är trendigt, men som med alla andra grafiska stilar, begränsa dig inte till en teknik. Om platt är i trenden betyder det inte att du inte kan använda andra stilar i ditt projekt. Skeuomorfism med sina små detaljer och texturer kan också vara en bra lösning. Viktigast av allt, kom ihåg att designen är olika för varje projekt, den måste uttrycka sin anda, syfte, essens, samtidigt som den förblir bekväm och funktionell. Fram!

Relativt nyligen har en sådan designriktning som FLAT - design eller platt design blivit populär.

Användare av Windows 8 och senare är redan bekanta med FLAT-designen, eftersom det första de ser när de startar systemet är den här skärmen.

Själva framväxten av FLAT design beror på spridningen av mobila applikationer. Och jag tror att detta beror på det faktum att FLAT designobjekt skapas med hjälp av vektorobjekt, och följaktligen är de lättare att anpassa till olika gadgetplattformar.

FLAT - design har följande funktioner:

Helt eller delvis avvisande av gradienter, komplexa texturer och skuggor vilket jag personligen är väldigt nöjd med. Jag har inga klagomål på skuggorna och själv gillar jag att använda dem, men låt de eviga problemen med visningen av gradienten försvinna.

Typografi, geometri, kommer i förgrunden. Speciellt när det kommer till webbdesign.

Harmoni och. Designen använder ett begränsat antal färger. Här är ett exempel på den populära designpaletten FLAT.

Användning av kreativa informativa ikoner.

FLAT - design har som sagt blivit väldigt populärt inom mobilapplikationer, eftersom dess huvuddrag är enkelheten i layout och anpassningsförmåga. FLAT design används också i stor utsträckning i infografik, eftersom den är baserad på harmonin i uppfattningen av information genom användning av konstruktiva tekniker för typografi och färgläggning.

En gång i tiden var den mest populära trenden inom webbdesign Web 2.0. Nu har FLAT design tagit plats. Mode tenderar att återvända till det gamla bortglömda för att göra något nytt av det. Vem vet när FLAT design kommer att gå ur modet, men för nu, njut av enkelheten, harmonin och informativiteten i den nuvarande trenden. Platt design var förresten populärt redan på 80-talet, men då var det pga tekniska funktioner, oförmågan att visa skuggor och gradienter. Och nu har de flesta av de ledande IT-företagen gått över till platt design.

Jo, vi kommer också att anpassa oss till den föränderliga världen. I nästa artikel ska jag visa dig hur du skapar ikoner i FLAT-stilen med enkla former i Photoshop.

Om mina publikationer är av intresse för dig, föreslår jag att du är medveten om senaste uppdateringarna webbplats.

(Besökt 2 384 gånger, 1 besök idag)