5 strateegiat sümbolite kasutamiseks visandis: meeskondade ja projektide kasvatamiseks

Sümbolid on visandi võimsaim funktsioon.

Sümbolitel on potentsiaal - linkimis-, sünkroonimis-, jagamis-, liitmis-, skaleerimis-, kohandamis-, pesitsemis- ja mis kõige parem - lihtne prototüüpimine. Kui satun kokku prototüüpimisriistaga, millel pole sümbolite funktsionaalsust, siis allahindlen selle peaaegu otse.

Sümbolid on paindlikud kujunduselemendid, mis on seotud muudetava allikaga, mida muidu nimetatakse ühe tõeallikana. Ühesõnaga, nad on võlujõud.

See on sümbolite maagia. On kõik korras, kui kõik tükid ei klõpsa teie jaoks kokku - vaatame sümbolisüsteeme sügavamalt.

Teie visandisümbolid ei pea teid kauem üle elama, kuid need peaksid saama kasvada nagu teie projektid. Neid peaks saama ka mugavalt teistega jagada. Siin on kolm strateegiat eskiisi sümbolite kasutamiseks skaleeritaval ja kasutajasõbralikul viisil.

1. Ehitage sümbolid õigesti

Ehitage sümboleid hästi ja nad vananevad hästi. Pole mõnus sümbolit uuesti üles ehitada, kuna te ei teinud seda esimesel korral piisavalt paindlikuks, eriti kui olete seda kasutanud tosinas kohas. Siin on mõned näpunäited, mis aitavad teil ja teie meeskonnal luua sümboleid, mis ei vaja pidevat renoveerimist.

Alustage põhitõdedest

Alustage kõige põhikomponentidega, mida saate. Kõik peaks algama aatomi tasemel. Kui teie templid on modulaarsed, sobivad need kenamalt kokku ja nendega on lihtsam töötada.

Pesasümbolid

Prototüüpimise lihtsustamiseks ja paindlikuks muutmiseks võite sümbolid pesastada teiste sümbolite sisse. Pesitsemine on see, kui paned ühe templi suuremasse templisse. Ja funktsiooni, mida tuntakse ülekirjutamise kaudu, abil saate templijäljendeid vahetada ja kohandada tosinas erinevas kohas ja tosinal erineval viisil.

Pesitsemine sunnib mõtlema tasanditel. Esimese taseme sümbolid võivad olla ikoonid ja tekstiplokid, teise taseme sümbolid võivad olla nupud ja loendid ning kolmanda taseme sümbolid võivad olla terved paneelid ja hüpikaknad. Bitid, tükid ja tasemed näevad projekti keerukusest erinevalt, kuid sümbolite pesitsuse punkt on alati sama. Kõrgema taseme elementide alistamine.

Kui sümbol toimib nagu tempel, töötab sümboli näide templi jäljendina. Ja kuna templid on võlukunstnikud, võivad samast templist tulenevad muljed olla erinevad. Neid variatsioone nimetatakse alistamiseks. Kui teie suurel templil on kuupäev, võite tühistamise abil teha ühe mulje, nagu öelda 1. juuni ja teise öelda 22. detsember. Sarnaselt muudetava fraasitempliga võib üks mulje öelda SAATUD ja teine ​​maksta. Isegi alistustega on muljed ikkagi võlumärgiga tagasi seotud. Kui muudate daters templi tindiks punaseks, muutke nii 1. juuni kui ka 22. detsember punaseks! ‍ ​​Maagia.

Siin on ülivõimsa nupu sümboli alistamine. Selle nupuga saab alistada A) pesastatud teksti stiili sümboli, B) teksti enda ja C) nupu kuju ja D) täitmisstiili.

Kuid kui kaugele peaks pesitsemine minema? Kui palju sümboleid sümbolites on vaja, et nutikas kujundussüsteem oleks? Vastus on seotud iga projektiga. Hea rusikareegel on omada sümbolite jaoks lihtsaid tõeallikaid, kuid mitte ülekaalukaid ega tarbetuid võimalusi. Näiteks võimsa kujundusraamatukogu jaoks, mida kasutatakse paljude erinevate projektide jaoks, soovite tõeallikana ühe nupu sümbolit - kuju, värvi-, oleku- ja tekstistiilide pesasümbolitega. Kui ehitate põhilisi juhtraame, siis ärge hulluke. Ehitage oma nupu sümbol ühe või kahe vajaliku ületamisega.

