ื›ืœื™ื ืžืชืงื“ืžื™ื ืœืขื™ืฆื•ื‘ ืืชืจื™ื

03 ื ื•ื‘ืžื‘ืจ 2020

ื›ื™ื•ื ื›ื•ืœื ื• ื›ื‘ืจ ื™ื•ื“ืขื™ื ื‘ื•ื•ื“ืื•ืช ื›ื™ ืชื”ืœื™ืš ืขื™ืฆื•ื‘ ืืชืจ ื—ื‘ืจื”, ืžืฉืคื™ืข ืขืœ ืชื”ืœื™ืš ืงื‘ืœืช ื”ื—ืœื˜ื•ืช ื”ื’ื•ืœืฉ, ืขืœ ื”ืชื ื”ื’ื•ืชื• ื‘ืืชืจ, ืขืœ ืื—ื•ื–ื™ ื”ื”ืžืจื”, ื”ืคื ื™ื•ืช ื•ื”ืžื›ื™ืจื•ืช ืฉืœ ื”ื—ื‘ืจื” ืื•ื ืœื™ื™ืŸ.

ืชื”ืœื™ืš ืขื™ืฆื•ื‘ ืžืงืฆื•ืขื™, ื“ื•ืื’ ืœื”ืชืืžื” ื‘ื™ืŸ ื”ืขื™ืฆื•ื‘ ื•ื”ืžืกืจ, ืœืงื”ืœ ื”ื™ืขื“ ืฉืœ ื”ื—ื‘ืจื”, ื‘ืžื˜ืจื” ืœื’ืจื•ื ืœื• ืœื‘ืฆืข ืคืขื•ืœื•ืช ื‘ืืชืจ.

ื‘ืฉื ืช 2020, ื•ื’ื ืฉื ื™ื ืจื‘ื•ืช ืœืคื ื™ื”, ืชื—ื•ื ืขื™ืฆื•ื‘ ื”ืืชืจื™ื ื”ืคืš ืœืžืงืฆื•ืข ื‘ืคื ื™ ืขืฆืžื•, ื›ืœ ื—ื‘ืจื”, ืขืกืง ืื• ื‘ืขืœ ืืชืจ ืžืกื•ื’ ืื—ืจ, ย ืœื ื™ืกืชืคืง ื™ื•ืชืจ ื‘ืชื‘ื ื™ืช ื—ื™ื ืžื™ืช ื‘ืกื™ืกื™ืช, ืื• ืชื‘ื ื™ืช ืžื•ื›ื ื” ืฉืžื’ื™ืขื” ืขื ื‘ื ื™ื™ืช ื”ืืชืจ.

ื›ื™ื•ื, ื›ืฉื™ื•ืฆืจื™ื ืขืฉืจื•ืช ืืœืคื™ ืืชืจื™ ืชื“ืžื™ืช, ื“ืคื™ ื ื—ื™ืชื” ื•ื›ืจื˜ื™ืกื™ ื‘ื™ืงื•ืจ ื“ื™ื’ื™ื˜ืœื™ื™ื ืžื“ื™ ืฉื ื”, ื•ืื™ื ืกืคื•ืจ ืกืงื™ืฆื•ืช ืžื•ืขื‘ืจื•ืช ืœืื™ืฉื•ืจ ืœืงื•ื—ื•ืช ืžื“ื™ ื—ื•ื“ืฉ, ื‘ืคื ื™ ื—ื‘ืจื” ืื• ืื“ื ืคืจื˜ื™ ืืฉืจ ืžืชื›ื•ื•ืŸ ืœื‘ื ื•ืช ืืชืจ ืื™ื ื˜ืจื ื˜ ืขื•ืžื“ื•ืช 2 ืืคืฉืจื•ื™ื•ืช ืขื™ืงืจื™ื•ืช:

1. ืขื™ืฆื•ื‘ ื‘ื”ืชืืžื” ืื™ืฉื™ืช:

ืชื”ืœื™ืš ืขื™ืฆื•ื‘ ืื™ืฉื™, ื‘ื• ืœืื—ืจ ืฉื”ื’ื“ืจื ื• ืขื ื”ืœืงื•ื— ืืช ื”ื—ื–ื•ืŸ ื•ืืช ื”ืกื’ื ื•ืŸ ื”ืขื™ืฆื•ื‘ื™, ืžืฆื™ื’ื™ื ืกืงื™ืฆื•ืช ืขืœ ืคื™ ื”ืชื•ื›ื ื™ื•ืช ื•ืžืชืžืงื“ื™ื ืขืœ ืงื• ืขื™ืฆื•ื‘ ืžืชืื™ื ืœืœืงื•ื—.

