vanaf het begin van het creëren van een eenvoudige gebruikersinterface gereedschap (met inbegrip van gratis PSD.)Vandaag in de les,,,,,,,, we lopen door het hoe je het vanaf het begin je eigen eenvoudige bu de kit.We zullen het creëren van fundamentele bouwstenen, kun je een web van projecten, met inbegrip van de tekst, de prioriteiten, de selectie van gebieden, geschrift, laders, vakje knopen.Om van te genieten.Kit, interfaces: de perfecte manier om je ontwerp te versnellen, het creëren van een eenvoudige gebruikersinterface kit is een geweldige manier om vaart te zetten achter de ontwerp van je vaardigheden, als je in een groot project.Als je het aantal pagina 's te simuleren, hebben een arsenaal van de voor het gebruik van de elementen, met name het project maakt je sneller op hameren op deze pagina' s.Vandaag hebben we een video en schriftelijke cursussen - overeenkomstig een of twee.In de video tutorial, de voorbereiding van de opleiding, voor degenen die een beetje begeleiding dan ik die video, die een volledige stap voor stap en schrijven.Laten we sluipen.Het creëren van een tekst, het creëren van een tekst is in het hele proces een deel van de meest eenvoudige, maar omdat deze elementen is waarschijnlijk de meest gebruikte, dus erg belangrijk is, voor de eerste keer hebben.In ons geval, ik heb gewoon de X - 30px [[beeld: 2005 afgerond en een straal van X.Stel jezelf aan te passen aan de behoeften van je eigen.Een grote, sappige, een extra ronde gebied kan ook leuk zijn.De harde kant van de markt is meer mensen, op welke manier dan ook, het creëren van een perfecte beroerte verhogen en je merk (# bdd9a7 voor DEMO), een kopie van de laag, twee keer (CTRL + J), een keer naar beneden, dat drie lagen van onze BU toolkit voor zolang als het nodig is het creëren van een nieuwe op het gebied van of op de knop te drukken, is er een goede kans dat we hier beginnen, kunnen we dubbel nagenoeg dezelfde hoogte en de afstand, de volgende, op elk niveau, enkele woorden toevoegen.Gebruik wat je wilt van letters, maar het beste om de veiligheid van de website van het lettertype.Met name met de vorm gebied, lettertype is niet je beste optie.IkƗa16 helvetica, 12 - maar je kan het gebruik van Ariel, Georgië, duur, enz, laten we nog een eenvoudig de gloed, onze "prioriteiten".Dit zal bijdragen tot de identificatie van het mensen, als ze het gebruiken.Het licht is heel subtiel, maar je mag het als je wil zo helder.Dat zal ik nog een zeer delicate schaduw, volledig facultatief is, maar het laat zien hoe je je meer subtiele invloed, zodat het gebied zich actief.,, laten we een kopie van de rechthoek, en we zullen het gebruik van "menu" en onder het masker met de marquee toepassing van het instrument van de laag masker.Dit zal leiden tot een "knop" menu 's, alles wat we nodig hebben is een subtiele toevoeging van de helling, het ziet er meer uit als een druk op de knop,&#d9edca tot&#f0f9e9., dat een zeer belangrijke stap, omdat bijna alle elementen van de toekomst (knop, vakje, enz.), zullen we een kopie van deze laag. En de pasta in de vorm van een blanco.Een minuut geleden heb je je perfecte omdat het goed voor je hele BU toolkit ".,, het creëren van knopen, onderdelen, zoals ik al zei, we worden in wezen dezelfde vierkant met afgeronde hoeken, op het scheppen van de knop en kopiëren en plakken laag. - menu.We moeten het gebruik van de woorden in de tekst met de letters moedige variant, maar met de toevoeging van een eenvoudige "licht" (75% van de schaduw van de schaduw, wit scherm pixel de omvang van de voltooiing van de tekst van de tablet).,, het creëren van een druk op de knop - versie, maar de gradiënt van selectie "omgekeerde" de gradiënt van menu 's, de pijl is met "van de elementen voor de aandelen in aangepaste vorm van photoshop Bibliotheek" knop, de keuze van een pijl.Als je wilt, kun je ook je eigen...De vorm is, hangt helemaal van jou af, alleen maar om je pijl, het vullen van kleur voor je "brand" kleur "(wij zijnDb232) en het gebruik van een eenvoudige (niet in de schaduw van 12% van de omvang van de transparantie, de afstand van 2, 3), waardoor het een beetje illustraties.Je kan een wijziging van deze instellingen, natuurlijk, video in het blauw versie zal je vertellen over een verandering, en, ten slotte, je kan het. Door het gebruik van een eenvoudige 120px, toevoeging van een facultatieve verlichtings effect (transparantie in de blanco laag 0%)."De borstel vlekken" voorzichtig op de knop van de top, dan zal de vlek op de borstel in de knop (kiest u de knop en de keuze van nieuwe vorm, van toepassing op gepoetst laag masker).Een hybride model voor de zachte of harde licht te bereiken, kan je een beetje van dit herstel van de laatste stap, op basis van de kleur van je gebruiken.Deze stap zal altijd maar hetzelfde:,, het creëren van een nieuwe laag van de blanco, gebruik je de knop, de grote straal schilderij van een nieuwe laag, de positie van de nieuwe borstel bedrukt bovenaan of onderaan de knop, het creëren van een knop in de vorm van laag bedrukt laag masker, aanpassing van de kleur Die gemengde vormen, waardoor het voor je merk.,, het creëren van een vakje en de knop, de volgende stap is het heel eenvoudig is het creëren van de rechthoek (vierkante pixels is nauwkeurig).Waarom 12px?Want het is op het internet de algemene omvang van de tekst.Je kan naar de grotere of kleinere volgens hun eigen lettergrootte, onthoud, we kopiëren en plakken laag. - menu 's knopen...Dit maakt de dingen snel en uniform.,, dezelfde procedure is van toepassing op de knop, afgezien van de 12px kringen hebben gecreëerd in plaats van de rechthoek.,, richting "is door middel van kopiëren en een ronddraaiende pijl van het menu, 90 graden, een paar keer.Deze richting is goed, als je de pijl door het creëren van een accordeon menu: dia 's, het creëren van "vooruitgang", een eenvoudig laden. Dit is de uitbreiding van de algemene vergadering van de bu je op een goede manier.Dat mag je niet gebruiken voor het de hele tijd, maar het zal je op je moet onmiddellijk een lading.- Rod is door een aantal stappen om te komen tot de beste basis, het is donker, het creëren van actief op het gebied van de knop (of noem het wat je wilt in de Top van de achtergrond), voeg een subtiele toevoeging van de schuine strepen, op initiatief van de met HALO.,, de achtergrond laag. Als volgt:,, zwarte in de schaduw. Niet de transparantie van 75%, de omvang van een afstand van 2, 3, de verticale helling:ąe14 totŴa12 (bottom - up), 1 - pixel beroerte (externe):𢸶, en je kunt creëren op het gebied van de verschillende activiteiten op basis van de methode van de groene, maar hier is de BAR.,, repetitieve belasting op basis van de laag.In de rechthoek met de omschakeling van punt instrument X,c6918 vullen van kleur, een beroerte als 1 - pixel, met behulp van de geleidelijke gevuld reis:c6a17 totJb441.,, de volgende stap, we voegen schuine streep, zal in de laden BAR:,, het creëren van een rechthoek en zijwaarts Het scheppen van diagonale.Het herhaaldelijk gebruik van cntrl + J moet je vaak, mobiele van elke nieuwe kopieën in gelijke ruimte, van toepassing op de helling elke diagonaal actief op het gebied van de imitatie.In ons geval, dit is een simpele zwart op wit van de geleidelijke, om overlapping van de diagonaal -, masker. Op een knop of het creëren van een masker of gebruik je masker (zoals aangegeven in figuur 1), verlichting, gewoon een kleine bonus, als je wilt.Ik 120px poetsen met 0% van de hardheid), en ik creëerde een nieuwe laag, klik op de muis een keer, het creëren van een pagina van een vlek.De volgende stap, ik zal een laag. Een zacht licht, en zet het in op de knop van het masker.Je kan het een voorbeeld op het gebied van de laatste stap, maar ik maakte een keuze, actief op het gebied van (in de vorm van controle en klik), dan van toepassing zijn, die een laag masker, het creëren van een geschrift, oké, we zijn in de finish!De afdeling is heel eenvoudig te creëren, maar mag ik een paar:,, te beginnen met een vierkant met afgeronde hoeken, een perfecte ronde rand van de bovenste en onderste, als je een vierkant met afgeronde hoeken van de rollen van de breedte van de straal van dezelfde, dat de mensen in het pak, bijdragen tot de Toevoeging van een Jane in één kleur voor een beroerte, die BAR op dezelfde basis.Het voelt als in de basis, bij het licht van links naar rechts gradiënt zal helpen zich op de knop, net zoals we de andere knop, hier een wapen:,,, document.Vaak wordt genegeerd, een van de maatregelen voor de totstandbrenging van een toolkit de gebruikersinterface is nog een aantal fundamentele merk en andere documenten in je dossier.Natuurlijk, je kan het in je dossier in de documenten van de toevoeging van een van deze dingen...Maar de mensen moeten het open.Dus, alle essentiële informatie (namen van klanten en de ontwerper, versie, de soorten documenten, enz.) zal in het dossier, dus er is geen ruimte voor verwarring.,,, we creëren in de video tutorial blauwe versie.En, tot slot, je kan dit pas voor de inhoud van uw hart...Gebruik je eigen kleur, zoals het lettertype, stijl, de toevoeging van nieuwe elementen, zoals etikettering, open de menu 's, enz. Kan je dit slechts in beperkte mate, hangt helemaal van jou af, zo gek, het is leuk!,