Tesleri seadus, tuntud ka kui keerukuse säilitamise seadus, sedastab, et iga süsteemi jaoks on teatav keerukus, mida ei saa vähendada.
(UX seadused)

Kasutage teksti stiile sümbolitena

Sketchi praeguses versioonis ei saa te sümboli tekstistiili alistada. Kui soovite oma lemmiknupus tekstistiili muuta cta-punasest paksust cta-siniseks-kaldkirjaks, siis see teeb haiget! Kuid seal on häid uudiseid. Seal on lahendus.

Kavandame näiteks sõnumsiderakendust. KÜ vajab sahtlit, kus vestlused võivad kuvada kas musta, punase või hallina, sõltuvalt sõbra saadavusest:

a. Tehke punase tekstiga sümbol, musta tekstiga sümbol ja halli tekstiga sümbol. Iga sümboli kujunduslaud peab olema ühesuurune.

b. Tehke vestluste sahtlile sümbol.

c. Peske sahtlisümbolisse nime sümbolid alates 1. sammust. Tehke seda nii mitu korda kui vaja, kuni teil on nimekiri:

Näete paremal asuvat sümbolit “Nimi”, mis on vasakul asuva sümboli “Nimede loend” sees.

d. Kui viin sahtli sümboli oma lehetasandi prototüüpi, võin atribuutide paneeli tekstistiilid alistada:

Kui sümbol on lehele paigutatud, kuvatakse selle alistamise valikud inspektoripaneelil paremal.

Korraldage kihid

Keerukate sümbolite kohta vaadake: pesastatud sümbolid. Järgige kihte kindlasti intuitiivselt. Teie akna vasakus paneelis saate oma kihte leida ja korraldada. Pange ülaosas ülaosast elemendid ja kõige alumisest ülaosast elemendid. Andke pesastatud sümbolitele lihtsad nimed, nagu „Tekst siin“ ja „Ikoon“, mitte „Ikooni 10 koopia 2. koopiast“.

Kihikorraldus dikteerib ülekirjutuste korralduse. Samuti pidage tekstiväljade ja sümbolite nimetamisel meeles, et nende nimed ilmuvad nende alistamisvalikute kõrval.

Kui olete selles osas nutikas, on teie ülekirjutamise valikud nii lihtsad, et igaüks saaks neid kasutada. Unistus nii paljudele disainimeeskondadele.

Kihtide korraldamisel on kriitiline ka nende lukustamine. Lukustatud kihile ei saa sellele alistumisi määrata. Näiteks võib teie navigeerimisriba sümbolil olla tekstireal, mida pole vaja muuta; lukustage kiht ⌘⇧L-ga ja see peidetakse teie alistamise võimaluste eest. Ole hea kuraator, viies kohandamise ära seal, kus seda pole vaja.

Kasutage sümbolivalikuid hõlpsaks suuruse muutmiseks

Parempoolsel inspektoripaneelil on muudetavate sümbolite ehitamiseks palju kasulikke piiranguid. Kasuta neid. Sa tahad, et su templijäljendid näeksid igal paberil hea välja.

Siin on abiks piirangute muutmine. Leiate need inspektoripaneelilt, kui teil on mõni objekt või sümbol valitud.

Investeerige aega sümboli nutikasse suuruse muutmisse - link on parandatud jaanuar 2018. Kasutage suuruse muutmise piiranguid, et fikseerida elemendid nende konteineri ühele või mitmele küljele, elemendi laiuse ja / või elemendi kõrguse fikseerimiseks. Mõni asi peaks olema venitatud, mõni asi peaks jääma nurka; suuruse muutmise piirangud tähistavad sümbolit, kuidas selle mõõtmete muutumisel käituda.

https://www.sketchapp.com/images/pages/docs/03-layer-basics/video/after@2x.mp4 - link parandatud jaan 2018

Märkus nr 1: Kui soovite sümboli suuruse muutmisel hoida ühtlast polsterdust, fikseerige objektid kõigi nelja serva külge. (Video allikas)

Märkus 2: sümbolite suurus on parem, kui kujundate need lühendatult. Lõppude lõpuks on sümbolit lihtsam laiendada kui seda kokku suruda.

Pilte sisaldavate sümbolite suurust saab hõlpsalt muuta, kui need on seadistatud täiteks. Kujutise (Insert> Image) sisestamise asemel peaksite kasutama mustri täitmist. See tähendab, et kõigepealt tuleb teha konteineri kuju (Insert> Shape), valida inspektori täitmisosast “Pattern Fill” ja seejärel valida mustriks oma pilt. Möönan, et see võib tunduda ümardatud või vastupidiselt intuitiivne, kuid täitetehnika säilitab teie pildi terviklikkuse, kui see suurust muuta, et lõppkokkuvõttes vältida ebamugavaid moonutusi.

Saate täpsustada, kuidas soovite piltidel kuju täita: täitke, sobivad, venitage või klotsid.Vasakul olev pilt on kuju mustritäide ja paremal olev pilt on standardpilt. Olen sirutanud neid vertikaalselt, et näidata, kui hästi mustri täitmine töötab. 1. tund: ärge venitage kutsikaid.

2. Korraldage oma sümbolid

Korraldatud olemine on kriitiline. Kui teie margikogu muutub suureks, on teil vaja kirjutuslaua korraldajat. Kui teie margikogu suureneb, peaksite hankima mõned sahtlid. Soovite, et teie margid oleksid korraldatud nii, et Balil puhkuselt puhkades saaks intern istuda teie laua taha ja leida soovitud templi. Siit leiate mõned nõuanded.

Pange oma sümbolitele nimi

Visandisümbolite abil on nime palju. Nimi ei täpsusta lihtsalt sümbolit, vaid täpsustab ka sümboli asukohta. sümbolil nimega nupp / esmane on nupu kaust vanemana.

Pange oma sümbolitele nimi ja korraldage need järjepidevalt. Tähtsam kui oma ikoonide jaoks suurepäraste nimede omamine, on nende nimede mõistmine muude teie raamatukogu sümbolite hulgas. Nimetage oma sümbolid eelistatavalt funktsiooni, mitte visuaalsete näpunäidete järgi. Visuaalne näpunäide nagu "sinine" võib muutuda, samas kui selline funktsioon nagu "pressitud olek" jääb pikaks ajaks kinni.

Kasutage stiili alistusi

Teie ikoonisüsteemil võib olla tosin värvi, kontuuri või äärise varianti - mis tahes sümbolite kogu võimalik õudusunenägu. 20 musta ikooni tähendab 20 sümboli sortimist. 20 ikooni 12 värvitoonis tähendab ilmatu 240 sümboli sortimist.

Õnneks, alates visandist 52 saate kasutada stiili ületusi, et saaksite sümbolite redigeerimist hõlpsalt teha. See on palju uhkem alternatiiv jamale, mida pidime tegema visandis 51.

Õnneks räägib Jon Moore UX Power Toolsist, kuidas seda teha.

Stiil alistab tegevuses. (Laenatud Joni artiklist)

Korraldage oma sümbolid visuaalselt - ükskõik kus

Esitlus on oluline! Isegi kui teil on väike, suhteliselt madalate ootustega disainimeeskond, peaksite sümbolid eraldama, rühmiti ja sildistama, et neid oleks kõigil lihtsam leida.

Iga sümboli ja iga sümboli koht omal kohal.

1. meetod sümbolite korraldamiseks: iga kord, kui sümbolit teete, kontrollige, kas suvand Saada sümbol lehele 'Sümbolid' on märgitud. Las sümbolite leht on räpane. Looge uus leht numbriga whereN, kuhu lisate ja korraldate kõik oma sümbolid.

Kujundajale Javier Cuellole meeldib 1. meetod. Vasakul on tema sümbolite leht. Paremal on leht, kus ta hoiab koos oma tegevust. (Pildi allikas)

2. meetod sümbolite korraldamiseks: korraldage sümbolid oma sümbolite lehel. See on otsekohene! Valin oma sümbolid sümbolite lehel Sorteerimise ja siin on plugin, mida kasutan selle kiireks tegemiseks.

3. Jagage sümboliteegid

Nüüd, kui teie margid on kenasti üles ehitatud, järjekindlalt nimetatud ja intelligentselt korraldatud, on aeg neid jagada. Hiljutises värskenduses lisas Sketch teegid - funktsiooni Sketchi sümbolite intelligentseks linkimiseks, sünkroonimiseks ja jagamiseks.

Kui teie ja kolleeg soovivad linkida sama raamatukogu juurde, on saak siiski olemas: peate mõlemad pääsema sama faili juurde samas asukohas. Saate samale failile juurde pääseda jagatud pilvekausta kaudu või kui teil on minu moodi meeskond, kes ei tööta kontorist eriti eemal, seadistage jagatud võrgudraiv.

Oma teegi eelistuste juurde liikumiseks pääsete juurde oma eelistustele, mis on leitud, kasutades ⌘, või rakenduse menüü jaotises Sketch. Sealt saate lisada teegi mis tahes eskiisifailist, kui selles on sümboleid. Teekieelistused on koht, kuhu soovite oma jagatud faili lisada. Kui soovite raamatukogude kohta rohkem teada saada, vaadake läbi Sketchi dokumentatsioon.

Märkus. Sketch-teekide eesmärk on takistada teid tahtmatult teistega jagatud sümbolite muutmast. Ilusti, et Sketch pakub teile hüpikakna, et kinnitada sümbolitoiminguid, mida proovite teha; Kas soovite kindlasti lähtefaili redigeerida? Või soovite selle lahti ühendada ja seejärel teeki redigeerida?

Kui teie või meeskonnakaaslane värskendab jagatud teeki, antakse teile võimalus valida, millised muudatused kehtivad ühendatud visandifailidele.

Olen komistanud mitu korda brand.ai Sketchi pistikprogrammi ja see on kallis jagamisvõimalus, mida mulle meeldib ignoreerida. See töötati välja pistikprogrammina juba enne funktsiooni Sketch libraries funktsiooni ja kavandati sama probleemi lahendamiseks. Pole vaja kahekordistada. Samuti on selle hiljuti omandanud InVision ja see integreeritakse nende tulevasse disainisüsteemi haldurisse. DSM võib olla prototüüpimistööriistade nagu Adobe XD, Framer ja Sketch enda jaoks tihe konkurents. Kuni selle ajani jagage oma Sketchi raamatukogusid. Teie meeskond tänab teid selle eest.

4. Kehtestage versioonikontroll

Kujundusmeeskonnas on oht failide ülekirjutamine või failiversioonide jälgimise kaotamine. Mõni meeskond lahendab selle, kasutades GitHubi Sketch-failide hargndamiseks, ühendamiseks ja sidumiseks. Kuna GitHub on arendajale suunatud lahendus, lõi Elastic Projects kolmanda osapoole Sketchi pistikprogrammi Abstract, mis muudab versioonikontrolli disainerisõbralikumaks.

Pilvesalvestus aitab teil ka versiooni juhtida. Dropbox hoiab näiteks kõigist dokumendis tehtud muudatustest läbilõikeid 30 päeva jooksul. Pärast seda 30 päeva ei saa muudatusi taastada, kui teil pole DropBox Business'i või laiendatud faili taastamist. Google Drive'i versioonide juhtimiseks on isegi mõned ümmargused viisid.

5. Õppige parimatelt

Parim viis templimeistri õppimiseks on õppida templimeistritelt. Kaaludes kõige populaarsematesse ja / või keerukamatesse Sketch-teekidesse, saate teada palju keerukamaid trikke. Kuidas kihib Apple'i meeskond oma sümboleid? Kuidas sümbolid pestakse professionaalse kasutajaliidese komplekti? Soovitan kasutada ülimalt salajasi eskiisfaile, nagu näiteks iOS-i kasutajaliidese kujundusressursside jaotuses, oma käepärase Interneti-otsinguriba abil.

Võib-olla plaanite ehitada midagi keerukat, näiteks lauda või mitmetasandilist rippmenüüd. Vau! Kerge, sa ropp! Sirvige kõigepealt ringi. Kontrollige Sketch App Resources ja vaadake, kas keegi on midagi sarnast ehitanud.

Laena, laena, laena. Ja ärge unustage proovida leitud failide alistamise valikuid.

Lõpetamiseks on siin mõned sümboleid täis visandifailid, millesse saate süveneda, neid laiali tõmmata ja katsetada:

  • Vormiraamatukogu autor Davide Pisauri
  • Nutikas nupp Domenico Laricchia
  • Android 7.0 Nugati materjalikujunduse GUI-komplekt, mille autor on Great Simple
  • Materjalikujunduse kleebisleht Google'ilt
  • O / M Stuudio laua UI komplekt