2. ืขื™ืฆื•ื‘ ืขืœ ื‘ืกื™ืก ืชื‘ื ื™ืช:

ืขื™ืฆื•ื‘ ืžืชื•ืš ืžื’ื•ื•ืŸ ืฉืœ "ื˜ืžืคืœื˜ื™ื", (ืชื‘ื ื™ื•ืช), ื”ืžื•ืฆืขื•ืช ื‘ืคืœื˜ืคื•ืจืžื•ืช ื”ืฉื•ื ื•ืช, ื•ื•ื™ืงืก, ื•ื•ืจื“ืคืจืก, ืืœืžื ื˜ื•ืจ ื•ื›ื•'.

ืขืœ ืžื ืช ืœืขืฉื•ืช ืงืฆืช ืกื“ืจ ืขื‘ื•ืจื›ื ื‘ืชื—ื•ื, ืจื™ื›ื–ื ื• ืกืงื™ืจื” ืฉืœ ื›ืœื™ื ืžืชืงื“ืžื™ื ืœืขื™ืฆื•ื‘ ืืชืจื™ื:

1. ืื“ื•ื‘ื™ (Adobe):

ืื ืฉืžืขืชื ืขืœ ืขื™ืฆื•ื‘ ื‘ืื•ืคืŸ ื›ืœืœื™, ื›ื ืจืื” ืฉืฉืžืขืชื ืขืœ ื—ื‘ืจืช ืื“ื•ื‘ื™, ื”ืžืฆื™ืขื” ื—ื‘ื™ืœืช ืชื•ื›ื ื•ืช, ื›ื™ื•ื ืจื•ื‘ืŸ ืื ืœื ื›ื•ืœืŸ ืžืืคืฉืจื•ืช ืฉื™ืžื•ืฉ ื“ืจืš ืขื ืŸ.

ืžื” ื‘ื—ื‘ื™ืœื”?

ื›ื™ื•ื, ืคื•ื˜ื•ืฉื•ืค ืžืฉืžืฉ ืžืขืฆื‘ื™ื ืœืขื™ืฆื•ื‘ ื‘ืžื’ื•ื•ืŸ ืชื—ื•ืžื™ื ืฉื•ื ื™ื ื›ื’ื•ืŸ ืขืจื™ื›ืช ืชืžื•ื ื” ื•ืฉื™ืคื•ืจื”, ืืš ื‘ืชื—ื•ื ืขื™ืฆื•ื‘ ื”ืืชืจื™ื, ืจื•ื‘ ื”ืžืขืฆื‘ื™ื ื”ืชืงื“ืžื• ืœื›ืœื™ื ืžืชืงื“ืžื™ื ื™ื•ืชืจ, ื›ื™ื•ื, ืžืขืฆื‘ื™ื ืฉืžืฉืชืžืฉื™ื ื‘ืคื•ื˜ื•ืฉื•ืค ืขื‘ื•ืจ ืขื™ืฆื•ื‘ ืืชืจื™ื ื”ื ืžืขืฆื‘ื™ื ื•ืชื™ืงื™ื ืื• ื™ืฉ ื›ืืœื• ืฉื™ื•ืืžืจื• ืฉื”ื ื—ื•ืฉืฉื™ื ืœื”ืชืงื“ื ืœื›ืœื™ื ืฉืื™ื ื ืžื›ื™ืจื™ื.

ื›ืœื™ ืขื™ืฆื•ื‘ ื—ื“ืฉื™ื ื™ื•ืฆืื™ื ืœืฉื•ืง, ืžืฉืชื ื™ื ื•ืžืชืคืชื—ื™ื ื›ืœ ื”ื–ืžืŸ ื›ืš ื’ื ื”ืžืขืฆื‘ ืฆืจื™ืš ืœืœืžื•ื“ ื•ืœื”ื›ื™ืจ ื›ืœื™ื ื—ื“ืฉื™ื ืืฉืจ ื™ื—ืกื›ื• ืœื• ื–ืžืŸ ืจื‘ ื‘ืขื™ืฆื•ื‘.

2. ืกืงืฆ' (Sketch)

ืœืคื ื™ ืฉื ืชื—ื™ืœ ื‘ืกืงื™ืจื” ืขืœ ืชื•ื›ื ืช ืกืงืฆ', ื—ืฉื•ื‘ ืœื”ื“ื’ื™ืฉ ื›ื™ ื–ื• ืžืขืจื›ืช ืฉืขื•ื‘ื“ืช ื‘ืžื—ืฉื‘ื™ ืžืง ื‘ืœื‘ื“!

ืขื ื–ืืช, ืงื™ื™ืžืช ื‘ืจืฉื•ืชื ืคืœื˜ืคื•ืจืžืช ืขื ืŸ ื”ืžื‘ื•ืกืกืช ืœื—ืœื•ื˜ื™ืŸ ืขืœ ื“ืคื“ืคืŸ ื•ืขื•ื‘ื“ืช ื‘ื›ืœ ืžืขืจื›ื•ืช ื”ื”ืคืขืœื” ื”ื’ื“ื•ืœื•ืช.

ื”ืžืฉืžืขื•ืช ื”ื™ื ืฉืžืคืชื—ื™ื, ืžื ื”ืœื™ื ื•ื‘ืขืœื™ ืขื ื™ื™ืŸ ืื—ืจื™ื ื™ื›ื•ืœื™ื ืœื”ืฆื™ื’ ืžืกืžื›ื™ Sketch ื‘ื“ืคื“ืคืŸ ืฉืœื”ื, ืœื‘ื“ื•ืง ืืœืžื ื˜ื™ื ื•ืืคื™ืœื• ืœื”ื•ืจื™ื“ ื ื›ืกื™ื ืžื•ื›ื ื™ื ืœื™ื™ืฆื•ืจ ืžืขื™ืฆื•ื‘ื™ื.

ืœื›ืŸ, ื’ื ืื ืืชื ืขื•ื‘ื“ื™ื ื‘PC, ื—ืฉื•ื‘ ืฉืชื“ืขื• ืขืœ ื”ืชื•ื›ื ื” ื”ื–ื•.

ืžื” ื–ื” ืกืงืฆ'? (Sketch)

ืกืงืฆ', ื ื—ืฉื‘ืช ืœืชื•ื›ื ืช ื”ืขื™ืฆื•ื‘ ื”ืžื•ื‘ื™ืœื” ื‘ืขื•ืœื, ืขื‘ื•ืจ ืžืขืฆื‘ื™ UX, ื•ื‘ืฆื“ืง.

ื”ืชื•ื›ื ื” ืคื•ืชืจืช ืื™ื ืกืคื•ืจ ื‘ืขื™ื•ืช ื‘ืชื”ืœื™ื›ื™ ืขื‘ื•ื“ื” ืฉืœ ืžืขืฆื‘ื™ื ื•ื™ื™ืฆืจื” ื‘ืขืฆืžื” ืฉื™ื ื•ื™ ืžื”ื•ืชื™ ื‘ืชื—ื•ื.

ืื—ื“ ื”ื“ื‘ืจื™ื ื”ืงืฉื™ื ื‘ื™ื•ืชืจ ื‘ืขื‘ื•ื“ืชื• ืฉืœ ืžืขืฆื‘, ื”ื™ื ื”ืขื‘ื•ื“ื” ืžื•ืœ ืžืคืชื—ื™ื, ืฉื”ื ืืœื• ืฉืืžื•ื ื™ื ืขืœ ืžื™ืžื•ืฉ ื”ืขื™ืฆื•ื‘ ืฉื”ื•ืขื‘ืจ ืืœื™ื”ื, ืžื” ืฉืกืงืฆ' ืขื•ื–ืจืช ืœืคืชื•ืจ

3. ื–ืคืœื™ืŸ (Zeplin)

ื–ืคืœื™ืŸ ื”ื•ื ื›ืœื™ ืขื‘ื•ื“ื”, ื‘ื• ื ื™ืชืŸ ืœืงื—ืช ืืช ื”ืขื™ืฆื•ื‘ ืฉืœื›ื, ื•ืœื”ื•ืฆื™ื ืงื•ื“ ืฉืžื•ืขื‘ืจ ืœืชื›ื ื•ืช ื‘ืืชืจ, ื•ืื ื–ื” ืœื ืžืกืคื™ืง, ื”ืืชืจ ื’ื ืžืฆื™ื’ ืืช ื”ืงื•ื“ ืฉืœ ื”ืฆื‘ืขื™ื ืฉืœ ื”ืขื™ืฆื•ื‘ (!), ื‘ืฆื•ืจืช ืžืฉืชื ื™ CSS !

ื›ื™ื•ื, ืคื™ืฆ'ืจื™ื ืืœื• ื ื—ืฉื‘ื™ื ืœืžืขื•ื“ื›ื ื™ื ื‘ื™ื•ืชืจ ื‘ืขื•ืœื ื‘ื ื™ื™ืช ื•ืขื™ืฆื•ื‘ ืืชืจื™ื!

ื‘ืฉืคื” ื”ืžืงืฆื•ืขื™ืช, ื”ื“ื‘ืจ ื ืงืจื "CSS Variables", ืื• Custom Properties, ืืฉืจ ื ืชืžื›ื™ื ื™ืฉื™ืจื•ืช ื‘ื“ืคื“ืคืŸ ื”ืื™ื ื˜ืจื ื˜.

ืžื” ื–ื” ืื•ืžืจ?

ื‘ืขืฆื ื‘ื–ืžืŸ ื”ืชื›ื ื•ืช, ื”ืžืชื›ื ืช ืขืฆืžื• ืžื’ื“ื™ืจ ืืช ืงื•ื“ ื”ืฆื‘ืข ืคืขื ืื—ืช, ื•ืขื•ืฉื” ืฉื™ืžื•ืฉ ืจืง ื‘ืงื•ื“ ื”ืฆื‘ืข, ื•ื›ืฉื”ื•ื ืžืขื“ื›ืŸ ืืช ื–ื”, ื–ื” ืžืฉืคื™ืข ืขืœ ื›ืœ ื”ืืชืจ.

4. ืคื™ื’ืžื” (Figma):

ืคื™ื’ืžื” ื”ื•ื ืœืžืขืฉื” ื”ื›ืœื™ ื”ืขื™ืฆื•ื‘ื™ ื”ืฉื™ืชื•ืคื™ ื”ืจืืฉื•ืŸ ืฉื”ืชื—ื™ืœ ืœื™ื™ืขืœ ืืช ืชื”ืœื™ื›ื™ ื”ืขื‘ื•ื“ื” ื”ืžื•ื›ืจื™ื ืœื ื• ื›ื‘ืขืœื™ ืžืงืฆื•ืข, ืขื“ ื›ื” ื‘ืฆื•ืจื” ืžืฉืžืขื•ืชื™ืช ื™ื—ืกื™ืช.

ื”ื™ื ื’ื ืฉื•ื ื” ืžืชื•ื›ื ื•ืช ืื—ืจื•ืช, ื‘ื›ืš ืฉืœื ื“ื•ืจืฉืช ื”ืชืงื ื” ืฉืœ ื”ืชื•ื›ื ื” ืขืœ ื”ืžื—ืฉื‘.

ื›ืŸ ื›ืŸ, ืคื™ื’ืžื” ืžืืคืฉืจืช ืœืขื‘ื•ื“ ื‘ืขื ืŸ ืžื”ื“ืคื“ืคืŸ ื‘ื›ืœ ืกื•ื’ ืžื—ืฉื‘ ืฉืชืจืฆื• ืœื”ืฉืชืžืฉ ื‘ื•.

ื”ื—ื‘ืจื” ืขืฆืžื”, ืคื™ื’ืžื”, ื”ื•ืงืžื” ืขืœ ื™ื“ื™ ื“ื™ืœืŸ ืคื™ืœื“ ืœืคื ื™ 7 ืฉื ื™ื, ืžืื—ืจ ื•ืจืฆื” ืœื”ื™ื•ืช ืขื‘ื•ืจ ืขื•ืœื ืขื™ืฆื•ื‘ ื”ืžืžืฉืงื™ื, ืžื” ืฉื’ื•ื’ืœ ื“ื•ืงืก ื ื—ืฉื‘ืช ืขื‘ื•ืจ ืขื•ืœื ืขืจื™ื›ืช ื˜ืงืกื˜.

ืืžืจื” ื ื”ื“ืจืช ืฉืžื’ื•ื‘ื” ื‘ืžืขืจื›ืช ื ื•ื—ื”, ืžืฆื•ื™ื ืช ื•ืคื•ืคื•ืœืืจื™ืช ืžืื•ื“.

ืžื›ืœ ืืœื˜ืจื ื˜ื™ื‘ื” ืื—ืจืช, ื”ืžืขื‘ืจ ืœืคื™ื’ืžื” ื”ื•ื ืžืื•ื“ ืคืฉื•ื˜ ื•ื–ืจื™ื–, ืื ื—ื ื• ืžืžืœื™ืฆื™ื ืœื›ื ืœื ืกื•ืช ื‘ืขืฆืžื›ื ืื ืืชื ืžื—ืคืฉื™ื ืชื›ื ืช ืขื™ืฆื•ื‘ ืื—ืจืช ื•ืื™ื ื›ื ืžืจื•ืฆื™ื ืžื”ื ื•ื›ื—ื™ืช ืฉืืชื ืขื•ื‘ื“ื™ื ืื™ืชื”.

ื‘ื”ืฉื•ื•ืื” ืœืชื•ื›ื ื•ืช ื›ืžื• ืคื•ื˜ื•ืฉื•ืค โ€“ ืื ื—ื ื• ืื™ืฉื™ืช ืžืžืœื™ืฆื™ื ืขืœ ืคื™ื’ืžื”, ื›ืžืขืจื›ืช ืœืขื™ืฆื•ื‘ ืืชืจื™ื ื•ืžืžืฉืงื™ื ืฉื•ื ื™ื.

ื›ืœื™ื ื ื•ืกืคื™ื:

ืžืขื‘ืจ ืœื›ืœื™ื ืฉืฆื™ื™ื ื•, ืงื™ื™ืžื™ื ื›ืœื™ื ื ื•ืกืคื™ื ื”ืžืืคืฉืจื™ื ืœืžืขืฆื‘ ืœื”ืขื‘ื™ืจ ืืช ื”ืขื‘ื•ื“ื•ืช ืฉืœื• ืœื”ื˜ืžืขื” ืขืœ ื™ื“ื™ ื”ืžืคืชื— / ื”ืžืชื›ื ืช, ืฉื™ืชื›ื ืช ืื•ืชื ื‘ืืชืจ, ื•ืœืœืงื•ื— ืœืจืื•ืช ืืช ื”ืขื™ืฆื•ื‘ ื‘ื’ื•ื“ืš ืžืกืš ืžืœื.

ื›ืœื™ื ืžื•ืžืœืฆื™ื ืขืœ ื™ื“ื™ื ื• ื”ื ื›ืœื™ื ื›ืžื•ย  ืžืืจื•ื•ืœ (Marvel app), ืื™ืŸ ื•ื™ื–'ืŸ (Invision), ื•ื–ืคืœื™ืŸ, ืฉื”ื•ื–ื›ืจ ืœืขื™ืœ.

ื‘ืืžืฆืขื•ืช ื”ื›ืœื™ื ื”ืœืœื•, ื”ืžืคืชื— ื™ื•ื›ืœ ืœื’ืฉืช ืœื›ืœ ืืœืžื ื˜ ื‘ืขื™ืฆื•ื‘, ืœืจืื•ืช ืื™ืš ื”ื•ื ื‘ื ื•ื™ ืืช ืงื•ื“ ื”CSS ื”ื ื“ืจืฉ ืœื•.

ืจื•ืฆื™ื ืœืฉืžื•ืข ืขื•ื“?

ืฉืžื—ื ื• ืœืฉืชืฃ ืืชื›ื ื‘ื›ืœื™ื ื—ืฉื•ื‘ื™ื ืืœื•!

ืœืขื•ื“ ื›ืœื™ื, ื˜ื™ืคื™ื ื•ืืคืฉืจื•ื™ื•ืช ืขืœ ืขื•ืœื ืขื™ืฆื•ื‘ ื•ื‘ื ื™ื™ืช ืืชืจื™ื, ื”ื™ืจืฉืžื• ืขื›ืฉื™ื• ื‘ืืชืจ!

 

ื‘ื•ืื• ื ืฉืืจ ื‘ืงืฉืจ

ื›ืœ ื”ืชื•ื›ืŸ ื”ื™ื™ื—ื•ื“ื™ ืฉืœื ื• ื™ืฉืœื— ื™ืฉื™ืจื•ืช ืœืžื™ื™ืœ ืฉืœืš ื‘ืžื™ื•ื—ื“ ื‘ืฉื‘ื™ืœ ืœืขื–ื•ืจ ืœืš


    ื‘ืงืจื• ื‘ืืชืจื™ื ื• ื‘ืขื–ืจืช ื“ืคื“ืคืŸย ืžื•ื“ืจื ื™