Vázlat oktatóanyagok

10 vázlatos trükk, amelyek miatt Owen Wilson azt mondja, hogy „Wooow!” (Tonna GIF!)

Ha nem kapta meg a referenciát a címben, kérlek, nézze meg ezt a videót. Szívesen :)

Az egyik kedvenc dolgom egy alkalmazásban a beállítások és a menük körbevágása. Időnként véletlenszerűen megnyomom a billentyűzetemre is, hogy kiderüljön-e valami rejtett funkció, amely varázslatosan kifizeti a hallgatói kölcsönömet.

Még nincs szerencse rajta.

Nem úgy, hogy megpróbálom megtörni az alkalmazást, hogy megbotlik. Csak szeretem meghúzni a határait, hogy lássam, mi történik.

Az alábbiakban felsorolunk néhány trükköt, amelyeket felfedeztem, miközben körülmegyek:

1. A firkálási módszer

Kezdjük a dolgot egy robbantással, ugye?

Körülbelül egy hónappal ezelőtt fedeztem fel ezt a módszert, és ez volt az én rejtett tehetségem az első randevúkon. Csibék ásni, azt mondom. Side note, talán ezt a trükköt már ismeri a táblázatokról szóló cikkemből.

Kezdje úgy, hogy úgy írja, mint egy óvoda a ceruza eszközzel (nyomja meg a P gombot a billentyűzeten). Sűrűbb területeken írjon be egy csomót ugyanabban a helyen. Ne felejtsd el kihúzni a firkálási tömegből, hogy létrejöjjön néhány szélsőségesség.

Állítsa be a szegélyt széles vonalhosszúsággal és ívelt véggel. Gyors! Éppen létrehozott néhány véletlenszerű szórás adatot. Tedd ide, partner

2. Határsugár az egyes csúcsokon

Tehát már tudjuk, hogy a szegély sugara mezőben eltérő szöget állíthat be perjelzéssel:

NAGY ÜGY. Jk, nagyon jó!

De! Emellett egyszerre csak az egyes csúcsokat is megcélozhatja, ami valós időmegtakarítást jelent a bonyolultabb sokszögek számára.

3. Lapozzon elforgatott formákat a keretes doboz alaphelyzetbe állításához

Kép ezt: Csak létrehozott egy rad alakot, és 45 ° -kal elforgatja a dolgot. Most már a dolgok el vannak készítve, az átméretezés nehézkes, és olyan, mintha egy hullám alá szopoztál, mert nem tudod, merre állsz.

Csak simítsa le, hogy a határoló dobozt egy jó ol téglalapra állítsa vissza:

4. Lehetőség-Húzza, majd a D parancs a formák és műveletek másolására

Elemek listáját készíti? Hagyja abba az alakzatok / csoportok másolását, beillesztését és mozgatását, mint egy doofus.

Tartsa lenyomva az opciót, miközben a formát / csoportot a kívánt helyére húzza, majd nyomja meg a Command + D billentyűt a másoláshoz. Ez nem csak az alak másolatát jeleníti meg, hanem a megtett távolságot is:

Pssst ... ez művészeti táblákkal is működik!

5. Módosítsa a Pathfinder beállításait a kombinált formákon

Hányszor történt ez veled, amikor egy csomó alakzatot próbál egyesíteni:

Nagyon bosszantó, különösen akkor, ha a LobsterFest a sarkon van, és Még nem fejezte be a logót, JON.

Oké, lélegzet. Csak válassza ki a kombinált objektum alakzatokat, és állítsa őket az Union értékre:

Gondolhatja, hogy működni fog, de mivel vannak olyan alakzatok, amelyek kitöltik a betűket, ezek is szakszerűek. Csodálatos.

Szerencsére a Sketch okos, és lehetővé teszi, hogy az egyes alakzatokhoz különböző út-összevonási műveleteket állítson be a kombinált alakban, így ezeket a lyukakat könnyen kivonhatjuk:

SZERKESZTÉS: Bár még mindig jó tudni, hogy az egyes rétegek egyesítésének műveleteit módosíthatja, Steffen Karspeck fantasztikus, és rámutatott, hogy az első lépésben meg tudtam volna akadályozni a lyukakat, ha kitöltem a kitöltési preferenciámat. Százszor láttam ezt, de soha nem szántam időt azért, hogy elolvasjam a két lehetőség jelentését. Megmentettem volna némi fejfájást :)

Köszönöm, Steffen!

6. Szimbólum-rakás az objektumállapotokhoz

Nem emlékszem, hol láttam először ezt a technikát, ezért nem fogom elismerni. De olyan okos, mint a pokol, így tovább megyünk.

Nagyon jó egy szimbólumot használni az alkalmazás navigációjához, mert megoszthatja azt az oldalak között. A hátránya, hogy mindig van valamilyen Kiválasztott navigációs elem réteg, hogy az aktív oldal megjelenjen a navigációban.

Várjuk el az extra réteget egy olyan módszerrel, amelyet „Szimbólum-összerakásnak” hívok:

A navigáció megtervezésekor rakja össze az összes oldalát egymás felett. Vegyen be annyi, amennyit csak akar, mindazonáltal sok olyan állam számára, amelyet képviselni szeretne vagy kell.

Ha kész, készítsd az egészet egy nagy szimbólummá!

Mivel a vázlat lehetővé teszi az egyedi szöveget különböző szimbólumpéldányokban, testreszabhatja a szöveget az összes állapotrétegben. Egy állapot kikapcsolásához írjon be egy szóközt a szövegréteg állapotának „törléséhez”. Az alábbi GIF-ben azt akarom, hogy a Beállítások legyenek kiválasztva, a többi pedig fehér (alapértelmezett állapotom):

A fenti GIF-ben négy pontosan ugyanazon szimbólumot nézi, amelyek mindegyike különböző szimbólumokat ábrázol a szimbólumok egymásra helyezésének technikája segítségével. Ez nagyszerű, mert most sokkal könnyebb testreszabni a dolgokat, például a betűtípust és a betűméretet, mivel nem kell aggódnia a fölött lévő Kiválasztott navigációs elem réteg frissítésén.

7. Keressen egy réteget

Ha egy réteg nem található a rétegek listájának nézetében, amikor a rajztáblán egy parancsra kattint egy objektumra, akkor nem látja kiemelve. Ez nagyon bosszantó.

Szerencsére van egy félig elrejtett szolgáltatás, amely felfedi a réteget a rétegek listáján, és így a gördíthető nézetbe hozza. Használja a Command-Shift-J billentyűt:

Ezáltal a SUPER kényelmessé teszi, hogy gyorsan ugrik közvetlenül a kiválasztott rétegre, majd a Tab alatt az adott csoportban lévő testvérrétegek köré.

Parancs kattintással kattintson egy rétegre, majd nyomja meg a Command-Shift-J billentyűt a réteg felsorolásához.

Bónusz tipp

Ha még nem rendelkezik pluginnal, amely segít a rétegek összecsukásában, kattintson az Opciók elemre kattintva egy mappára az összes tartalom gyors összecsukásához:

Amikor megnyílik egy összeomlott listát, látni fogja, hogy a gyerekeket is összeomlották.

8. Gyors PNG-k - 4 út!

Időnként csak be kell töltenie a PNG-t, de nem akarja átvágni az exportálási beállítások konfigurálásának nehézségeit, majd át kell ásnia a fájljait, hogy megtudja, hova ment az átkozott dolog.

Az alábbiakban látható 4 módszer a PNG kiürítésére a Brilliant Technicolor GIF ™ alkalmazásban:

1. módszer: Húzza a rajztábla réteget2. módszer: Húzza az Artboard Export / Slice elemet3. módszer: Húzza az egyéni csoportot vagy réteget4. módszer: Húzza a vázlatból a Más alkalmazásokba
Gyors tipp: Ha a modális kialakításon dolgozik, használjon PNG-t az „alsó réteghez”. Ez megkímélheti Önt attól, hogy a modula alatt a teljes alkalmazástervezetet meg kell másolnia, és megóvja Önt az alsó rétegek véletlen kattintásáról.

Bónusz! Tyler Howarth emlékeztette, hogy a PNG-k exportálására is szükség van, ha maga a réteget vagy a rajztáblát másolja. Teljesen elteltük ezt a cikket, így Tyler megkapja a hitelt ehhez. Itt van a kiegészítése:

Bármilyen rajztáblát / csoportot / réteget átmásolhat / beilleszthet a vázlatba, és onnan is. Másolja a rajztáblát, váltson közepes / laza helyzetbe, illessze be és menjen!
- Tyler

Hot dog, haver. Ez uralkodik!

9. Gyors minta kitöltése

Ez egyfajta egy-egy olcsó tipp.

1. tipp: Zökkenőmentes minta létrehozásához hozzon létre egy négyzet alakú rajztábla szimbólumot, és körülvéve önmagában példányokkal. Ez segít elképzelni, hogy hogyan fog kinézni a kész minta.

2. tipp: Ahhoz, hogy ezt a mintát gyorsan kitöltsük egy másik alakkal, a 8. lépésben megtanult technikát fogjuk használni.

Válassza ki a mintával kitöltendő alakzatot, nyissa meg a „Kép kitöltése” menüt, és húzza az alapminta rajzolatát a kép előnézeti mezőjébe:

10. Lens Bokeh

Nyilvánvalóan mindig meg kell mentenie a legjobbakat.

Jobb vagyok, mint az amatőr fotós, de nem igazán profi fotós, és az egyik legjobb fotóeffektus a bokeh. Valószínűleg soha nem hallottad a szót, de már több tízezer alkalommal látta.

bokeh (n): a fényképfókusz életlen területeinek vizuális minősége, különös tekintettel egy adott lencsére.
(képforrás)

Ez egy igazán szép hatás, és a túlzott mélységélesség azonnal felhívja a figyelmet a fénykép fókuszáló részére.

Kacsintottam a firkáló módszerrel, különféle méretben kipróbáltam, átfedtem a különféle firkált vonalakat és effektusokat adtam mindegyikhez.

Az alábbi kép 100% -os vázlat, fényképezés nélkül. Csak egy finom gradiens háttér három, firkálási módszerrel, különböző színű, átlátszatlan és gaussiai elmosódással. Adjon hozzá egy Overlay-hez beállított zajréteget, és tegyen rá néhány üveges szöveget (gradiens töltse fel a felső és az alsó belső szegélyt). Nagyon meggyőző megjelenésű bokeh-effektusod lesz:

Kövessen engem a Medium / Twitter-en, iratkozzon fel az UX Power Tools kiadványra, és kövesse velünk a Twitteren frissítéseket, új tartalmat és egyéb, apró cuccokat. Tetszik, szeretj, és ossza meg, ha megy rajta!

Szeretlek embereket.