Ontwerp van een schone e

ontwerp in photoshop,,,,,,, schone winkel de e - commerce - website nog vrij?Vandaag, zal ik je laten zien hoe je het schoon aan de e - website interface in Adobe photoshop.Deze handleiding is niet alleen vol zit met photoshop vaardigheden en ontwerpen, buiten het operationele deel, ik weet zeker dat je niet wil missen.Oké, laten we beginnen.,,,, in winkels, gratis, in de eerste plaats wil ik het ontwerp van deze interface die sunil.Ik maakte enkele wijzigingen van de regeling, zoals herstructurering volgens het rooster.,, van je gedachten, laat je het los en ruw, voordat we springen naar Adobe photoshop, moeten we eerst even de tijd om na te denken over het ontwerp en de manier waarop we de structuur.Laten we beginnen met een pen en papier, als we de lijn, als we de oprichting van een lijn, we ons proberen te schetsen van de pagina 's van verschillende visie op de pagina van elk element van de positie in.Dus, wat we doen is na te denken over hoe het werkt het beste, samen, en hoe ze met elkaar verbonden.We hebben gezien welke elementen moeten benadrukken dat niet moeten zijn, in dit stadium, moeten we stoppen met je zorgen te maken over hoe de specifieke elementen worden weergegeven, en dat is de algemene opzet van de site kan een, helaas, want ik ben niet vanaf het begin tot de lay - out, heb ik geen foto 'S. De lijn voor je.Maar er is één punt zou ik zeggen: laat je los en ruwe schetsen.Als je nieuw bent, dit is je eerste opdracht: proberen te schetsen van dit laatste ontwerp, of van andere bestaande website die je leuk vindt.Dit zal je helpen de aandacht op de pagina 's van de relatie tussen de elementen van de verdere lezing:,, schetst de bu het kader en de model 18 grote voorbeeld waarom schets en versterking van wireframes Design Concept, en het creëren van een grijze doos, we hebben nu de contouren van een idee, nu is het tijd om die schets naar een meer solide lijn.We zullen beginnen met het creëren van een grijze doos in alle schema 's en de aard van de behandeling kan bestaan, maar geen kleur, textuur, beeld, wacht, dit is onze laatste grijze draad eruit moet zien:,, de indeling van: samenstelling, voor we beginnen, ons werk in Adobe photoshop. Doos, We hebben besloten om, ten eerste, de indeling van ons zal zijn van een vaste inrichting, dat betekent dat we de omvang van de indeling in een bepaald aantal pixels aangewezen.We zijn zo de lay - out van 940px breedte, zoals je kunt zien, het volgende beeld, zowel in de kleinere of grotere vermeld in het raam van de omvang, het is hetzelfde.,, de indeling van: de maaswijdte, gebruik te maken van het netwerk van ons land kunnen worden besloten de elementen waarvan de omvang Veel makkelijker.In dit ontwerp hebben wij gebruik zullen maken van deze netwerken in de geweldige vent tean + Lax.Dit is een 6px de netten en de 960 om verder te lezen, we gaan, we bespreken hoe we onze tekst en elementen, maar nu moet je het artikel gelezen, over het gebruik van dit netwerk, het ontwerp en de Baseline -.,, sneller, lay - out: witte ruimte, wit of negatieve ruimte. We zijn in de ruimte tussen de interface elementen.De belangrijkste elementen van de ruimte tussen de macro - en witte ruimte genoemd.- witte ruimte is de witte ruimte tussen ruimtelijke elementen, zoals de lijst, de titel en de ruimte tussen de tekst en beeld, tekst van de ruimte tussen de witte ruimte kunnen helpen bij het opsporen van merken, ontwerpers vaak gebruikt bij het ontwerpen van een witte ruimte voor hun delicate en een gevoel van luxe.Dus het is iets, moeten we goed zorgen voor onze ontwerp.,, lettertype: lettertype dat we zorgvuldig moeten kiezen lettertype /lettertype.Het kiezen van de juiste lettertype niet makkelijk, je moet naar de vele aspecten van de keuze van de juiste boodschap en persoonlijkheid, een lettertype, dat zal worden onderzocht hoe de browser.Ik zou niet teveel in details, ik wil een aantal posten, die ik zeer interessant vond, om verder te lezen:,, een gids voor beginners, lettertype, hoe de keuze van een lettertype, "Ik moet wat letters gebruiken?"Lettertype: de keuze en het gebruik van de vijf beginselen, het kiezen van de juiste lettertype: in de web - indeling van een praktische gids, kies je de pagina 's van het lettertype, de keuze van het type, in onze interface, we gebruiken de volgende drie letters: de zwarte gaten, schoon en moderne lettertype, dat zegt alles.Georgië, een lettertype, royalty 's en ernstige toon te wekken.Is er, lettertype, gevoel van autoriteit, zoals een moedige verklaring, altijd een beetje.,,, (standaard: helvetica Neue, het lettertype).,,,: de titel (download).,, Georgië: andere leidende factoren (normen, het lettertype, lettertype): niveau ". Gedrukte niveau" ingevoerd van verschillende types, het gewicht van de structuur en de omvang van de bestanden en het lettertype in lettergrootte, we hebben besloten gebruik te maken van de mazen in de ontwerp - normen is de lettergrootte verenigbaar is, en dat is de reden waarom we blijven doorgaan.Van deze omvang is zeer nuttig gebleken, in combinatie met de uit de drie grootste.Dus dit is ons belangrijkste interface pixels:,,, 24px, H1: titel, 18px:.,,,,, - titel deel. H3 en navigatie: de titel, het lichaam, 12px: een economische waarde, 18px.,, maar, in de marge van de inhoud van de vlag en de kenmerken van Regio 's, we gaan het gebruik van een aantal andere van verschillende grootte (na deze reclame, tijdig zal vervangen), maar de lettergrootte, normen, in gewicht, van Rome, ik zal kleine moedige kleine.Echt niet zo ingewikkeld.,, lettertype: leiderschap, een & volgen, zoals ik al zei, zullen wij gebruik maken van de waarde van de grootste (afstand) gedreven net, is dit: 18px, en 21px. We zullen in het lichaam van een maatregel van het licht, en de rubrieken (zie de Uitbreiding van de lezing).Tot slot, gebruiken we de standaard - waarde (0) van alle teksten grondig te lezen:,, meting en optische krullen, lettertype: - aliasing, dit is echt een goede artikelen.Je moet dit lezen een!Ik zal geen woord zeggen, in aanvulling op de tekst (kleine) We zullen een scherp, en titel (handelsnaam) gebruiken we bij nood.,, lettertype - aliasing, stap 1: vaststelling van documenten, nu hebben we al enkele besluiten, het is tijd om Adobe photoshop en beginnen met het creëren van ons de lijn!Dus doe ons vroeger bekend als de "- documenten van grid2 PSD downloaden.".Het eerste wat we moeten doen, is de keuze van de in de documenten van alle bestaande lagen, behalve de staat bekend als de "marker" MAP, en zal ze weg, of ze in een map, dan verbergen ze.Voordat we verder gaan, laten we kiezen voor "marker" MAP, klik op slot &rdquo dingen lagen panel; in de knop.,, we moeten nu veranderen we de hoogte van de documenten, omdat we uiteindelijk een ontwerp van bestaande documenten dan de grotere.Om dat te doen, zullen we naar de beelden van de omvang van 1540px> canvas, verandering van de hoogte van het anker en ervoor te zorgen dat een centrum van de top, en daarna van mening.> acteur (zie onze gids), de heersers (de heersers) en Cards (zodat het doel, we creëren 'gids).,, stap 2: het tot stand brengen van een achtergrond, zullen we beginnen om ons op de achtergrond.Het creëren van een nieuwe laag, geef het een naam ("BG"), de marquee instrument (m).Het creëren van een selectie van in de hele doek, en om te voorzien in het gebruik van klik shift + backspace bond, de kleur...En dan zal de keuze van deze kleur:&#f5f5f3.Let op de kleur waarde zullen we in de grijze draad gebruiken niet de uiteindelijke waarde, maar we zouden gebruiken om onderscheid te maken tussen de elementen van onze pagina 's.,, salaristrap 3: het creëren van een dak gaan, laten we nu tot boven de BAR.Meer rechthoek het instrument (m), de oprichting van een kiesdistrict 1260x45px, dan vult de kleur:,, de selectie van de horizontaled2d2d. Tekst instrument (T), de invoer van je navigatie - project, dan zal de volgende tekenset:,,, lettertype: helvetica Neue LT normen, 55, gewicht:,, Rome. Afmetingen: 12px.,, een maatregel򻚼 kleur:.,,.,, - aliasing: scherp. En om ervoor te zorgen dat we de tekst in overeenstemming met de achtergronden, de keuze van deze twee lagen (tekst van de laag en de achtergrond lagen op de controle van de verticale) In aanpassing, Rod, stap 4: in de vorm van schepping. In het horizontale instrument "," - aanduiding (T), gelden de volgende tekenset, en ervoor te zorgen dat de aanpassing de,,.Lettertype: helvetica, Neue LT normen, gewicht: 75, moedige, afmetingen: 12px,.,, een maatregel&#ffffff kleur:.,,.,, - aliasing: scherp.,, laten we nu tot de ingang van het veld.Het gebruik van de rechthoek instrument (e) het creëren van een vierkant met afgeronde hoeken elk van hen moet 127x26px, en 15px straal.Met deze kleur: aanpassing van 767676&#zoals hieronder, in twee woorden de gebruikersnaam en wachtwoord in de twee gebieden, met de volgende kenmerken die van toepassing zijn, dan zal zij overeenkomstig de hieronder:,,, helvetica Neue LT criteria: gewicht: 55,,,,, de omvang van de Roma.: 12px.,, een maatregel&#ffffff kleur:.,,.,, - aliasing: scherp.,, maken we onze "naar" het gebruik van de rechthoek instrument (e) de knop, maar een 33x25px rechthoekige dit 25 pixel van de straal van de tijd.En het woord "gaan" binnen dezelfde tekens die in het bijzijn van beeld en wijziging van het gewicht van de moedige 75, grijp het touw van instrumenten (l), het creëren van een online 1x25px en vul het met witte.En in de "Register" dezelfde tekens worden hieronder vermeld, al hebben we in deze stap, op grond van het element.,, 5 maatregelen: de oprichting van een advertentie ruimte, laten we de rechthoek het instrument (m) het creëren van een rechthoekig 480x60px,򻚼 vullen, en in de volgende foto 's.Dit moet worden beschouwd als een advertentie ruimte, en dan aan de reserve. Deze laag van een beroerte.De volgende beelden tonen ons wilt, stap 6. EN: het creëren van een logo, in feite, tekenen we niet moeten worden ontworpen in Adobe photoshop, nu moeten we scheppen.Dus pak de ellips instrument (e), of van 60x60px create a, vul het met deze kleur: #2d2d2d, en de aanpassing van het als aangetoond. Het beeld, het type, de brief "f" karakter met behulp van de volgende instellingen, en de aanpassing van het volgens de volgende image:,,,.,, de avant - Quelombre.,: kleur: 53.65px.,,,,,, #ffffff., Anti-Aliasing, Crisp. - type:,, het woord "platina" en op de volgende instellingen - karakter.,,,.,, de avant - Quelombre.:,,, Kerning: 30px., Optical., kleur,,,::: Crisp. Anti-Aliasing #2d2d2d.,,,,, en "winkel" met de volgende karakter settings:,,,.,: Georgia., Regular., gewicht, grootte,::,,, 12px., Kerning,: Metrics., kleur, en: #767676.,, Anti-Aliasing, Sharp., maken dat je: ze zijn plaats aan De beeld. Volgens de,, St.7: het creëren van navigatie, stap in het creëren we de navigatie.Rechthoekige doos blijven en instrumenten (m), de oprichting van een kiesdistrict 940x48px, vul het met de kleur:&#c3c3c3, 20 pixel reclame in de ruimte, zoals hieronder aangegeven, zullen we blijven vangen., van horizontale aard - instrument (T), en gebruik maken van de volgende aard - die we subpagina 's van de titel lettertype::,,,.,, het gewicht, afmetingen: normaal. EN: 14.,,,, een licht. Kleur:d2d2d /&#ffffff.,, - aliasing: broos.,, laten we nu uit elkaar gaan we net de titel te creëren.Met behulp van de lijn - instrument (e) voor elk van de twee posten te creëren tussen een verticale lijn, en in kleur:&#b4b4b4, om ervoor te zorgen dat de waarde van elke titel en de verticale lijn blijft tussen de 20px.,, acht stappen: het creëren van een menu 's, we creëren een menu, oké?Rechthoek het instrument (m), de oprichting van een kiesdistrict, gevuld met twee perifere lijn "vrouw" en vul het met de kleur van de ruimte tussen de waarde van 2d2d2d: #. En het creëren van een andere keuze 340x147px, vul het met dezelfde kleur, en sluiten volgens de hieronder.Als we het menu 's achtergrond.,, (T) de keuze van de tekst op het niveau van de knop toetsenbord instrumenten (T), en beginnen met het invoeren van de menu' s van de elementen en het gebruik van de volgende tekenset:,,, lettertype: helvetica Neue LT: 55, normen, Het gewicht, afmetingen: 12px Rome.,,, de krullen. Maatregel::.,,,,, 30px. Kleur:򻚼.,, - aliasing: scherp. En uiteindelijk, laat ze op het volgende beeld.,, nu moeten doen, is het creëren van een beeld van het beeld hier zullen We een foto van een vrouw alleen om te zeggen dat je de keuze van de gebruiker "de vrouw").Dus, de rechthoek het instrument (m), de oprichting van een kiesdistrict 139x105px, en vul het metf1f1f, en het creëren van een andere keuze 121x87px en vul het met򻚼.Om ervoor te zorgen dat de twee rechthoekige is het centrum van de verticale en horizontale regeling, en Stap 9: het creëren van de BAR, laten we verder gaan, als we naar de BAR, het creëren van een input - gebied.Een rechthoek van instrumenten (e), het creëren van een rechthoekig 123x26px, en 15px straal, en die witte.Vergeet niet te sluiten, zoals hieronder aangegeven, met een vreselijke., van horizontale aard - instrument (T), type "naar" binnen de rechthoek, gelden de volgende tekenset:,,, lettertype: helvetica Neue LT - normen, met een gewicht van: 55,,,, Rome. Afmetingen:,, een maatregel 12px. Kleur:򻚼.,,.,, - aliasing: scherp.,, het vinden van een vergrootglas icoon, en op zoek naar de BAR om ervoor te zorgen dat het recht, de kleur en de aanpassing van󢸌 volgens het volgende beeld.,, 10 stappen: het creëren van de BAR, laten we beginnen met het creëren van "de inhoud van de regionale kenmerken".Het begin van de bouw van een keuze van het instrument 640x315px rechthoek (m), en vul het met&#c3c3c3.,, laten we nu tot de kenmerken van de producten van de informatie in de BAR waar heen te gaan.Rechthoek het instrument (m), de oprichting van een kiesdistrict in kleur: 480x33px, waarde򻚼, en sluiten zoals hieronder aangegeven, de selectie van de horizontale instrumenten (T) en de aard van de tekst informatie gebruik te maken van de volgende tekenset:,,, helvetica Neue LT criteria: gewicht: 55,,,,, Rome. Grootte: 14.,, een maatregel&#ffffff kleur:.,,.,, - aliasing: scherp.,, vergeet niet dat de aanpassing van de tekst en de achtergrond.,, het is tijd om te vormen van een inleidende tekst.Pak de horizontale instrumenten (T) van de tekst, en het woord "inzameling" met de volgende tekenset:,,,,, het lettertype: Georgië. Gewicht: afmetingen: 18px moedig.,,.,,,, een licht. Kleur:d2d2d.,, - aliasing,: bij de,, en het woord. "Zomer" met de volgende tekenset:,,,,, het lettertype: Georgië. Gewicht: afmetingen: 48px moedig.,,.,,,, een licht. Kleur:&#ffffff.,, - aliasing: knapperig.- om je te helpen bij je, tot slot, cool "heeft de volgende kenmerken:,,, die van toepassing zijn op het lettertype: helvetica Neue LT normen: 55, Rome, het gewicht, afmetingen: 18px.,.,,,, een licht. Kleur:d2d2d aliasing,,.,,, om er zeker van te zijn: knapperig. De tekst die ons, zoals aangegeven in figuur 11.,, stap drie: het creëren van een verkoop van etiketten, laten we nu tot de etikettering van onze verkoop.Het gebruik van onvolledige instrumenten (e) de oprichting van een 80x80px cirkel, in kleur:d2d2d, en dan, zoals hieronder aangegeven, een tekst, binnen deze cirkel ("40" bijvoorbeeld), gelden de volgende tekenset: type:,,,,,, Georgië. Gewicht: gewone /moedig. De omvang van 48px /14:,,.,, een maatregel&#ffffff kleur:.,,.,, - aliasing: broos.,,, stap twaalf: het creëren van een grote inhoud van de regio 's, laten we verder gaan, beginnen met het creëren van onze heer, de inhoud van de regio' S.We zullen beginnen met de titel, dus pak van horizontale aard - instrument (T), - een titel, en de toepassing van de volgende tekenset:,,, lettertype: gewicht: normaal.,,.,, afmetingen: 24px.,, een licht, de kleur, de:,.d2d2d.,, - aliasing: knapperig.En vergeet niet de kenmerken van regio 's in de inhoud van 20px.,, het gebruik van de woorden van instrumenten (T) is nog steeds in deze titel gekozen, de beschrijving van de inbreng van een snelle, gebruik maken van de volgende tekenset:,,, lettertype: helvetica Neue LT - normen, het gewicht, de omvang van: 55,,,,,, 12px Rome.:. Een maatregel򻚼 kleur:.,,.,, - aliasing, Sharpe.,, natuurlijk volgens baseline net sluiten, zoals hieronder aangegeven. Met behulp van de lijn, (e), de instrumenten, het creëren van een lijn van de breedte en de kleur en de waarde van 640px:&#e5e5e5.,, 13 stappen: het creëren van foto 's, de rechthoek het instrument (m), de oprichting van een kiesdistrict 200x152px, end2d2d vulling en aanpassing van 20px waar we net gecreëerde lijn voor de oprichting van een ander.,, de etikettering van de verkoop, zoals we op stap 11 creëren, maar deze keer laat de ring 45x45px en vul het met witte.En de tekst moet worden 24px /14 en vol򻚼.,, met behulp van de horizontale instrumenten (T) van de tekst van de vormen van gebruik van de volgende letters de naam van het product en de prijs is:,, het lettertype: helvetica Neue LT normen: 55, Rome, het gewicht, afmetingen: 12px.,.,,,,,,, 21px krullen. Kleur:&#meten.,, 767676 /�.,, - aliasing, Sharpe.Zullen we met een icoon te vullen in de ruimte, als je het wilt weten, kan je het plaatsen van een Winkelwagen icoon, zet het ons een stap vooruit in de ruimte, en sluiten, zoals hieronder aangegeven, als symbool is de kleur, je kunt naar laag> nieuwe verordening de hele lagen van zwart en Wit...Om zijn grijs,, onze keuze in deze stap om voor alle producten de preview elementen, dan zullen ze samen, en dan een kopie van deze documenten, vijf keer.Aanpassing van de producten zoals aangegeven in figuur 6 preview.,, 14: het creëren van een grote stap aan de kant van de vlag, laat ons nu ons werk in de marge.We beginnen met de grote vlag, dus grijp een rechthoekige instrument (e), de oprichting van een 280x314px rechthoek en vul het metd2d2d. Nog steeds de keuze van instrumenten voor het creëren van een rechthoekig 280x41px en vul het met򻚼, dan zal ze, zoals hieronder aangegeven, met behulp van de horizontale instrumenten (T), de tekst, met gebruikmaking van de volgende typen titel die de vlag van karakter:,,,,,, het lettertype: gewicht: normale afmetingen: 18px.,,.,,,, een licht. Kleur:&#ffffff.,, - aliasing,:,, crisp. (e) met De keuze van de onvolledige instrumenten (e), het creëren van een cirkel 210x210px, en� vullen, om het op een of andere manier zoals hieronder aangegeven, met het oog op de weg. En nu deze cirkel van een deel van een spandoek, achtergrond, open.Het panel, ronde laag ("tag_bg") ("box_bg achtergrond lagen boven de vlag en klik op"), een laag> om je masker, nu. En met behulp van de horizontale tekst instrument (T), de invoer van een tekst, binnen deze cirkel, gebruik maken van de volgende tekenset:,,, de letters: Georgia, gewicht, afmetingen: normaal. EN: 18px //24px /30px.,,,, een licht. Kleur:&#ffffff.,, - aliasing: knapperig.,, maar ook om ervoor te zorgen dat in het panel "nep - vet" karakter.,, 15 stappen: het creëren van een kleinere marge van de vlag, pak de rechthoek instrument (e) het creëren van een rechthoekig 280x144px, vul het metd2d2d, en het volgende beeld.,, laten we nu Tot de "meer weten '- knop.Een rechthoek het instrument (m) het creëren van een selectie van 120x30px en vul het met #, pak dan de tekst 767676. Niveau instrumenten (T), type "meer weten" binnen de rechthoek met de volgende tekenset:,,, lettertype: helvetica Neue LT normen: 55, Rome, het gewicht, afmetingen: 18px.,.,,,, een licht. Kleur:&#ffffff.,, - aliasing: knapperig.,, het gebruik van de woorden van instrumenten (T) is nog steeds in het gekozen, van een tekst in de afbeelding hieronder met de volgende tekenset:,,, lettertype: helvetica Neue LT normen: 55, Rome, gewicht, afmetingen: 14,. ///////18px 24px.,,,,, 24px. En een:,, het licht. Kleur:&#ffffff.,, - aliasing: knapperig.,, de foto 's blijkt hoe je een kopie van deze aanpassing van de tekst, een vlag. En ze blijven, tussen de verticale ruimte 20px.,, stap 16: het creëren van een "Twitter update", in het creëren van een kiesdistrict met 280x235px rechthoek het instrument (m) en vul het met witte, en dit onder de vlag van de 20px,, Rob. De horizontale tekst instrument (T), - titel gebruik te maken van de volgende tekenset:,,, lettertype: gewicht: normaal.,,.,, afmetingen: 18px.,, een licht.d2d2d kleur:,,,., - aliasing: knapperig.Het gebruik van gereedschap, rechte lijn, (e) het creëren van een lijn van de breedte en 240px in kleur:&#e5e5e5.,, Twitter vogel te vinden een icoon /figuur zoals hieronder aangegeven.Om ervoor te zorgen dat de grijze zoals we in de vorige stap. Hou van horizontale aard - instrument (T), een tekst die als een voorbeeld van, en dan de volgende tekenset:,,, lettertype: helvetica Neue LT - normen, met een gewicht van: 55, Rome, afmetingen: 12px,.,.,,,: 18px.,, een maatregel&#kleur:.,, 2d2d2d /򻚼.,, - aliasing: knapperig.,, - en type "meer" met de volgende tekenset:,,, lettertype: helvetica Neue LT normen: 55, Rome, het gewicht, afmetingen: 12px.,.,, een maatregeld2d2d kleur:.,,.,, - aliasing: knapperig.En, vergeet niet op de "of,, panel in karakter. Stap 17: het creëren van een" andere producten ", pak de rechthoekige instrument (e) het creëren van een rechthoekig 940x264px, vul het met&#ffffff, in plaats van" Twitter 20px update ", onderdeel van het creëren van een titel van dit deel is. Precies dezelfde als degene die we in de vorige stap gemaakt.En met de lijn instrument (e) de oprichting van een 898px in grote lijnen en vul het met&#e5e5e5.,, met behulp van de rechthoek instrument (e) de oprichting van een 178x113px rechthoek.Drie, waardoor het volgens de hieronder.,, dan in een informatie - en de toepassing van de volgende producten tekenset je tekst:,,, lettertype: helvetica Neue LT normen: 55, Rome, het gewicht, afmetingen: 12px.,.,,,,,, een maatregel 18px. Kleur:,, #. 2d2d2d /򻚼.,, - aliasing: knapperig.Tot slot, en vergeet niet "kopen" onderstreept dat,, de pijl geplaatst. Een icoon, zoals hieronder aangegeven, proberen om het in de 28x28px, in kleur:d2d2d waarde. Een kopie van deze icoon in het rechts.,, 18: het creëren van een zone, stap rechthoek het instrument (m) Om een selectie van 1260x122px, dan vult ded2d2d.,, een tekst met de volgende tekenset meter:,,, lettertype: helvetica Neue LT: 55, normen, het gewicht, afmetingen: 12px Rome.,.,,,,,, een maatregel 21px. Kleur:.,,&#ffffff /򻚼.,, - aliasing: knapperig.Een teken, tot slot, een kopie van de aanpassing en om ervoor te zorgen dat het beeld hier, dit is het!,, een combinatie van kleuren, nu doen we onze grijze draad, het is tijd om te concentreren op de kleur van onze interface.De kleur is een zeer grote thema 's, dus ik zou maar naar een deel van de door de combinatie van kleuren.De kleur van onze programma 's bevat drie kleuren:,,, slaaf of de kleur, het is een visie op de kleur van zwakke of ondergeschikte.Het is daarentegen of aanvulling van de belangrijkste blijft een van de belangrijkste, kleur, die een definitie van de waarde van de combinatie van de kleuren, communicatie, of opvallende kleur, het accent, dit kan op basis van de kleur of de belangrijkste is medeleven.Aan de andere kant, je kan kiezen voor een visie op de kleur, en het lijkt erop dat de toon van de combinatie van concurrentie, om de spanning. Het volgende beeld toont onze basis, heer, en de kleur van het accent.In het algemeen zal er een portret foto 's rond de thema' s en de ruimte.In de visie van het verkeer in het belang van het portret kan, dit is onze ogen hoe de camera 's lopen.En dan de ruimte rond het thema van de aanpassing, de fotograaf, zoals je kan zien, het volgende beeld, links (1), en de witte ruimte (op zoek naar de ruimte) rechten, het creëren van mobiele (3), waardoor we in de ogen van de richting, dit is een praktische gids voor Ontwerp en oppervlakte, zie je ze. Uiterlijk 19: gekleurde achtergrond, stap, laten we beginnen met de kleur van onze interface.Met het oog op de achtergrond kleur, je kan op een postzegel op laag panel druk CTRL te kiezen het is pixels, daarna de shift + backspace>>>>>>&#f6f6f4 kleur.Of je kunt toevoegen voor het kleuren van 20 stappen: kleur,., op de Top van de BAR, de kleur van het woord "in deze kleur:&#ffffff," de gebruikersnaam en wachtwoord ":e8e8e, ene8e8e input - gebied, de knop van de achtergrond en de" geregistreerd "# ea6a53 en navigatie, tekst en󴈿.,, in de advertentie ruimte beeld, zoals hieronder aangegeven, en het creëren van je masker, net als wij, in stappen van kleur, de tijd van 14. Teken.Geef de ring en de waarde van deze kleur "Vogue":d2d2d, om de "# dezelfde kleur als de achtergrond van de brief van de f6f6f4", en "winkel"&#bc3726.,, 21 stap: kleurstoffen voor navigatie, zullen we de tekst - achtergrond kleur:&#c3c3c3, end2d2d tekst, "vrouw" (namens de&#f6f6f4 hover /geselecteerd), en de verticale lijn en&#b4b4b4.,, voor de scheepvaart in de tekst nog meer visie, zullen we nog een schaduw.Hieronder worden vermeld, om te zoeken naar de BAR... En bewegen, gebruiken we de witte&#ffffff vult de input - gebied "onderzoek" #, a6a6a6, en&#ea6a53 icoon.,, laten we nu aan ons - navigatie - kleur... Vol metd2d2d achtergrond, en&#c4c4c4 tekst, beeld enf1f1f grens. En, zullen we door de toevoeging van een schaduw in de schaduw en het beeld van een beetje interessanter maken.Alle instellingen zijn beschikbaar op de volgende beelden gezien worden, en, tot slot, de een van de vrouwen als hieronder aangegeven model geplaatst onder, nu is het creëren van een stippellijn was tussen de navigatie.Open de Adobe illustrator, het creëren van een nieuw document, de selectie van de lijn - instrument (en), het creëren van een lijn 135px breed, en vul het met mensen (/).Open dan de reis naar de aanpassing van het panel, van uw instelling, de stippellijn het kopiëren en plakken op Adobe photoshop, maak twee kopieën, en vul ze allemaal&#deze kleur: 484848.,, 22: gekleurde grote marge van de vlag, zullen we een beeld in de achtergrond van de vlag van begin deze stap.Naar de bestanden.>> geplaatst... Om een foto te kiezen> positie, laten we de tekst binnen.We moeten gebruik maken van de waarde van de kleuren in de volgende beelden tonen om deze digitale "50", we gebruiken een drop shadow het laag.Die kan in de volgende foto 's gezien, in de tijd. In de titel, de achtergrond van de waarde van het... In kleur:�, en de kleur van de waarde van de tekst:&#c3c3c3.En het creëren van een stippellijn (zoals we in stappen van het vullen met 21)񥆽 geplaatst zoals aangegeven in de onderstaande tabel.,, laten we de titel achtergrond nog een visuele effecten, door de toevoeging van een subtiele grunge textuur.DOWNLOAD dit magische pen vastgesteld: "de functie van subtiele brush" in de wefunction of enige andere borstel geweldige vent die je leuk vindt.Het creëren van een nieuwe laag rechts boven de titel van de achtergrond van de laag, terwijl de keuze van de titel, verf, gebruik je gereedschap pen (b) (of die kunnen worden gebruikt in plaats van je Papoea - Nieuw - Guinea) met witte, daarna lagen de opaciteit van vermindering van 30%.Tot slot, klik op het> om je masker... 23: kleur, stap van de kenmerken van de inhoud van de regio 's, en we zullen tegen de achtergrond van de inhoud van de kenmerken van regio' s met de gradiënt, maakt het interessanter.Dus als instrument te kiezen (g), open met de redacteur van het controle paneel, en van de&#b6a397 d8a83 tot een kleur.,, moeten we de regio 's aangewezen moeten gevuld worden met een gradiënt, we doen een keuze, hier.Dus we gaan naar de lagen panel druk CTRL van de achtergrond van het laag postzegel en klik, met geleidelijke instrument (g) nog geselecteerd, de helling en wordt weergegeven in de volgende foto 's, de shifttoets ingedrukt beperkingen, Engel, in dit deel van de waarde van de elementen zoals de kleur van en, tot slot, is aangegeven. Het vinden van een vrouw in mijn foto' s van modellen, de documenten, en de aanpassing van de in het kader van net zoals hieronder aangegeven. De 24 stap: kleur, klein detail, spandoeken, nogmaals, zullen we een ander beeld als onze vlag achtergrond, het gebruik van onderstaande kleuren we de kleur van de waarden van de elementen die de tekst duidelijker,.,.,We geven het een schaduw.De instellingen kunnen op de foto 's gezien,,, en we doen hetzelfde met andere vlaggen...,, laten we nu wat kleur geven aan "Twitter update"... De volgende beelden bevatten alle kleuren waarden, gebruiken we dit deel 25: kleur, stap in. En de belangrijkste aspecten van zullen we uit de titel, vullen de kleur waarde:d2d2d, dan is deze waarde: beschrijving van de󑧙, en dan met&#e5e5e5 lijn.,, in de eerste plaats het beeld van het product naar de producten van alle kleuren bekijken... En de waarden van de elementen van de in de onderstaande afbeelding.,, in de "andere producten" deel zal worden gebruikt in de een stap die wordt vermeld in de element van dezelfde waarde als aan vulling witte achtergrond, om ervoor te zorgen dat de&#ffffff,Met 040707&#icoon, kleur, de grote gebieden, de achtergrond en het vullen van een kleur:d2d2d, en&#a0a0a0 en&#ffffff tekst., en, uiteindelijk, de kleur van het merk, de foto 's in de hieronder aangegeven,..., conclusies, dit is goed.Ik hoop dat je de les lezen, wat belangrijker is, je vond het nuttig.Als je nog vragen hebt, aarzel dan niet om uit te gaan van een toelichting, en ik zal doen wat ik kan om te helpen.



































































































Previous:
Next Page: