Ինչպես օգտագործել ուրվագծերը ուրվագծում

Բովանդակություն

• Էսքիզում խորհրդանիշ ստեղծելը
• Էսքիզում խորհրդանիշների կազմակերպում
• Առանձնացված խորհրդանիշների ուրվագիծը ուրվագծում
• Scratch- ից խորհրդանիշ ստեղծելը
• 01. Նկարիր ցանցը
• 02. Ավելացնել ձևեր
• 03. Կպցնել պատկերներ
• 04. Փոխարկել խորհրդանիշների

Sketch- ի խորհրդանիշները հատուկ տարրեր են, որոնք կարող եք կրկին ու կրկին օգտագործել ձեր ողջ փաստաթղթում, էջերի և գեղարվեստական ​​տախտակների վրա: Դա հիմնականում կախարդական շերտերի խումբ է, և այն շերտերի ցուցակում նշվում է մանուշակագույն թղթապանակով (սովորական կապույտի փոխարեն):

Ձեր փաստաթղթի շուրջ խորհրդանիշները ավտոմատ կերպով համաժամեցված են, այնպես որ, երբ մեկը փոխեք, մնացած բոլորն անմիջապես ընկնում են շարքի մեջ: Դա կատարյալ գործիք է ծրագրերի և դիտումների նախատիպավորման համար, երբ տարրերը բազմիցս են կրկնվում, ինչպիսիք են սոցիալական հոսքը, մուտքի արկղը կամ հետքերի ցուցակը:

Developրագրավորողի տեսանկյունից, բազմակի օգտագործման մոդուլները նորություն չեն: Երբ ինչ-որ բան կոդավորում եք, լավագույն փորձը (և ողջամտությունը) ասում է, որ ձեր կոդը պետք է լինի ճկուն և մի քանի անգամ օգտագործելի: Դա ոչ միայն ժամանակ է խնայում զարգացման մեջ, երբ դուք ստիպված եք ինչ-որ բան նորից օգտագործել, այլ նաև ավելի հետեւողական կառուցվածք է ստեղծում:

Նախագծելիս խորհրդանիշներ օգտագործելը ժամանակ կխնայի և կօգնի ավելի արագ և իրատեսորեն հասնել մեծ պատկերի, քան նախկինում հավանական էիք համարում:

Իմ նախագծման ո՞ր մասը (ներ) ը պետք է խորհրդանիշ լինի:

Խրթին մասը որոշում է, թե ձեր դասավորության որ կտորները պետք է վերափոխվեն խորհրդանիշի: Դրանք առանցքային են `փնտրել կտորներ, որոնք կրկին ու կրկին կրկնում են, և յուրաքանչյուր օրինակում շատ տարբեր չեն: Բարեբախտաբար, Sketch- ը ձեզ հնարավորություն է տալիս որոշ բաներ մեկ խորհրդանիշի մեջ կարգաբերելու համար.

• տեքստի բովանդակություն
• անթափանցիկություն
• ստվեր
• խառնուրդի ռեժիմ

Եթե ​​Ձեզ անհրաժեշտ է որևէ այլ բան փոխել օրինակից օրինակ, ապա խորհրդանիշը կարող է ճիշտ ընտրություն չլինել (կամ ձեզ կարող է անհրաժեշտ լինել խորհրդանիշ, գումարած մի քանի այլ խմբեր, որոնք լավ և դանդաղ կլինեն): Մի գլխավոր բանը, որը դուք չեք կարող փոխել մեկ խորհրդանիշի օրինակում, պատկերն է, այնպես որ հատուկ պլաններ կազմեք, երբ նկարում եք լուսանկարներ, պատկերասրահներ և մեդիա օբյեկտներ:

Կառուցապատողի նման մտածելը հիանալի միջոց է որոշելու, թե ինչը պետք է լինի խորհրդանիշ: Փնտրեք կրկնող ոճեր և դիրքեր, մի բան, որի համար կցանկանայիք գրել օգտակար CSS: Նման բաներ.

• ընտրացանկեր (և ընտրացանկի իրեր)
• հաղորդագրությունների ցուցակներ
• վիջեթներ
• վերնագրեր և էջատակներ
• քարտեր

Խորհրդանիշները խելացի, արագ աշխատելու բանալին են: Վերնագրի ֆոնի գույնը 56 էջում փոխելը չպետք է տանի 56 կտտացում: Սկսելուն պես ՝ երբեք հետ չեք նայի:

Էսքիզում խորհրդանիշ ստեղծելը

Խորհրդանիշ ստեղծելը պարզ է: Դուք կարող եք դրանք պատրաստել գոյություն ունեցող շերտերի խմբերից կամ չամրացված շերտերից: Եթե ​​ընտրեք չամրացված շերտերի փունջ, ուրվագիծը դրանք խմբավորում է ձեզ համար ՝ խորհրդանիշը ստեղծելիս:

Ընտրված ցանկալի իր (ներ) ը ընտրելով, կտտացրեք Գործիքադարակում Ստեղծել խորհրդանիշ պատկերակին կամ ընտրացանկում ընտրել Շերտ> Ստեղծել խորհրդանիշ: Եթե ​​ունեք ընտրված խումբ, կարող եք նաև աջ սեղմել Շերտերի ցուցակում և ընտրել Ստեղծել խորհրդանիշ:

Ձեր ստեղծած խորհրդանիշը կամ փաստաթղթում առկա ցանկացած խորհրդանիշ օգտագործելու համար ընտրեք Տեղադրել> Նշանը գործիքագոտում: Պարզապես հիշեք. Ձեր նոր խորհրդանիշում կատարված ցանկացած փոփոխություն անմիջապես կարտացոլվի մյուս ատյաններում: Մեծ ուժով գալիս է մեծ պատասխանատվություն:

Էսքիզում խորհրդանիշների կազմակերպում

Խաղի փունջ խորհրդանիշ ստանալուց հետո դրանց արդյունավետ օգտագործումը պահանջում է մի փոքր կազմակերպում: Ընտրեք Տեղադրել> Նշան> Կառավարել խորհրդանիշները `փաստաթղթում պարունակվող բոլոր խորհրդանիշների ամբողջական ցուցակը տեսնելու համար: Այս տեսանկյունից կարող եք նաև վերանվանել և ջնջել խորհրդանիշները:

Էսքիզում խորհրդանիշների խմբերի ստեղծում

Կարող եք նաև ստեղծել խորհրդանիշների ներբեռնված խմբեր, ինչը հիանալի է նույնիսկ ամենամեծ դիզայնի գրադարանը կազմակերպելու համար: Ավելացնելով սլաք խորհրդանիշի անվանման մեջ, ինչպիսին է կոճակները / ներկայացնելը, վերջում կներկայացնեք ներկայացված անունով խորհրդանիշ, որը պարունակվում է կոճակներով պանակում:

Ձեր խորհրդանիշները կազմակերպելու բազմաթիվ եղանակներ կան (ճիշտ այնպես, ինչպես ծածկագիրը), բայց ես դրանք սովորաբար օգտագործում եմ հետևյալ երեք եղանակներով.

• Կատեգորիա: բաժանել իմ խորհրդանիշները ըստ համատեքստի, ինչպես ձևի բոլոր տարրերը մեկ պանակում, պատկերասրահի բոլոր տարրերը մեկ այլում
• Բանաձևբաժանեք իմ խորհրդանիշները ըստ կետերի, պանակներում գտնվող խորհրդանիշները ՝ ըստ սարքի էկրանի չափի
• Վերափոխումերբ խիստ տարբեր ոճով նոր խորհրդանիշ է պատրաստում, երբեմն այն դնում եմ փորձարկման կամ փորձնական թղթապանակի մեջ ՝ արտադրության իմ խորհրդանիշները մաքուր պահելու համար

Էսքիզում խորհրդանիշները փոխելը

Էսքիզը նաև տալիս է մեկ խորհրդանիշը մյուսի փոխանակելու հեշտ եղանակ, որը կատարյալ է միմյանց նման խորհրդանիշների փոխանակման համար (ինչպես օրինակ ՝ կոշտ վերնագիր փոխել փոփոխված թափանցիկ մեկի համար):

Ընտրված թիրախային խորհրդանիշով գտեք խորհրդանիշի ցուցիչը ներքևում գտնվող Տեսուչը (էկրանի աջ կողմում գտնվող վահանակը):

Առանձնացված խորհրդանիշների ուրվագիծը ուրվագծում

Չնայած խորհրդանիշի մասին ամեն ինչ պահվում է համաժամացված ձեր փաստաթղթի շուրջ, կան մի քանի արժեքներ, որոնք կարող եք փոխել օրինակելի մակարդակում, ինչը նշանակում է, որ դրանք չեն ազդի այդ նույն խորհրդանիշի այլ օրինակների վրա:

Էսքիզային խորհրդանիշերում տեքստի բովանդակության փոփոխություն

Իրատեսական նախատիպի պատրաստման մեկ բանալին ձեր բոլոր էկրաններում իրական (կամ իրական տեսք ունեցող) բովանդակության օգտագործումն է: Բլա-բլա-բլա-սահդասներով լի մուտքի արկղը ավելի համոզիչ է թվում, քան Սթիվ անունով մի հավատացյալ տղայի նամակների օրինակ:

Խորհրդանիշի մեկ օրինակի ներսում փոփոխություններ կատարելու համար ընտրեք թիրախային տեքստի շերտը և տեսչի մեջ ստուգեք «Բացառել տեքստի արժեքը խորհրդանիշից» տարբերակը: Այժմ ցանկացած փոփոխություն, որը դուք կատարում եք այս տեքստի շերտում, տեղական կմնա խորհրդանիշի այս օրինակի համար:

Իրական բովանդակությամբ ծաղրուծանակը լրացնելը մեծապես տանում է նախագծի հաստատումը շահելու համար (ներողություն, անշուշտ:), այնպես որ ես միշտ ժամանակ եմ հատկացնում տեքստի արժեքները խորհրդանիշից խորհրդանիշ փոխելու համար:

Էսքիզների խորհրդանիշների ոճերի փոփոխում

Էսքիզը հնարավորություն է տալիս ինքնուրույն կառավարել մի քանի հիմնական ոճեր, ինչը օգտակար է տարբեր վիճակներ ստեղծելու ժամանակ (կարգավիճակ, ակտիվ / ոչ ակտիվ, սավառնել և այլն): Հետևյալներից որևէ մեկի փոփոխությունը կանդրադառնա միայն կոնկրետ օրինակի վրա, ոչ բոլոր խորհրդանիշների:

• Անթափանցիկությունփոխել խորհրդանիշի և ամբողջ բովանդակության ընդհանուր անթափանցիկության մակարդակը
• Ստվերավելացնել ստվեր (կամ ստվերներ) խորհրդանիշին որպես ամբողջություն
• Միաձուլման ռեժիմփոխել խորհրդանիշի խառնուրդի ռեժիմը (ծածկույթ, էկրան և այլն)

Սա բավականին վերջերս կատարված փոփոխություն է, որը գալիս է ուրվագիծ 3.3-ում, բայց ես այն արդեն օգտակար եմ համարում ցանկացած պահի աշխատելու ստացած խորհրդանիշների մեծ մասը կրճատելիս: Երբեմն անգործուն կամ ավարտված իրը պարզապես պետք է պարզ անթափանցիկության անկմամբ, այլ ոչ թե ամբողջովին առանձին խորհրդանիշով:

Scratch- ից խորհրդանիշ ստեղծելը

Մեր օրինակելի նախագիծը խմբագրական կայք է, որը կոչվում է Words: Մենք կցանկանայինք, որ կայքը կարողանար գեղեցիկ կերպով ցուցադրել պատկեր, նկարների խումբ, տեսանյութ և այլն, ցանկացած պահի, երբ դրանց հեղինակն ունենա դրա կարիքը:

Այսպիսով, մեր ուրվագիծ փաստաթղթում սրանք բոլորը խորհրդանիշներ կլինեն: Սկսելու համար մենք պատրաստելու ենք խճանկարային պատկերասրահ, մի բան, որի կարիքը կարող են ունենալ շատ գրառումներ և դասավորություններ, և մի բան, որը հաստատ չենք ուզում նորից ու նորից կառուցել:

Ես ընտրում եմ խճանկարային պատկերասրահը, քանի որ այն ներառում է կոկիկ հաճույք `օգտագործելով շերտային դիմակներ, ինչը, անշուշտ, ժամանակ կխնայի ինտերնետից պատահական պատկերների հետ աշխատելիս:

01. Նկարիր ցանցը

Ուղղանկյունի գործիքի միջոցով (Տեղադրեք> Ձև> Ուղղանկյուն), գծեք այն ցանցը, որտեղ ցանկանում եք նստել ձեր պատկերները: Ուշադրություն դարձրեք, որ մենք պլանավորում ենք ուղղանկյուններով, այլ ոչ թե պատկերի իրական չափերով: Եթե ​​ուզում եք իսկապես առանձնահատուկ լինել, և ես դա արեցի, կարող եք չափերը պիքսելով կատարելագործել ՝ օգտագործելով «Տեսուչը»:

02. Ավելացնել ձևեր

Theանցը տեղադրելով, յուրաքանչյուր ձև ավելացրեք իր խմբին (ընտրեք ձևը և սեղմեք Cmd + G) Յուրաքանչյուր խմբի ներսում աջ սեղմեք ձևի վրա և ընտրեք Օգտագործել որպես դիմակ: Յուրաքանչյուր ուղղանկյուն այժմ պատրաստ է պարունակել մեկ պատկեր ձեր պատկերասրահից:

03. Կպցնել պատկերներ

Տեղադրեք պատկեր յուրաքանչյուր խմբի մեջ ՝ համոզվելով, որ այն կպահեք դիմակի շերտի վերևում: Դիմակները գործում են ՝ նույն խմբում իր վերևում նստած ցանկացած տարր պարունակելով (որի պատճառով ես ձեզ ստիպեցի, որ նախ ամեն ինչ խմբավորեք): Ձևերը դիմակներով օգտագործելը կտրում է յուրաքանչյուր պատահական պատկերը հատուկ չափելու անհրաժեշտության հսկայական անհանգստությունը, քանի որ դուք արդեն պատրաստ եք և սպասում եք ցանցի:

04. Փոխարկել խորհրդանիշների

Ընտրեք այն ամենը, ինչ հենց նոր եք ստեղծել և փոխակերպել այն խորհրդանիշի, կամ կտտացնելով Ստեղծել խորհրդանիշ պատկերակին գործիքագոտում, կամ ընտրացանկից ընտրել Շերտ> Ստեղծել խորհրդանիշ: Ձեր նոր խորհրդանիշը պատրաստ է տեղադրելու ձեր ողջ փաստաթուղթը (վերևում ես օգտագործել եմ տեղադրված պանակներ ՝ ամեն ինչ կազմակերպված պահելու համար):

Ես համոզված չեմ, թե ինչպես այլ կերպ դա ասել. Բացարձակ հրճվանք է ուրվագծի փաստաթուղթ ունենալը `պատրաստի խորհրդանիշներով լի գրադարանով: Դա նման է քաշելու և թողնելու պիտակի թերթին, որը լցված է ձեր սեփական բարձր հավատարմության դիզայնով:

ԲառերՔլարկ Ուիմբերլի

Wantանկանու՞մ եք ավելին իմանալ Sketch- ի հետ դիզայնի մասին: Ձեռք բերեք Clark Wimberly- ի 10 մասից բաղկացած InVision ելույթը ՝ «Դիզայնի աշխատանքային հոսք ուրվագծով», փոխանցված հենց ձեր մուտքի արկղ: Ուշադրություն դարձրեք InVision բլոգին, որպեսզի առաջիններից մեկը իմանաք, թե երբ կարող եք գրանցվել:

Դուր եկավ սա Կարդացեք սրանք:

• Սկզբից ուրվագիծը
• Ինչպես Sketch- ով ծաղրել կայքը
• 15 լավագույն Sketch հավելումներ