Grafikalykh-interfejsti-khuru-KHadam-khadammen-tuesinik

1.

D4D<>4?PŸ <=F5DD5=EFV ŸµDGĤ ž444<ö
Ÿ444<<5= F¯EV=V>
=F5DD5=E 4874==P=P§ ÝDF¯D?V Ÿ45PD—4?4DP= 75DFF5=V> 6Ý=5 F45PEFP G8DD?PŸ í=V<45D 64E4G4P ¯=D5=5=V>ġ

2.

=F5DD5=E 4575= =5Ú
=PŸF4<4EP
=F5DD5=E F¯D?5DV
=F5DD5=E ÷ ?4=44?4=GLP <5= 6¯=5=V§ í74D4 ÝD5>5FF5EGV=
D4D8>4?PŸ 8=F5DD5=E àGUIá ÷ 5§ F4=P<4?P F¯DV
65§V?45F5FV= 687G4?4P ŸµD4?44D 68P=FP—Pġ ?
ÝFV=4V> 8=F5DD5=E àCLIá ÷ >><4=44?PŸ 6¯=5
Ÿ>?44=GLP—4 >í? E5=V<4V?V7V <5= >§4=?PŸF4DP= µEP=44Pġ
4GPEFPŸ 6Ý=5 E5=E>D?PŸ 8=F5DD5=EF5D

3.

UI/UX 4874==O=O§ <4§O7O
4=44?4=GLO=O§ FÝ6VD855EV
4ŸEP >=?4EFPDP?—4= 8=F5DD5=E <5= E4=F ?4=44?4=GLP=P§
í=V<<5= í74D4 ÝD5>5FV= 8=FG8F86FV 6Ý=5 P§—4=?P 5F54VĠ
P=4<4P?PŸFP 4DFFPD44Pġ
87=5E F45OEO
%4?4?P 4874== ?4=44?4=GLP?4D4P§ 444?4P—P= 4DFFPDP?Ġ
??4FD>D<4=P§ µ74Ÿ <5D7V<4V F45PEP= >í55=F54V 6Ý=5 íFV=V<45D4V
Fí<5=45F54Vġ

4.

=F5DD5=E ŸµDG4P§ =57V77V >575§45DV
>=F5?F8O 6Ý=5 ŸµDO?O<
D>F>F8?F5D <5= EO<EO7
EE5<4?4D
=F5DD5=E ÝD5>5FF5EG EE5<4EP=
=F5D4>F86FV ¯?7V?5D 4DŸP?P
4ŸE4FFP 4G48F>D8W=PĠ >?4D4P§
ŸµD4EFPDGĠ E4=F >4DF4?4DP= 64E4G
>>=G5?G8W=P F5EFV?5G 6Ý=5 4874==
Ÿ465FFV?V>F5DV=Ġ 5ÝE5>5?5EFV>
6Ý=5 ?4=44?4=GLP 4—P=44DP=
>>=G5?G8W?4DP= =4ŸFP?4Gġ
L5LV<45D4V 6Ý=5 =4DPŸ
EP7Gġ
5DFF5G 6Ý=5 F4?44G
ŸµDP?P<P= F5D5§ 75DFF5G Ÿ465Fġ

5.

874== 6Ý=5 <4>5FF5D
&¯EF5D
&8?>7D4D8W
D5=4>5 E4= F¯EF5D EE5<4EO=
ŸG—4 O§—4=?O, 4=ŸO=
64E4G, 4>E5EEG4D?OŸ F¯EF5D4V
Ÿ4DV?F5D4V F4§44G, >VLVD5=V=
F4§44G 6Ý=5 >>=FD4EFFO
ŸµDO?O<O ŸµDG 6Ý=5
O=4<4O?OŸF4D4O 4=OŸF4G
>>=FD4EFO?4D4O E4ŸF4G
<4§O74O.
Ÿ465F.
874== 6¯=5EV
4D?OŸ >><?>=5=FF5D4V§ 5VD575=?V7V= E4ŸF4?, >><?>=5=FF5D <5=
Ÿ4?O?F4DO= Ÿ4=F4 Ÿ>?44=G ¯LV= EF8?V 4=OŸF4G.

6.

&5EFV?5G 6Ý=5 65FV?4VDG
&5EFV?5G4V§ <4§O7O
ÜDF¯D?V ŸµDO?—O?4D44 (<>58?L4V, ??4L5F, ŸµD—4?4Ÿ)
F5EFV?5G
ÜD F¯D?V Ÿ>?44=GLO E57<5=FF5DV<5= ¯=5EV<4V?V> F5>E5DG
¯>F5<5?V> EO=4Ÿ 6Ý=5 >DO=4O?OŸ 4=4?87V
4=44?4=GLO FÝ6VD<55EV= 64ŸE4DFG4O§ >V?FV 3 FµD4ŸFO >5DV 54=?4=OEFO 68=4G, Ÿ4F5?5D4V 4=OŸF4? F¯75FG 6Ý=5 í775DVEF5D
64E4G.

7.

=F5DD5=E Ÿ4F5?5DV 6Ý=5 >?4D44= E4ŸF4=G
1
Ÿ?4D4FFO§ L4<444=
FOE >í?FV7V
2
>=FD4EFO=O§
65F>V?V>EV74V7V
3
ž4D4?4=O<4O?OŸFO
E4ŸF4G
VD U>D4=44 FP< >í? 4Ÿ?4D4F
&¯EF5D4V§ EÝ=>5E 5<5E EE5<4EP
874==44 ?>78>4?P?PŸ ?5=
>D=4?4EFPDG ?4=44?4=GLP=P
>ŸG4P Ÿ8P=44F44Pġ &¯EF5D
8=FG8F86FV?V> <4§P74Pġ
L4F4EFPD44Pġ ž465FFV
4D4EP=44—P >>=FD4EFFP E4ŸF4?Ġ
$G=>G8W?4D VEF575= E4=P=Ġ
45D5>F5D4V 5í?V?Ġ F¯=V=45G
F¯E?V 4>E5EEG4D?PŸF4D4P
8=F5DD5=EV=V§ F5?5öF5§4V7V=
>5D5>ġ
Ÿ>?44=Gġ
µEF4G Ÿ465Fġ

8.

=F5D4>F<6FV ?D>F>F<?FV§ Dí?V
D>F>F<?FV§ 4DFOŸLO?OŸF4DO
874== M?5<5=FF5DV= 4=8<4F8O?4G 4DŸO?O =4ŸFO
4—O=44D4O >íDE5FG
4<G 54EF4?<4E 5µDO= Ÿ4F5?5D4V 4=OŸF4G
4=44?4=GLO?4D44= >5DV 54=?4=OE 4?G
&µD4ŸFO í775DFG?5D 64E4G4O§ =57V745DV

9.

ž47VD7V 74<4=—O ŸµD4?44D
<5= FD5=4F5D
874== ٵD4?44DO
44?F86FV 4874==
Figma, Sketch, Adobe XD 3
>58?L4V 6Ý=5 655-
5µ?4D O=4<4O?O, EODFŸO
Ÿ>EO<L4?4D—4 4D=4?—4=
8=EF8FGFO O=4<4O?OŸFO
444?F86FV 4874== 3 5¯7V=7V
6µ<OEF4 O=4<4O?OŸFO
>¯==V§ EF4=44DFO, ŸµDO?—O?4D
ٵD4?44DO.
í7 4D4 EÝ=>5E>5 ŸµDO?44O.
874== 6¯=5?5DV
><?>=5=FF5D4V Ÿ4=F4 Ÿ>?44=G, EF8?L4V§ 5VD575=?V7V 3 í=V<=V§
E4?4EO= 4DFFODG 6Ý=5 44<G4O§ Ÿµ=O= Fí<5=45FG.

10.

ž>DPFP=4PĤ D4D<>4?PŸ
<=F5DD5=E ÷ F45PEFP
í=V<=V§ 6¯D57V
=FG8F86FVĠ F4DFP<4P 6Ý=5 F8V<4V 8=F5DD5=E 64E4G ÷ 587=5E ?5=
?4=44?4=GLP 4D4EP=44—P >D4EP >í?VD ŸµD4EFPDGġ ®74V> 4874==
5ÝE5>5?5EFV> 4DFPŸLP?PŸ ?5= >?85=FF5D4V§ E5=V<V=V§ >5?V?V 5>?P?
F45P?44Pġ
&4—4ODO
/=4<4O?OŸ
&45OE