ΠΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ Π½ΡΠ»Ρ Π΄ΠΎ PRO

ΠΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
ΠΠΎΠ»Π½ΡΠΉ ΡΠΈΠΊΠ» ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ β ΠΎΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² Π΄ΠΎ ΠΈΡ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ.

Π’Π΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π³ΠΈΠΏΠΎΡΠ΅Π·
ΠΡΠΎΠ²Π΅ΡΠΊΠ° ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ: Π±ΡΡΡΡΠΎΠ΅ ΠΊΠΎΡΠΈΠ΄ΠΎΡΠ½ΠΎΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, ΡΠ΅ΡΠ΅Π²ΠΎΠ΅ ΠΈ Π½Π° ΡΠ΅Π°Π»ΡΠ½ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡ .

ΠΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°
ΠΡΠ°ΠΌΠΎΡΠ½Π°Ρ ΠΈ ΡΠ²Π΅ΡΠ΅Π½Π½Π°Ρ ΠΏΠΎΠ΄Π°ΡΠ° ΠΈΠ΄Π΅ΠΈ ΠΈΠ»ΠΈ Π³ΠΎΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ° β Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΠ΅ ΡΡΠ»ΠΎΠ²ΠΈΠ΅ ΡΡΠΏΠ΅Ρ Π°.

ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
Π’ΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ°Π·Π»ΠΈΡΠΈΡ Π² ΠΏΠΎΠ΄Ρ ΠΎΠ΄Π΅ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² Π΄Π»Ρ iOS ΠΈ Android.

UX-ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
Π£Π΄ΠΎΠ±Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΏΠΎΠ²ΡΡΠ°Π΅Ρ Π²ΠΎΠ²Π»Π΅ΡΠ΅Π½Π½ΠΎΡΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ², Π΄Π°ΡΡ ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠ½ΡΠ΅ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π·Π°Π½ΡΡΡ ΠΏΠ΅ΡΠ²ΡΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ Π² PlayMarket ΠΈ AppStore.

ΠΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠΎΡΡ
skillbox.ru
9 Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ²
1. Pixate
Pixate β ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ° Π΄Π»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ Π½Π°Π±ΠΎΡΠΎΠΌ ΡΡΠ½ΠΊΡΠΈΠΉ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ»ΠΎΠΈ, Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ² ΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΈ, ΡΡΠΎ ΡΠ°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅, β ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π²Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² ΠΆΠΈΠ·Π½ΠΈ. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠ»Π΅Π΅ΡΠ° Pixate Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ»ΠΈΡΡΠ°ΡΡ Π³ΠΎΡΠΎΠ²ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ ΠΈ ΠΏΠΎΠΊΠ»ΠΈΠΊΠ°ΡΡ ΠΏΠΎ Π½Π΅ΠΌΡ Π½Π° ΡΠΌΠ°ΡΡΡΠΎΠ½Π΅ (ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ Android ΠΈ iOS). ΠΡΡ ΠΎΠ΄ΠΈΠ½ ΠΏΠ»ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ β Π½Π°ΡΡΠΈΡΡΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² Π½Π΅ΠΉ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ. Π ΠΈΡΠΎΠ³Π΅ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π½Π΅ Π½Π°ΠΏΠΈΡΠ°Π² Π½ΠΈ ΡΡΡΠΎΡΠΊΠΈ ΠΊΠΎΠ΄Π°.
Pixate β
2. Marvel
ΠΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΡΠ°Π·Ρ Π² Marvel ΠΈΠ»ΠΈ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΠΈ ΠΌΠ°ΠΊΠ΅ΡΡ ΠΈΠ· Photoshop ΠΈΠ»ΠΈ Sketch. Π‘ Π³ΠΎΡΠΎΠ²ΡΠΌ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ (Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ), ΡΡΠΎΠ±Ρ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ, ΠΊΠ°ΠΊ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ° Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π΄Π΅Π»ΠΈΡΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΈ ΠΏΠΎΠ»ΡΡΠ°ΡΡ ΠΎΠ±ΡΠ°ΡΠ½ΡΡ ΡΠ²ΡΠ·Ρ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.
Marvel β
3. iPhone Mockup
ΠΠΎΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡΡΠΎ ΠΈ ΠΏΡΠΎΡΡΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΡ ΠΈΠ»ΠΈ ΡΠΊΠ΅ΡΡ ΠΌΠΎΠΊΠ°ΠΏΠ° iPhone. ΠΡΡ, ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, β ΠΌΠ΅ΡΠΎΠ΄ΠΎΠΌ drag-and-drop ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. Π‘Π΅ΡΠ²ΠΈΡ Π½Π΅ Π³ΠΎΠ΄ΠΈΡΡΡ Π΄Π»Ρ ΡΠ΅ΡΡΡΠ·Π½ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, Π½ΠΎ Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π±ΡΡΡΡΠΎ Π·Π°ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΡ ΠΈΠ΄Π΅Ρ ΠΈΠ»ΠΈ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Ρ ΠΊΠ΅ΠΌ-ΡΠΎ Π½Π°Π±ΡΠΎΡΠΊΠ°ΠΌΠΈ, iPhone Mockup Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π²ΠΏΠΎΠ»Π½Π΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ.
iPhone Mockup β
4. Pencil Project
Pencil Project β Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ. ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΌΠ°ΠΊΠ΅ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠΈ Ρ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΌΠΈ ΡΠΎΡΠΌΠ°ΠΌΠΈ, Π±Π»ΠΎΠΊ-ΡΡ Π΅ΠΌΠ°ΠΌΠΈ ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ².
Pencil Project β
5. Form
ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ² ΠΈ ΠΈΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π½Π° iPhone ΠΈΠ»ΠΈ iPad ΡΠ΅ΡΠ΅Π· Wi-Fi ΠΈΠ»ΠΈ USB.
Form β
6. Use Your Iinterface
ΠΠ³ΡΠΎΠΌΠ½Π°Ρ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ². ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ, Π²Π΄ΠΎΡ Π½ΠΎΠ²Π»ΡΠ΅ΠΌΡΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΌΠΈ ΡΠ΅ΡΠ΅Π½ΠΈΡΠΌΠΈ ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌ ΠΈΠ΄Π΅ΠΈ Π½Π° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅.
Use Your Iinterface β
7. UX Myths
ΠΠ°ΠΊ ΡΠΆΠ΅ ΠΏΠΎΠ½ΡΡΠ½ΠΎ ΠΈΠ· Π½Π°Π·Π²Π°Π½ΠΈΡ, Π½Π° ΡΡΠΎΠΌ ΡΠ°ΠΉΡΠ΅ ΡΠΎΠ±ΡΠ°Π½Ρ ΡΠ°ΠΌΡΠ΅ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠ΅ Π·Π°Π±Π»ΡΠΆΠ΄Π΅Π½ΠΈΡ Π² ΠΎΠ±Π»Π°ΡΡΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² β Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΠΌΠΈ ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΡΠΌΠΈ, ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ Π½Π° ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΡΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ.
UX Myths β
8. Mobile Patterns
ΠΠΎΠ΄Π±ΠΎΡΠΊΠ° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ Π΄Π»Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ². ΠΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠΏΡΠ°Π²ΠΈΡΡΡΡ Ρ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΈΠΌ ΠΊΡΠΈΠ·ΠΈΡΠΎΠΌ. ΠΠΎΠ»ΡΡΠΎΠΉ ΠΏΠ»ΡΡ β Π²ΡΡ ΡΠ°Π·Π±ΠΈΡΠΎ ΠΏΠΎ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡΠΌ: ΠΊΠ°Π»Π΅Π½Π΄Π°ΡΠΈ, ΡΠΏΠΈΡΠΊΠΈ, ΠΊΠ°ΡΡΡ, Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
Mobile Patterns β
9. Good UI
ΠΡΡ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΡΠ΅ΡΡΡΡ Ρ ΡΠ΅ΠΎΡΠΈΠ΅ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² (ΠΎΠ΄Π½ΠΎ Β«Π½ΠΎΒ» β Π²ΡΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ Π½Π° Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΎΠΌ). ΠΠ΄Π΅ΡΡ ΡΠΎΠ±ΡΠ°Π½ΠΎ 75 ΠΈΠ΄Π΅ΠΉ ΠΏΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ. ΠΡΠ΅ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ ΠΏΡΠΎΠ²Π΅ΡΠ΅Π½Ρ A/B-ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ.
Good UI β
ΠΡΡΡΠΈΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ β ΠΊΡΠΈΡΠΈΡΠ΅ΡΠΊΠΈ Π²Π°ΠΆΠ½Π°Ρ ΡΠ°ΡΡΡ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ, ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ²Π΅ΡΡΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π² Π»ΠΈΠ΄Π΅ΡΡ ΠΈΠ»ΠΈ ΠΎΠΏΡΡΡΠΈΡΡ Π΅Π³ΠΎ Π½Π° ΡΠ°ΠΌΠΎΠ΅ Π΄Π½ΠΎ. ΠΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠ»ΠΈΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡΡΠ° Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π²Π°ΡΠΈΠΌ ΠΏΡΠΈΠΎΡΠΈΡΠ΅ΡΠΎΠΌ Π½ΠΎΠΌΠ΅Ρ ΠΎΠ΄ΠΈΠ½ ΠΊΠ°ΠΊ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ ΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΌΠΎΡΠ½ΠΎΠ΅ ΠΈ ΠΏΡΡΠΌΠΎΠ΅ Π²ΠΎΠ·Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π½Π° Π²ΠΎΠ²Π»Π΅ΡΠ΅Π½Π½ΠΎΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΠΈ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ ΠΈ, ΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, Π΄ΠΎΡ ΠΎΠ΄Ρ.
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π½Π°Π±ΡΠΎΡΠΊΠΈ, ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΠΈ ΠΏΡΠ΅Π²ΡΠ°ΡΠ°ΡΡ ΠΈΡ Π² ΡΠ΅Π°Π»ΡΠ½ΡΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΡ. ΠΠΈΠΆΠ΅ ΠΌΡ ΠΏΠ΅ΡΠ΅ΡΠΈΡΠ»ΡΠ΅ΠΌ Π»ΡΡΡΠΈΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΎΡΡΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡ Π²Π°ΠΌ, ΡΡΠΎΠ±Ρ Π²ΡΠ²Π΅ΡΡΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π½ΠΎΠ²ΡΠΉ ΡΡΠΎΠ²Π΅Π½Ρ.
Sketch
- ΠΠ»Π°ΡΡΠΎΡΠΌΡ: macOS
- ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ: Apple, Facebook, Google, Stripe, Nintendo
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ: Jira Cloud, Zeplin, Avocode, WeTransfer ΠΈ Ρ.Π΄.
- Π¦Π΅Π½Π°: ΠΡ $99 Π² Π³ΠΎΠ΄
InVision
- ΠΠ»Π°ΡΡΠΎΡΠΌΡ: macOS
- ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ: Airbnb, Amazon, HBO, Lyft
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ: Jira, Trello, Slack ΠΈ Ρ.Π΄.
- Π¦Π΅Π½Π°: ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
Adobe XD
- ΠΠ»Π°ΡΡΠΎΡΠΌΡ: Windows, macOS, iOS ΠΈ Android
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ: Jira, Slack, Zeplin, Avocode ΠΈ Ρ.Π΄.
- Π¦Π΅Π½Π°: ΠΏΠ»Π°ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ ΠΎΡ $9.99 Π² ΠΌΠ΅ΡΡΡ
UXPin
Marvel
- ΠΠ»Π°ΡΡΠΎΡΠΌΡ: Web
- ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ: Buzzfeed, IBM, Stripe, Deliveroo ΠΈ Ρ.Π΄.
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ: Jira, Dropbox, Slack, Sketch ΠΈ Ρ.Π΄.
- Π¦Π΅Π½Π°: ΠΡ $12 Π² ΠΌΠ΅ΡΡΡ
Proto.io
Origami Studio
- ΠΠ»Π°ΡΡΠΎΡΠΌΡ: macOS
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ: Sketch, Photoshop ΠΈ Illustrator
- Π¦Π΅Π½Π°: ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
Axure
Framer
- ΠΠ»Π°ΡΡΠΎΡΠΌΡ: macOS
- ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ: Dropbox, Pinterest, Twitter, Disney ΠΈ Ρ.Π΄..
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ: Fiber
- Π¦Π΅Π½Π°: ΠΡ $12 Π² ΠΌΠ΅ΡΡΡ
Justinmind
Fluid UI
- ΠΠ»Π°ΡΡΠΎΡΠΌΡ: Windows, Linux, macOS, Web
- ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ: Xerox, Oracle, Samsung, Siemens ΠΈ Ρ.Π΄.
- Π¦Π΅Π½Π°: ΠΡ $8.25 Π² ΠΌΠ΅ΡΡΡ
OmniGraffle
- ΠΠ»Π°ΡΡΠΎΡΠΌΡ: macOS, iOS
- Π¦Π΅Π½Π°: ΠΠΈΡΠ΅Π½Π·ΠΈΡ ΠΎΡ $99
Mockplus
- ΠΠ»Π°ΡΡΠΎΡΠΌΡ: Windows, macOS, Android
- ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ: IBM, Microsoft, Oracle, Huawei ΠΈ Ρ.Π΄.
- ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ: Sketch
- Π¦Π΅Π½Π°: ΠΡ $139.3 Π² Π³ΠΎΠ΄
Balsamiq
ΠΡΠ»ΠΈ Π²Ρ Π½Π°ΡΠ»ΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΊΡ β Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ Π΅Π΅ ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ Ctrl + Enter! ΠΠ»Ρ ΡΠ²ΡΠ·ΠΈ Ρ Π½Π°ΠΌΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ info@apptractor.ru.apptractor.ru
ΠΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Ρ Π½ΡΠ»Ρ Π΄ΠΎ PRO

ΠΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ
ΠΠΎΠ»Π½ΡΠΉ ΡΠΈΠΊΠ» ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ β ΠΎΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠΎΠ² Π΄ΠΎ ΠΈΡ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠΈ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ.

Π’Π΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π³ΠΈΠΏΠΎΡΠ΅Π·
ΠΡΠΎΠ²Π΅ΡΠΊΠ° ΠΏΡΠ΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ: Π±ΡΡΡΡΠΎΠ΅ ΠΊΠΎΡΠΈΠ΄ΠΎΡΠ½ΠΎΠ΅ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅, ΡΠ΅ΡΠ΅Π²ΠΎΠ΅ ΠΈ Π½Π° ΡΠ΅Π°Π»ΡΠ½ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡ .

ΠΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΡ ΠΏΡΠΎΠ΅ΠΊΡΠ°
ΠΡΠ°ΠΌΠΎΡΠ½Π°Ρ ΠΈ ΡΠ²Π΅ΡΠ΅Π½Π½Π°Ρ ΠΏΠΎΠ΄Π°ΡΠ° ΠΈΠ΄Π΅ΠΈ ΠΈΠ»ΠΈ Π³ΠΎΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ° β Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΠ΅ ΡΡΠ»ΠΎΠ²ΠΈΠ΅ ΡΡΠΏΠ΅Ρ Π°.

ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½
Π’ΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌ, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ°Π·Π»ΠΈΡΠΈΡ Π² ΠΏΠΎΠ΄Ρ ΠΎΠ΄Π΅ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² Π΄Π»Ρ iOS ΠΈ Android.

UX-ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
Π£Π΄ΠΎΠ±Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΏΠΎΠ²ΡΡΠ°Π΅Ρ Π²ΠΎΠ²Π»Π΅ΡΠ΅Π½Π½ΠΎΡΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ², Π΄Π°ΡΡ ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠ½ΡΠ΅ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ Π·Π°Π½ΡΡΡ ΠΏΠ΅ΡΠ²ΡΠ΅ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ Π² PlayMarket ΠΈ AppStore.

ΠΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠΎΡΡ
ΠΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ, Π±Π΅Π· ΠΊΠΎΡΠΎΡΡΡ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ΅Π½ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ β Sketch, Figma, Zeplin.
skillbox.ru
Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π±ΡΡΡΡΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ / Habr
ΠΠ° Ρ Π°Π±ΡΠ΅ ΡΠΆΠ΅ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ Π½Π΅ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΡΠ°ΡΠ΅ΠΉ, ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π½ΡΡ ΠΏΡΠΎΡΠ΅ΡΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ. ΠΡΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΡΠ½Π΄Π°ΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΠ°ΡΡΠΈ Ρ ΠΎΠ±Π·ΠΎΡΠ°ΠΌΠΈ ΡΡΠ°Π½Π΄Π°ΡΡΠΎΠ² ΠΈ ΡΠ°ΡΡΠ΅ΡΠ°ΠΌΠΈ, Π΅ΡΡΡ ΡΡΠ°ΡΡΠΈ ΠΏΡΠΎ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ², Π΅ΡΡΡ ΡΠΈΠΊΠ» ΠΈΠ· Π΄Π²ΡΡ ΡΡΠ°ΡΠ΅ΠΉ ΠΏΡΠΎ ΠΏΡΠΎΡΠ΅ΡΡ Π²ΡΠ±ΠΎΡΠ° ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Π΄Π»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ. Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, ΠΏΡΠΎΡΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ² ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΎΡΠ²Π΅ΡΠ΅Π½ ΠΎΡΠ΅Π½Ρ ΡΠΊΡΠ΄Π½ΠΎ β Π² Π²ΠΈΠ΄Π΅ Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠΈ Π² 2010 Π³ΠΎΠ΄Ρ, ΠΈ ΠΏΠ°ΡΠ° ΡΠ»ΠΎΠ² Π² ΡΡΠ°ΡΡΠ΅ Π Π°Π·ΡΠ°Π±ΠΎΡΠΊΠ° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ: Ρ ΡΠ΅Π³ΠΎ Π½Π°ΡΠ°ΡΡ.Π₯ΠΎΡΠ΅Π»ΠΎΡΡ Π±Ρ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ ΡΡΡ ΡΠΈΡΡΠ°ΡΠΈΡ, ΠΈ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΡ Π²Π°ΡΠ΅ΠΌΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΠ±Π·ΠΎΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ
ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ β ΡΡΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΌΠ°ΠΊΠ΅ΡΠ°, ΠΌΠΎΠ΄Π΅Π»ΠΈ Π±ΡΠ΄ΡΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΡΡΡ ΡΡΡΡΠΊΡΡΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π΅Π³ΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ ΠΈ, Π² ΡΠ΅Π»ΠΎΠΌ, ΠΊΠΎΠ½ΡΠ΅ΠΏΡΠΈΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΡΠ»ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΡΡΡ ΠΏΠΎ ΡΡΠΎΡΠΎΠ½Π½Π΅ΠΌΡ Π·Π°ΠΊΠ°Π·Ρ, ΠΊΠ»ΠΈΠ΅Π½ΡΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΠ½ ΠΌΠΎΠ³ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π²Π½ΠΎΡΠΈΡΡ ΠΊΠΎΡΡΠ΅ΠΊΡΠΈΡΠΎΠ²ΠΊΠΈ Π² ΡΠ²ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅.
ΠΡΠΎΡΠΎΡΠΈΠΏ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ ΡΡΠ΄Π΅ΡΠ½ΡΠΌ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ ΡΡΡΡΠ°Π½ΡΡΡ Π½Π΅Π΄ΠΎΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠ°ΠΌΠΈ (ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ, ΡΡΠΊΠΎΠ²ΠΎΠ΄ΠΈΡΠ΅Π»Ρ, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ, ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ, ΠΊΠ»ΠΈΠ΅Π½Ρ), Π²ΠΎΠ²Π»Π΅ΡΠ΅Π½Π½ΡΠΌΠΈ Π² ΠΏΡΠΎΠ΅ΠΊΡ, ΡΡΡΡΠΊΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΌΡΡΠ»ΠΈ ΠΈ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ°ΡΡ ΠΎΡΠΈΠ±ΠΊΠΈ ΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ Π»ΠΈΡΠ½Π΅ΠΉ ΡΠ°Π±ΠΎΡΡ Π΅ΡΠ΅ Π½Π° ΡΠ°Π½Π½ΠΈΡ ΡΡΠ°Π΄ΠΈΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ. ΠΠΎΠΆΠ½ΠΎ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ Π±ΡΠ΄ΡΡΠ΅Π΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠΎΠΊΡΡ-Π³ΡΡΠΏΠΏΡ, ΡΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎΡ Π±ΡΠ΄ΡΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ.
Π ΡΠΈΡΠΌΠ΅ ΡΠ΅Π³ΠΎΠ΄Π½ΡΡΠ½Π΅ΠΉ ΠΆΠΈΠ·Π½ΠΈ ΠΏΡΠΈ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π²ΡΡΠΎΠΊΠΎΠΉ ΡΠ΅Π½Π΅ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΠΎ-ΡΠ°ΡΠΎΠ², ΠΎΡΠ΅Π½Ρ Π²Π°ΠΆΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π±ΡΡΡΡΠΎ ΠΈ, ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ, Π±Π΅Π· ΠΏΠΎΡΠ΅ΡΠΈ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π±ΡΠ»ΠΎ Π²Π²Π΅Π΄Π΅Π½ΠΎ ΠΏΠΎΠ½ΡΡΠΈΠ΅ βΠ±ΡΡΡΡΠΎΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅β. Π§ΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π½Π°ΠΌ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΎΡ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ° ΠΊ Π±ΡΡΡΡΠΎΠΌΡ? ΠΡΠΎ ΡΠ°Π·Π²ΠΈΠ²Π°ΡΡΠΈΠ΅ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ, Π½Π°Π»ΠΈΡΠΈΠ΅ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΡΠ΅ΡΠ²ΠΈΡΠΎΠ² ΠΈ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΠΌΠΎΠ·Π³ΠΈ.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π±ΡΡΡΡΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ².
ΠΠ΅ΡΠ²ΡΠΉ ΠΈ ΡΠ°ΠΌΡΠΉ Π»ΡΠ±ΠΈΠΌΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² β ΡΡΠΎ Π±ΡΠΌΠ°Π³Π° ΠΈ Π»ΡΠ±ΠΎΠΉ ΠΏΠΈΡΡΡΠΈΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ (ΠΊΠ°ΡΠ°Π½Π΄Π°Ρ, ΡΡΡΠΊΠ°, ΠΌΠ°ΡΠΊΠ΅ΡΡ). ΠΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π½Π°ΠΊΠΈΠ΄Π°ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΠ΅ΡΠ²ΡΠ΅ Π½Π°Π±ΡΠΎΡΠΊΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ Π±ΡΡΡΡΠΎ.
ΠΠΎΠΆΠ½ΠΎ ΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π° Π΄ΠΎΡΠΊΠ΅, ΡΡΠ΅Π½Π΅, Π±ΡΠΌΠ°Π³Π΅. ΠΠ΄Π½Π°ΠΊΠΎ ΡΡΠΎΡ ΡΠΏΠΎΡΠΎΠ± ΠΈΠΌΠ΅Π΅Ρ ΠΈ ΡΡΠ΄ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΎΠ²:
- ΠΏΠΎΡΠ΅ΡΠΊ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΡΠ°Π·Π±ΠΎΡΡΠΈΠ²ΡΠΌ, ΡΡΠΎΠ±Ρ Π΅Π³ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Π»Π° Π²ΡΡ ΡΠ°Π±ΠΎΡΠ°Ρ Π³ΡΡΠΏΠΏΠ°, ΠΈ ΡΡΠΎΠ±Ρ ΡΠ°ΠΌΠΎΠΌΡ ΠΏΠΎΡΠΎΠΌ Π½Π΅ ΡΠ°ΡΡΠΈΡΡΠΎΠ²ΡΠ²Π°ΡΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ Π·Π°ΠΏΠΈΡΠΈ
- ΠΏΡΠΈ ΡΠ΄Π°Π»Π΅Π½Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΠ΅ Π½Π΅ΡΠ΄ΠΎΠ±Π½ΠΎ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΠΊΠΎΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ
ΠΠΎΠ½Π΅ΡΠ½ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ Π²ΡΠ΅ Π±ΡΠΌΠ°ΠΆΠΊΠΈ ΠΈ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ ΠΈΡ , Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠΎ ΠΏΠΎΡΡΠ΅ ΠΈΠ»ΠΈ ΡΠΊΠ°ΠΉΠΏΡ, Π½ΠΎ Π±Π΅Π· ΠΏΠΎΡΡΠ½Π΅Π½ΠΈΠΉ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Π²ΡΡΠ΄ Π»ΠΈ ΡΠ΄Π°ΡΡΡΡ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ.
ΠΠ°ΠΊ ΡΡΠΊΠΎΡΠΈΡΡ ΠΈ ΡΠΏΡΠΎΡΡΠΈΡΡ Β«Π±ΡΠΌΠ°ΠΆΠ½ΠΎΠ΅Β» ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
Π‘ΠΊΠ΅ΡΡΠΏΠ°Π΄ (SketchPad, Π‘ΠΊΠ΅ΡΡΠ±ΡΠΊ, sketchbook)
ΡΡΠΎ Π±Π»ΠΎΠΊΠ½ΠΎΡ ΡΠ°Π·Π»ΠΈΠ½ΠΎΠ²Π°Π½ΡΠΉ ΠΌΠ°ΠΊΠ΅ΡΠ°ΠΌΠΈ ΡΠ΅Π»Π΅ΡΠΎΠ½ΠΎΠ² ΡΠ°Π·Π½ΡΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌ. ΠΠΌΠ΅Π΅Ρ ΡΠΎΡΠ΅ΡΠ½ΡΡ ΡΠ΅ΡΠΊΡ Π½Π° Β«ΡΠΊΡΠ°Π½Π΅Β».
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΡΠΏΠ΅ΡΠ°ΡΠ°ΡΡ Π°Π½Π°Π»ΠΎΠ³ ΡΠΊΠ΅ΡΡΠΏΠ°Π΄Π° ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎ ΡΠ°Π±Π»ΠΎΠ½Π°ΠΌ: habrahabr.ru/post/152075
UI β Π±Π»ΠΎΠΊΠ½ΠΎΡ
ΡΡΠΎ ΡΠΎΡ ΠΆΠ΅ ΡΠ°ΠΌΡΠΉ ΡΠΊΠ΅ΡΡΠΏΠ°Π΄, ΡΠΎΠ»ΡΠΊΠΎ Π±Π΅Π· ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ ΠΊ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ΅. ΠΠ° Π½Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΈΡΠΎΠ²Π°ΡΡ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ Π»ΡΠ±ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ
ΠΠ΅ΠΊΠ°Π»Π°.
Π£Π΄ΠΎΠ±Π½Π°Ρ, Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ, Π²Π΅ΡΡ, Π½ΠΎ Π² Π ΠΎΡΡΠΈΠΈ Π² ΠΏΡΠΎΠ΄Π°ΠΆΠ΅ ΠΈΡ Π½Π°ΠΉΡΠΈ Π½Π΅ ΡΠ΄Π°Π»ΠΎΡΡ.
www.uistencils.com/collections/frontpage/products/iphone-stencil-kit
Π¨ΡΠ°ΠΌΠΏΡ
Π ΡΠΎΡΡΠΈΠΉΡΠΊΠΈΡ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°Ρ ΡΠΎΠΆΠ΅ ΠΎΡΡΡΡΡΡΠ²ΡΡΡ, Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΠ°Π·Π°ΡΡ Ρ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ ΠΏΠΎ ΠΈΠ·Π³ΠΎΡΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΏΠ΅ΡΠ°ΡΠ΅ΠΉ, ΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΌΠΎΠΌΡ ΠΈΠ· ΠΊΡΡΠΊΠ° ΡΠ΅Π·ΠΈΠ½Ρ, Π΅ΡΠ»ΠΈ ΡΡΠΊΠΈ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΏΡΡΠΌΡΠ΅. Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, ΡΠ΅ΡΠ½ΠΈΠ»Π° β Π²Π΅ΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΌΠ°ΡΠΊΠ°Ρ, ΠΏΠΎΡΡΠΎΠΌΡ Π»ΡΡΡΠ΅ Π²ΡΠ΅-ΡΠ°ΠΊΠΈ Π½Π΅ ΠΏΡΡΠ°ΡΡΡΡ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡΡ ΠΈ ΠΊΡΠΏΠΈΡΡ ΠΈΠ»ΠΈ ΡΠ°ΡΠΏΠ΅ΡΠ°ΡΠ°ΡΡ ΡΠΊΠ΅ΡΡΠΏΠ°Π΄.
www.cultofmac.com/224355/iphone-stamp-for-ui-sketching
ΠΠ° ΡΡΠΎΠΌ Ρ ΠΎΠ±Π·ΠΎΡΠΎΠΌ Β«Π±ΡΠΌΠ°ΠΆΠ½ΡΡ Β» ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π·Π°ΠΊΠΎΠ½ΡΠΈΠΌ, ΠΈ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Π΅ΠΌ ΠΊ ΡΠ°ΠΌΠΎΠΌΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎΠΌΡ:
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π±ΡΡΡΡΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ²
Keynotopia
keynotopia.com
ΠΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π±ΡΡΡΡΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΌΠ°ΠΊΠ΅ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π±Π°Π·Ρ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ², Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π΄Π΅Π»ΠΈΡΡΡΡ Ρ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ Π΄Π»Ρ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ² ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠ»Π°ΡΠ½ΠΎΠ΅, ΡΡΠΎΠΈΠΌΠΎΡΡΡ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π²Π°ΡΠΈΡ Π·Π°ΠΏΡΠΎΡΠΎΠ².
POP
popapp.in
ΠΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ Π»ΡΠ±ΠΈΡΠ΅Π»Π΅ΠΉ ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΊΠ°ΠΌΠΈ. Π ΠΈΡΡΠ΅ΡΠ΅, ΠΊΠ°ΡΠ°Π΅ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π° iPhone, ΡΠΎΡΠΊΠ°Π΅ΡΠ΅, ΡΠΎΠ·Π΄Π°Π΅ΡΠ΅ ΡΠ°ΡΠΊΠ°Π΄ΡΠΎΠ²ΠΊΡ, ΡΠ΅ΡΡΠΈΡΡΠ΅ΡΠ΅ ΠΈ Π΄Π΅Π»ΠΈΡΠ΅ΡΡ Ρ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌΠΈ. ΠΡΠ΅ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ.
RATCHET
maker.github.io/ratchet
habrahabr.ru/post/157819
Π‘ΠΎΠ·Π΄Π°Π΅ΡΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ, ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΠΏΡΠΈΠ±Π»ΠΈΠΆΠ΅Π½Π½ΡΠΉ ΠΊ ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠΎΠΆΠ΅Ρ Π·Π°Π³ΡΡΠΆΠ°ΡΡΡΡ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ ΠΈΠ»ΠΈ ΡΠ΅Π»Π΅ΡΠΎΠ½, Π½ΠΎ Π±Π΅Π· Π½Π°Π²ΡΠΊΠΎΠ² HTML, CSS ΠΈ JS Π½Π΅ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ.
Proto.io
proto.io
SaaS ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ. Π‘Π΅ΡΠ²ΠΈΡ Π½Π°ΠΌ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»ΡΡ, Π½ΠΎ Π² Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΏΠ°ΠΊΠ΅Ρ Π²Ρ
ΠΎΠ΄ΠΈΡ ΠΎΡΠ΅Π½Ρ ΡΠΊΡΠ΄Π½ΡΠΉ Π½Π°Π±ΠΎΡ ΡΡΠ½ΠΊΡΠΈΠΉ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΎΠ½ ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π±Π΅ΡΠΏΠΎΠ»Π΅Π·Π΅Π½. ΠΠ° Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠΈΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΏΡΠΈΠ΄Π΅ΡΡΡ Π·Π°ΠΏΠ»Π°ΡΠΈΡΡ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 24$.
Codiqa
codiqa.com
ΠΡΠ΅ ΠΎΠ΄Π½ΠΎ ΠΎΠ±Π»Π°ΡΠ½ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅. Π’Π° ΠΆΠ΅ ΠΌΠΎΠ΄Π΅Π»Ρ ΠΌΠΎΠ½Π΅ΡΠΈΠ·Π°ΡΠΈΠΈ, ΠΊΠ°ΠΊ ΠΈ Π² proto.io. ΠΠΎΠΌΡ-ΡΠΎ ΡΡΠΎΡ ΡΠ΅ΡΠ²ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡΡΡ ΡΠ΄ΠΎΠ±Π½Π΅Π΅.
Mockingbird
gomockingbird.com
Π‘ΠΈΡΡΠ°ΡΠΈΡ ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Π° Invision: ΠΈΠΌΠ΅Π΅ΡΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡ, Π½ΠΎ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π΅ ΠΎΡΠ΅Π½Ρ ΡΠ΄ΠΎΠ±Π½ΠΎ. ΠΠ° ΠΈ ΠΏΠΎΠ΄ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ ΠΏΠ»ΠΎΡ
ΠΎ.
Lumzy
www.lumzy.com
ΠΡΠΎΡΠ»ΡΠΉ Π²Π΅ΠΊ. ΠΠΎΠ΄ ΡΠΌΠ°ΡΡΡΠΎΠ½Ρ ΡΠΎΠΆΠ΅ Π½Π΅ ΡΠ΄Π°ΡΡΡΡ Π½ΠΈΡΠ΅Π³ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ.
iPhone Mockup Web App
iphonemockup.lkmc.ch
ΠΡΠ»ΠΈΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΈΠΌΠΈΡΠ°ΡΠΈΡ ΡΠΈΡΡΠ½ΠΊΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈ ΡΠ°ΠΌΠΎΠ³ΠΎ ΡΠ΅Π»Π΅ΡΠΎΠ½Π° ΠΎΡ ΡΡΠΊΠΈ, Π½ΠΎ ΡΡΠΎ Π½Π΅ ΠΎΠΏΡΠ°Π²Π΄ΡΠ²Π°Π΅Ρ ΠΎΡΡΡΡΡΡΠ²ΠΈΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ²ΡΠ·ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΠΌΠ°ΠΊΠ΅ΡΠ°ΠΌΠΈ.
Axure RP
www.axure.com
habrahabr.ru/post/101938
ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½Π°Ρ, ΡΡΠΈΡΠ°Π΅ΡΡΡ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π»ΠΈΠ΄Π΅ΡΠΎΠ² Π½Π° ΡΡΠ½ΠΊΠ΅. ΠΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠΎΠ² ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iPhone ΠΈ iPad.
AppGyver
www.appgyver.com
ΠΠ° Π²ΡΠ±ΠΎΡ Π΄Π°ΡΡΡΡ ΡΠ°Π±Π»ΠΎΠ½Ρ Android, iPhone ΠΈ iPad. ΠΡΠΎΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ Π·Π΄Π΅ΡΡ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ»ΡΠΊΠΎ Π»ΠΎΠ³ΠΈΠΊΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π±Π΅Π· Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΠ°Π±ΠΎΡΠ° Π²Π΅Π΄Π΅ΡΡΡ Ρ ΡΠΆΠ΅ Π³ΠΎΡΠΎΠ²ΡΠΌΠΈ Π½Π°Π±ΡΠΎΡΠΊΠ°ΠΌΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠΌ ΡΡΠ°ΡΡΡΠ΅ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΡΠ²ΠΈΡ Ρ 3 ΡΠΊΡΠΈΠ½ΡΠΎΡΠ°ΠΌΠΈ. ΠΠ° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ΅ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ΅Π½ΠΈΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ°Π±ΠΎΡΡ.
Fluid Ui
www.fluidui.com
Π£Π΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, Π½ΠΎ ΡΡΠΎΡ ΡΠ΅ΡΠ²ΠΈΡ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ Π²ΡΠ΅ΠΌΠΈ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΡΠΌΠΈ ΡΡΠ½ΠΊΡΠΈΡΠΌΠΈ. ΠΠΎΠΆΠ΅Ρ Π±ΡΡΡ, ΠΎΠ½ Π½Π΅ ΡΠ°ΠΊ ΠΈΠ·ΡΡΠ΅Π½, ΠΊΠ°ΠΊ Π΄ΡΡΠ³ΠΈΠ΅, Π·Π°ΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΡΠΎΠ±ΡΠ°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΠ΅, ΠΈ Π·Π°Π»ΠΈΡΡ ΡΠΆΠ΅ Π³ΠΎΡΠΎΠ²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ, ΠΏΡΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠ²ΡΠ·ΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠΈΠΉΡΡ ΠΌΠ°ΠΊΠ΅Ρ Π΄Π»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π΄ΡΡΠ·ΡΡΠΌ ΠΈ ΠΊΠΎΠ»Π»Π΅Π³Π°ΠΌ ΠΈ ΠΏΡΠΎΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ Π΅Π³ΠΎ Π½Π° ΡΠ΅Π»Π΅ΡΠΎΠ½Π΅. Π‘Π΅ΡΠ²ΠΈΡ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ Windows Phone!
MockFlow
www.mockflow.com
ΠΠΌΠ΅Π΅Ρ Π΄Π΅ΡΠΊΡΠΎΠΏΠ½ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΡΠ²ΠΈΡ, ΡΡΠΎ, Π½Π΅ΡΠΎΠΌΠ½Π΅Π½Π½ΠΎ, ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²ΠΎΠΌ, Π½ΠΎ ΠΏΡΠΎΡΡΠΎΠΉ Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ, ΡΡΠΎ Π΄Π°ΠΆΠ΅ ΡΠΊΡΡΠ½ΠΎ.
Mockingbot
www.mockingbot.com
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΎΡΠ΅Π½Ρ Π½Π΅ΠΏΠ»ΠΎΡ
ΠΎΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΉ Π²ΡΠ΅ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, Π½ΠΎ, ΠΊ ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ iPhone.
Prototypr
prototypr.com
Π‘ΠΎΡΡ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Π΄Π»Ρ Π²Π»Π°Π΄Π΅Π»ΡΡΠ΅Π² ΡΠ±Π»ΠΎΡΠ½ΡΡ
Π΄Π΅Π²Π°ΠΉΡΠΎΠ². ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΎΡΠ΅Π½Ρ Π»Π΅Π³ΠΊΠΎ β ΠΏΡΠΎΡΡΠΎ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π΅ΠΌ Π½ΡΠΆΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ ΠΈ ΠΎΠ΄Π½ΠΈΠΌ Π½Π°ΠΆΠ°ΡΠΈΠ΅ΠΌ ΠΊΠ»Π°Π²ΠΈΡΠΈ ΡΠΌΠΎΡΡΠΈΠΌ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π½Π° ΡΠ΅Π»Π΅ΡΠΎΠ½Π΅.
Balsamiq Mockups for Desktop
www.balsamiq.com
ΠΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠ°ΠΊ ΠΏΡΠΎΡΡΠΎΠΉ ΡΡ
Π΅ΠΌΠ°ΡΠΈΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ, ΡΠ°ΠΊ ΠΈ ΠΎΡΠ΅Π½Ρ Π΄Π΅ΡΠ°Π»ΡΠ½ΡΠΉ Ρ ΡΠΎΡΠ½ΠΎΡΡΡΡ Π΄ΠΎ ΠΏΠΈΠΊΡΠ΅Π»Ρ. Π ΠΈΡΠΎΠ²Π°Π½Π°Ρ ΡΡΠΈΠ»ΠΈΡΡΠΈΠΊΠ° Π΄Π΅Π»Π°Π΅Ρ ΡΠ΅ΡΡΠ΅Π·Π½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π²Π΅ΡΠ΅Π»ΠΎΠΉ ΠΈΠ³ΡΡΡΠΊΠΎΠΉ.
iMockups for iPad
www.endloop.ca/imockups
Π ΠΈΡΠΎΠ²Π°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΠΏΡΡΠΌΠΎ Π½Π° iPad? ΠΠ΅Π³ΠΊΠΎ! ΠΠ»Ρ Π½Π΅Π³ΠΎ ΡΠ°ΠΌΠΎΠ³ΠΎ ΠΈ iPhone, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ. ΠΠ°ΡΠ°Π΅ΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΠ΄ΠΎΠ²ΠΎΠ»ΡΡΡΠ²ΠΈΠ΅ ΠΎΡ ΠΏΡΠΎΡΡΠΎΡΡ ΠΈ Π½Π΅ΠΏΠ»ΠΎΡ
ΠΎΠ³ΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°.
Interface 2
interface2.lesscode.co.nz
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΈΡ
ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ² Π΄Π»Ρ iPhone ΠΈ iPad Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π½Π° ΡΠ°ΠΌΠΈΡ
ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ
Π²ΡΠ΅Π³ΠΎ Π·Π° 10 Π΄ΠΎΠ»Π»Π°ΡΠΎΠ² ΠΊΠ°ΠΆΠ΄ΠΎΠ΅.
ΠΠ΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π΅ Π±Π΅Π· ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ
Justinmind Prototyper
www.justinmind.com
ΠΠ½ΡΡΡΡΠΌΠ΅Π½Ρ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΡΠ°ΠΉΡΠΎΠ² ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π΄Π»Ρ iPhone, Android ΠΈ iPad. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ, Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΆΠ΅ΡΡΠ°ΠΌΠΈ ( Π² ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ°Ρ
ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Drag&Drop ΠΈ Ρ.Π΄.). Π ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, Π±Π΅ΡΠΏΠ»Π°ΡΠ½Π°Ρ Π²Π΅ΡΡΠΈΡ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π° ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠ΅ΡΠ΅Π»ΠΈΠ½ΠΊΠΎΠ²ΠΊΠΎΠΉ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ°Π±Π»ΠΎΠ½Π°ΠΌΠΈ ΠΈ 10 ΠΠ ΠΌΠ΅ΡΡΠ° Π² ΠΎΠ±Π»Π°ΠΊΠ΅. ΠΠΎ Π΅ΡΡΡ ΡΡΠΈΠ°Π» Π½Π° 30 Π΄Π½Π΅ΠΉ
ΠΠ° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΠΏΠ°ΡΠΈΠ±ΠΎ Glebcha
Mockko
www.mockko.com
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ on-line ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ². ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΠΏΠ΅ΡΠ΅Π»ΠΈΠ½ΠΊΠΎΠ²ΠΊΠ° ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΊΡΠ°Π½Π°ΠΌΠΈ, ΠΏΡΠΎΡΠΌΠΎΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ² Π½Π° iPhone. Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ iPhone, ΡΠ°ΠΉΡ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π² Chrome ΠΈΠ»ΠΈ Safari. ΠΠ±Π΅ΡΠ°ΡΡ Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΡΠ°ΠΊΠΆΠ΅ iPad.
ΠΠ° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΠΏΠ°ΡΠΈΠ±ΠΎ n0_quarter
Microsoft Expression Blend
msdn.microsoft.com/ru-ru/library/windows/apps/jj129478.aspx
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Blend + SketchFlow, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΏΡΠΎΡΠΎΡΠΈΠΏΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ Π»ΡΠ±ΡΠ΅ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅:
ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² Expression Blend + SketchFlow. Π§Π°ΡΡΡ 1. ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΡΡΠΎΡΠΈΠΈ
ΠΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π² Expression Blend + SketchFlow. Π§Π°ΡΡΡ 2. ΠΡΠ½ΠΎΠ²Ρ
ΠΠ° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΠΏΠ°ΡΠΈΠ±ΠΎ Ivnika
App Cooker
www.appcooker.com
ΠΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ, ΠΏΡΠΎΡΡΠ΅Π½ΡΠΊΠΈΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈ, ΠΊΠ°ΠΊ ΠΊΠΈΠ»Π»Π΅Ρ-ΡΠΈΡΠ°, ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΡΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΠΏΠΎΠΌΠΎΡΠΈ ΠΏΡΠΈ ΡΠ΅Π½ΠΎΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠΈ.
ΠΠ° ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ ΡΠΏΠ°ΡΠΈΠ±ΠΎ Glebcha
ΠΡΠ΄Π΅Π»ΡΠ½ΠΎΠ³ΠΎ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ ΠΎΠ±Π·ΠΎΡΠ° Π·Π°ΡΠ»ΡΠΆΠΈΠ²Π°ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏ, Π·Π°ΡΠΎ Π΄Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π°ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅.
Mockabilly
www.mockabilly.com
Π£ΠΆΠ΅ Π³ΠΎΡΠΎΠ²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ Π·Π°Π»ΠΈΠ²Π°Π΅ΡΠ΅ Π½Π° iPhone (ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠ° ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ°) ΠΈ ΡΠ΅ΡΡΠΈΡΡΠ΅ΡΠ΅ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π½Π° ΡΠ°ΠΌΠΎΠΌ ΡΡΡΡΠΎΠΉΡΡΠ²Π΅.
Invision
www.invisionapp.com
ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ Π΄ΠΎΡΡΡΠΏΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΏΡΠΎΠ΅ΠΊΡ, Π½ΠΎ Π΅ΡΠ»ΠΈ Π½Π΅Ρ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ°, ΡΠΎ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Π°ΠΌ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΡΡΡ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π½ΠΈΠΊΠ°ΠΊΠΈΡ
Π΄ΡΡΠ³ΠΈΡ
ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠΉ Π½Π΅Ρ. ΠΠ»Π°ΡΠ° Π²Π·ΠΈΠΌΠ°Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π·Π° ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΠΏΡΠΎΠ΅ΠΊΡΠΎΠ².
LiveView
zambetti.com/projects/liveview
ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ΄Π°Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π½Π° ΡΠΊΡΠ°Π½Π΅ iPhone ΠΈ iPad ΠΏΡΠΎΡΠΎΡΠΈΠΏΠ°, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΠΎΠ³ΠΎ ΠΈ Π·Π°ΠΏΡΡΠ΅Π½Π½ΠΎΠ³ΠΎ Π½Π° Mac.
ΠΡΠ²ΠΎΠ΄
ΠΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ, Π·Π΄Π΅ΡΡ ΠΎΠΏΠΈΡΠ°Π½Ρ Π»ΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· Π½ΠΈΡ . ΠΠ»Ρ ΡΠ΅Π±Ρ ΠΌΡ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΠ»ΠΈΡΡ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ Π½Π°Π±ΠΎΡΠ΅: ΡΠΊΠ΅ΡΡΠΏΠ°Π΄ Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠ½Π°ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ, ΠΈ Proto.IO/Fluid UI Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ².
Π ΡΠ΅ΠΌ ΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ΡΡ Π²Ρ?
ΠΠΎΠ»ΡΡΡΡ ΡΠ°ΡΡΡ ΡΡΠ°ΡΡΠΈ Π½Π°ΠΏΠΈΡΠ°Π» ΠΌΠΎΠΉ ΠΊΠΎΠ»Π»Π΅Π³Π° ΠΠ»Π΅ΠΊΡΠ°Π½Π΄Ρ ΠΠΎΡΠ΅Π²Π°Π½ΠΎΠ² (aimh), Π·Π° ΡΡΠΎ Π΅ΠΌΡ ΠΎΠ³ΡΠΎΠΌΠ½ΠΎΠ΅ ΡΠΏΠ°ΡΠΈΠ±ΠΎ
habr.com
ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π§Π°ΡΡΡ 1: Android / Habr
ΠΡΠΎΡ Π΄ΠΎΠΊΠ»Π°Π΄ Ρ ΠΏΡΠΎΡΠΈΡΠ°Π» Π½Π° Dribbble Meetup 2013, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΎΡΠ΅Π» Π² ΠΠΎΡΠΊΠ²Π΅ Π² ΠΠ΅Π½Ρ ΠΊΠΎΡΠΌΠΎΠ½Π°Π²ΡΠΈΠΊΠΈ. Π Π½ΡΠΌ ΠΎΠΏΠΈΡΠ°Π½ ΠΌΠΎΠΉ ΠΏΡΠΎΡΠ΅ΡΡ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° β ΡΠΎ Π΅ΡΡΡ Π² ΠΊΠ°ΠΊΠΎΠΌ Π²ΠΈΠ΄Π΅ ΠΏΠ΅ΡΠ΅Π΄Π°Π²Π°ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ° ΠΊ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ
ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠΡΠ±ΠΎΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π² ΡΠ°Π±ΠΎΡΠ΅, ΠΈ ΡΠ°ΠΌ ΠΏΡΠΎΡΠ΅ΡΡ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π»ΠΈΡΡ ΠΎΠΏΡΡΠ½ΡΠΌ ΠΏΡΡΡΠΌ, ΠΌΠ΅ΡΠΎΠ΄ΠΎΠΌ ΠΏΡΠΎΠ± ΠΈ ΠΎΡΠΈΠ±ΠΎΠΊ. ΠΠ°Π΄Π΅ΡΡΡ, ΠΎΠ½ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠΎΡ
ΡΠ°Π½ΠΈΡΡ Π²Π°ΠΌ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΈ ΠΈΠ·Π±Π°Π²ΠΈΡ Ρ
ΠΎΡΡ Π±Ρ ΠΎΡ ΡΠ°ΡΡΠΈ ΡΡΡΠΈΠ½Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ. Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ»Π°ΠΉΠ΄ΠΎΠ², Ρ ΡΠ΅ΡΠΈΠ» ΡΠ°Π·Π±ΠΈΡΡ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π» Π½Π° Π΄Π²Π΅ ΡΠ°ΡΡΠΈ. ΠΠ΅ΡΠ²Π°Ρ ΡΠ°ΡΡΡ β ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ΄ ΠΏΠ»Π°ΡΡΠΎΡΠΌΡ Android. ΠΡΠΎΡΠ°Ρ β ΠΏΠΎΠ΄ iOS ΠΈ Windows Phone, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΏΠΎΠΌΡΠ½Ρ ΠΏΡΠΎ Samsung Bada. ΠΠ°Π»ΡΡΠ΅ β ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ.
ΠΡΠΎΠ±Π»Π΅ΠΌΠ°ΡΠΈΠΊΠ°
Π Π½Π°ΡΠ½Ρ Ρ ΡΠ²ΠΎΠΉ ΡΠ°ΡΡΠΊΠ°Π· Ρ ΠΌΠΎΠΌΠ΅Π½ΡΠ°, ΠΊΠΎΠ³Π΄Π° ΠΌΡ ΡΠΆΠ΅ Π½Π°ΡΠΈΡΠΎΠ²Π°Π»ΠΈ ΠΌΠ°ΠΊΠ΅ΡΡ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΡΡ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ, Π²ΡΡ Π²ΡΠ²Π΅ΡΠ΅Π½ΠΎ Π΄ΠΎ ΠΏΠΈΠΊΡΠ΅Π»Ρ.
ΠΡ ΠΎΡΠ΄Π°Π΅ΠΌ ΠΌΠ°ΠΊΠ΅ΡΡ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ, Π° Π½Π° Π²ΡΡ ΠΎΠ΄Π΅ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΠΠ’Π.
ΠΠΎΡΠ΅ΠΌΡ?! ΠΡΠ²Π΅Ρ ΠΎΡΠ΅Π²ΠΈΠ΄Π΅Π½. ΠΠΈΠ½ΠΎΠ²Π°ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΊΡΠΈΠ²ΠΎ Π²ΡΡ Π·Π°ΠΏΡΠΎΠ³Π°Π»ΠΈβ¦ ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, ΠΠΠ’! ΠΡΠ΅ Π΄ΠΎ Π½Π°ΡΠ°Π»Π° ΡΠ°Π±ΠΎΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠ², Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΠΈΠΌ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° (Π’Π), ΠΊΠΎΡΠΎΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΎΠ±ΡΡΠ½ΠΎ Π΄Π΅Π»Π°Π΅Ρ ΡΠΏΡΡΡΡ ΡΡΠΊΠ°Π²Π°, ΠΈΠ»ΠΈ ΡΡΠΎ Π΅ΡΠ΅ Ρ ΡΠΆΠ΅, Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅ Π΄Π΅Π»Π°Π΅Ρ. ΠΠΎΡΡΠΎΠΌΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ ΠΈ Π²ΡΠ½ΡΠΆΠ΄Π΅Π½ Π΄Π΅Π»Π°ΡΡ Π²ΡΡ Π½Π° ΡΠ²ΠΎΡ ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΠ΅, ΡΠ°Π· Π½Π΅ΡΡ ΡΠ΅ΡΠΊΠΎΠΉ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΈ.
Π‘ΠΏΠ΅ΡΠΈΡΠΊΠ°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° (Π’Π)
ΠΡΠ°ΠΊ, ΠΏΠΎΠ΄ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠ΅ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ Π½Π°Π±ΠΎΡ ΡΠ°ΠΉΠ»ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π°Π΅Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ°ΠΌ. ΠΠΎ ΡΡΡΠΈ, ΠΈΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ Π΅ΡΡΡ ΠΏΡΠΎΡΠ΅ΡΡ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π£ Microsoft ΠΈ Google ΡΡΠΎ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ blue, red, green lines. Π£ ΠΌΠ΅Π½Ρ ΡΡΠΎ ΡΡΠΈ ΠΏΠ°ΠΏΠΊΠΈ: Metrics, Fonts, Res.
Π‘ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ Π’Π Π½Π°Π΄ΠΎ ΡΠ΄Π΅Π»ΠΈΡΡ Π΄ΠΎΠ»ΠΆΠ½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ.ΠΊ. ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΡΠΎ Π²ΠΈΠ΄ΠΈΡ ΠΊΠΎΠ½Π΅ΡΠ½ΡΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ°, Π° Π½Π΅ ΠΌΠ°ΠΊΠ΅ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°.
Android
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ 4-Ρ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ Π² Π ΠΎΡΡΠΈΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΠ»Π°ΡΡΠΎΡΠΌ. Π Π½Π°ΡΠ½Ρ Ρ Ρ ΡΠ°ΠΌΠΎΠ³ΠΎ ΡΡΠΆΠ΅Π»ΠΎΠ³ΠΎ Π΄Π»Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡβ¦ Android
ΠΡΠ°ΡΠΊΠ°Ρ ΡΠ΅ΠΎΡΠ΅ΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠ°ΡΡΡ
ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΎΡΠΈΠΈ Π΄Π»Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΡ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅Π³ΠΎ ΠΏΡΠΎΡΠ΅ΡΡΠ°. ΠΠΈ Π΄Π»Ρ ΠΊΠΎΠ³ΠΎ Π½Π΅ ΡΠ΅ΠΊΡΠ΅Ρ, ΡΡΠΎ ΡΠΊΡΠ°Π½Ρ ΡΠ΅Π»Π΅ΡΠΎΠ½ΠΎΠ² ΠΈΠΌΠ΅ΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΈ ΡΠ°Π·Π½ΡΠ΅ Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΠΈ, ΡΠΎ Π΅ΡΡΡ ΡΠΊΡΠ°Π½Ρ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΠ·ΡΡΡΡΡ ΡΠ°Π·Π½ΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ. ΠΠ½Π° ΠΈΠ·ΠΌΠ΅ΡΡΠ΅ΡΡΡ Π² ΡΠΎΡΠΊΠ°Ρ Π½Π° Π΄ΡΠΉΠΌ. ΠΡΠ΄Π΅Π»ΡΡΡ 4 ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠΈ ΡΠΊΡΠ°Π½Π° Π΄Π»Ρ Android-ΡΡΡΡΠΎΠΉΡΡΠ²: LDPI, MDPI, HDPI, XHDPI, XXHDPI (ΠΏΠΎΠΊΠ° Π½Π΅ Π±Π΅ΡΡΠΌ Π² ΡΠ°ΡΡΡΡ). ΠΠΎΡΡΠΎΠΌΡ, ΡΡΠΎΠ±Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΈΠΌΠ΅Π»ΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΉ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ°Π·ΠΌΠ΅Ρ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ ΡΠ°Π·Π½ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ², ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΡ Google Π²Π²Π΅Π»Π° Π°Π±ΡΡΡΠ°ΠΊΡΠ½ΡΡ Π΅Π΄ΠΈΠ½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ β DP.
ΠΠ΅ Π±ΡΠ΄Π΅ΠΌ Π²Π΄Π°Π²Π°ΡΡΡΡ Π² ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΠΈ ΠΎΡΠΊΡΠ΄Π° ΠΏΠΎΡΠ²Π»ΡΡΡΡΡ ΡΡΠΈ ΡΠΈΡΡΡ, Π° Π΄Π»Ρ ΡΠ΅Π±Ρ Π·Π°ΠΏΠΎΠΌΠ½ΠΈΠΌ, ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ dp ΡΠ°Π²Π΅Π½ ΠΎΠ΄Π½ΠΎΠΌΡ ΡΠΈΠ·ΠΈΡΠ΅ΡΠΊΠΎΠΌΡ ΠΏΠΈΠΊΡΠ΅Π»Ρ Π΄Π»Ρ ΡΠΊΡΠ°Π½ΠΎΠ² Ρ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡΡ MDPI. Π‘ΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ, Π΄Π»Ρ XHDPI-ΡΠΊΡΠ°Π½ΠΎΠ², 1 dp Π±ΡΠ΄Π΅Ρ ΡΠ°Π²Π΅Π½ 2 px (ΡΠ°ΠΊΠ°Ρ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Ρ Google Nexus 4).
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠ°Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ
Π’Π΅ΠΏΠ΅ΡΡ ΠΏΡΠΈΡΡΡΠΏΠ°Π΅ΠΌ ΠΊ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ. ΠΠ°Π»ΡΡΠ΅ Π±ΡΠ΄Π΅Ρ ΠΎΠΏΠΈΡΠ°Π½ ΠΌΠΎΠΉ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠ°Π±ΠΎΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π»ΡΡ ΠΎΠΏΡΡΠ½ΡΠΌ ΠΏΡΡΠ΅ΠΌ. ΠΠ°Π΄Π΅ΡΡΡ, ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π²Π°ΠΌ ΠΏΠΎΠ»Π΅Π·Π΅Π½.
Metrics
ΠΡΠ°ΠΊ, ΠΏΠ°ΠΏΠΊΠ° Metrics Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ°ΠΉΠ»Ρ Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΎΡΡΡΡΠΏΠ°ΠΌΠΈ ΠΌΠ΅ΠΆΠ΄Ρ Π½ΠΈΠΌΠΈ ΠΈ ΠΎΡ ΠΊΡΠ°Ρ ΡΠΊΡΠ°Π½Π°, ΡΠ²Π΅ΡΠ° ΠΎΠ΄Π½ΠΎΡΠΎΠ½Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β ΡΠΎ, ΡΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ°Π·Π΄Π΅Π»ΠΈΡΠ΅Π»ΠΈ).
ΠΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΡΠΊΠ°Π·Π°Π½Ρ Π² DP.
Π― Π΄Π΅Π»Π°Ρ ΠΌΠ°ΠΊΠ΅ΡΡ Π΄Π»Ρ XHDPI-ΡΠΊΡΠ°Π½ΠΎΠ² (768Γ1280, Nexus 4). Π ΠΊΠ°ΠΊ ΠΌΡ ΠΏΠΎΠΌΠ½ΠΈΠΌ, Π΄Π»Ρ XHDPI 1 dp = 2 px. ΠΠΎ ΡΠ°ΠΊ ΠΊΠ°ΠΊ Photoshop, Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ, Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ dp, Π° ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ ΠΏΠΈΠΊΡΠ΅Π»ΡΠΌΠΈ, ΡΠΎ ΡΠ½Π°ΡΠ°Π»Π° Ρ Π΄Π΅Π»Π°Ρ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ 1 dp ΡΠΎΠ²Π½ΡΠ»ΡΡ 1 px. ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ Π² Image, ΠΆΠΌΡΠΌ Image Size, ΠΈ Π²ΡΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 50%. ΠΠΎΡΠΎΠ²ΠΎ, ΡΠ΅ΠΏΠ΅ΡΡ 1 dp = 1 px.
ΠΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΡΡΡΠΏΠΈΡΡ, ΡΠ°ΠΊ ΡΠΊΠ°Π·Π°ΡΡ, ΠΊ Β«ΠΎΠ±ΡΠ°Π·ΠΌΠ΅ΡΠΈΠ²Π°Π½ΠΈΡΒ» ΠΌΠ°ΠΊΠ΅ΡΠ°. ΠΠ΅Π»Π°ΡΡ ΡΡΠΎ Π²ΡΡΡΠ½ΡΡ Π±ΡΠ»ΠΎ ΠΎΡΠ΅Π½Ρ ΡΡΠΎΠΌΠΈΡΠ΅Π»ΡΠ½ΠΎ, ΠΈ Π½Π΅Π΄Π°Π²Π½ΠΎ ΠΌΠ½Π΅ ΠΏΠΎΠΏΠ°Π»ΠΎΡΡ Π½Π° Π³Π»Π°Π·Π° ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠ΅ ΡΠ°cΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ Photoshop.
PNG EXPRESS β ΠΏΠ»Π°ΡΠ½ΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅, ΡΡΠΎΠΈΡ 29 Π±Π°ΠΊΡΠΎΠ². ΠΠΎ ΠΎΠ½ΠΎ ΡΠ΅Π°Π»ΡΠ½ΠΎ ΡΠΎΠ³ΠΎ ΡΡΠΎΠΈΡ. ΠΠ»Ρ Photoshop, Π½Π°ΡΠΈΠ½Π°Ρ Ρ Π²Π΅ΡΡΠΈΠΈ CS5. ΠΠ½ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄Π΅Π»Π°ΡΡ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ Π²Π΅ΡΠ΅ΠΉ, Π½ΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΅Π³ΠΎ, ΠΈΠΌΠ΅Π½Π½ΠΎ, Π΄Π»Ρ Β«ΠΎΠ±ΡΠ°Π·ΠΌΠ΅ΡΠΈΠ²Π°Π½ΠΈΡΒ».
ΠΡΠΈΠΌΠ΅Ρ
Π¨Π°Π³ 1. ΠΠΎΠΏΡΡΡΠΈΠΌ, Π½Π°ΠΌ Π½Π°Π΄ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ X (ΡΠ΄Π°Π»ΠΈΡΡ) ΠΈ ΡΠ΅ΠΊΡΡΠΎΠΌ Discard.
Π¨Π°Π³ 2. ΠΡΠΎΡΡΠΎ Π²ΡΠ΄Π΅Π»ΡΠ΅ΠΌ ΡΡΠΈ Π΄Π²Π° ΡΠ»ΠΎΡ Π² Photoshop ΠΈ Π² PNG EXPRESS ΠΆΠΌΠ΅ΠΌ Margins.
Π¨Π°Π³ 3. Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΌΠΎ Π½Π°ΡΠΈΡΡΠ΅Ρ ΡΠ°Π·ΠΌΠ΅ΡΡ. ΠΡΠ»ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»ΡΡ Π½Π΅Π²Π΅ΡΠ½ΡΠΌ, Π½Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΠΉ ΠΊΠΎΡΡΠΊ, ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌ Π΅Π³ΠΎ ΠΊΠ°ΠΊ ΠΎΠ±ΡΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ»ΠΎΠΉ Photoshop.
Π₯ΠΎΡΡ ΠΌΡ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ Π½Π΅ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΏΡΠΎΡΠ΅ΡΡ, Π²ΡΡ ΠΆΠ΅ ΡΡΠΎ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ ΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ ΠΊΡΡΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.
Fonts
ΠΠ°ΠΏΠΊΠ° Fonts Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ°ΠΉΠ»Ρ ΡΠΎ Π²ΡΠ΅ΠΌ, ΡΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΡΡΠΈΡΡΠΎΠ²: ΡΠ°Π·ΠΌΠ΅Ρ, ΡΠ²Π΅Ρ, Π½Π°ΡΠ΅ΡΡΠ°Π½ΠΈΠ΅, Photoshop-ΡΡΠΈΠ»ΠΈ ΠΈ Ρ.Π΄. Π― Π²ΡΠ½Π΅Ρ Π΅Π΅ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ ΠΎΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ², ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ°ΠΌ Π±ΡΠ»ΠΎ Π»Π΅Π³ΡΠ΅ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ Π² ΡΠ°ΠΊΠΎΠΌ Π±ΠΎΠ»ΡΡΠΎΠΌ ΠΎΠ±ΠΈΠ»ΠΈΠΈ Π²ΡΠ½ΠΎΡΠΎΠΊ, ΡΠ΅ΠΌ ΡΠ°ΠΌΡΠΌ ΡΠΎΠΊΡΠ°ΡΠΈΠ² ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΎΡΠΈΠ±ΠΎΠΊ.
ΠΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΡΠΈΡΡΠΎΠ² Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΡΠΊΠ°Π·Π°Π½Ρ Π² SP
1 SP = 1 DP, Π΅ΡΠ»ΠΈ Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. ΠΡΠ»ΠΈ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΠΎ Π·ΡΠ΅Π½ΠΈΠ΅ΠΌ, ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ ΡΠΈΡΡΠ΅ΠΌΡ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡ ΡΡΠΈΡΡ. ΠΡΠ»ΠΈ Π²Ρ Π·Π°Π΄Π°Π»ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° Π² SP, ΡΠΎ Π²Π°ΡΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΡΡΡΠΎΠΈΡΡΡ ΠΏΠΎΠ΄ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ ΡΠ°ΠΊΠΆΠ΅ ΡΠ²Π΅Π»ΠΈΡΠΈΡ ΡΡΠΈΡΡ. ΠΡΠ»ΠΈ Π² Π΄ΡΡΠ³ΠΈΡ Π΅Π΄ΠΈΠ½ΠΈΡΠ°Ρ , ΡΠΎ ΡΡΠΈΡΡ ΠΎΡΡΠ°Π½Π΅ΡΡΡ Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΡΠΌ.
ΠΡΠΈΠΌΠ΅Ρ
Π¨Π°Π³ 1. ΠΡΠ»ΠΈ Π½Π°ΠΌ Π½Π°Π΄ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΡΡΠΈΡΡ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Done, ΡΠΎ
Π¨Π°Π³ 2. ΠΡΠ΄Π΅Π»ΡΠ΅ΠΌ ΡΡΠΎΡ ΡΠ»ΠΎΠΉ Π² Photoshop ΠΈ Π² PNG EXPRESS ΠΆΠΌΠ΅ΠΌ Spec Font Features.
Π¨Π°Π³ 3. ΠΠΎΠ»ΡΡΠΈΠ»ΠΈ ΠΏΠΎΠ»Π½ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΡΠΈΡΡΠ°.
ΠΠΏΡΡΡ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΠ»ΠΈ ΠΊΡΡΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.
Resources
ΠΠ°ΠΏΠΊΠ° Res Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ ΡΠ΅ΡΡΡΡΡ Π³ΡΠ°ΡΠΈΠΊΠΈ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΡΠΎ 4 ΠΏΠΎΠ΄ΠΏΠ°ΠΏΠΊΠΈ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠΈ ΡΠΊΡΠ°Π½Π°.
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄ΡΡΠ³ΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅.
Cut & Slice me β Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ Photoshop. Π’ΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ CS6. ΠΠ½ΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π΄Π΅Π»Π°ΡΡ Π²ΡΡ ΡΡΡ ΡΠ°Π±ΠΎΡΡ Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠ»ΠΈΠΊ.
ΠΠ·Π½Π°ΡΠ°Π»ΡΠ½ΠΎ Π½Π°Ρ PSD-ΠΌΠ°ΠΊΠ΅Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π΄Π»Ρ XHDPI.
ΠΡΠΈΠΌΠ΅Ρ
Π¨Π°Π³ 1. ΠΠ°ΠΌ Π½Π°Π΄ΠΎ Π½Π°ΡΠ΅Π·Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄Π»Ρ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
Π¨Π°Π³ 2. ΠΠ°ΠΆΠ΄ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΠΌ Π² ΠΏΠ°ΠΏΠΊΡ, Π² ΠΊΠΎΠ½Π΅Ρ Π½Π°Π·Π²Π°Π½ΠΈΡ ΠΊΠΎΡΠΎΡΠΎΠΉ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ @. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΠΊΡΠΈΠΏΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ, ΡΡΠΎ ΡΡΡ ΠΏΠ°ΠΏΠΊΡ Π½Π°Π΄ΠΎ Π½Π°ΡΠ΅Π·Π°ΡΡ.
Π¨Π°Π³ 3. ΠΠ΅ΡΠ΅Ρ
ΠΎΠ΄ΠΈΠΌ Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΡ Android, ΠΆΠΌΠ΅ΠΌ Cut all assets.
Π¨Π°Π³ 4. Π Π°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π°Π²ΡΠΎΠΌΠ°ΡΠΎΠΌ Π½Π°ΡΠ΅Π·Π°Π΅Ρ Π½Π°ΡΠΈ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π΄Π»Ρ 4-Ρ
Π½ΡΠΆΠ½ΡΡ
ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠ΅ΠΉ ΡΠΊΡΠ°Π½Π° ΠΈ ΠΏΠΎΠΌΠ΅ΡΠ°Π΅Ρ ΠΈΡ
Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΠΏΠ°ΠΏΠΊΠΈ.
ΠΡΡΠ°Π²ΡΠΈΠ΅ΡΡ Π΄Π²Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Cut & Slice me Π΄Π»Ρ Π½Π°ΡΠ΅Π·ΠΊΠΈ ΠΈΠ· Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠΌ ΠΏΠΎΠ΄ΠΏΠ°ΠΏΠΊΠΈ ΠΈ ΡΠ΅ΠΊΡΡΠ΅Π³ΠΎ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ»ΠΎΡ.
ΠΠ½ΠΎΠ³Π΄Π° Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Β«ΠΌΡΠ»ΡΠ½ΡΡ Β» ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, ΡΠΎ Π΅ΡΡΡ ΠΊΠΎΠ³Π΄Π° ΠΈΠΊΠΎΠ½ΠΊΠ° Π½Π΅ ΠΏΠΎΠΏΠ°Π΄Π°Π΅Ρ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅ΡΠΊΡ ΠΏΡΠΈ ΡΠ΅ΡΠ°ΠΉΠ·Π΅. ΠΠΎΡΡΠΎΠΌΡ Π½Π°Π΄ΠΎ ΠΏΡΠΎΠΉΡΠΈΡΡ ΠΏΠΎ ΠΏΠ°ΠΏΠΊΠ°ΠΌ, ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²ΠΎ Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΠΎΠΉ ΡΠΊΡΠΈΠΏΡΠΎΠΌ ΡΠ°Π±ΠΎΡΡ. ΠΡΠ»ΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ, ΠΏΠΎΠΏΡΠ°Π²ΠΈΡΡ Π²ΡΡΡΠ½ΡΡ. ΠΠΏΡΡΡ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΠ»ΠΈ ΠΊΡΡΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.
9.PNG
Π Π΅ΡΠ΅ ΠΏΡΠΎ Π³ΡΠ°ΡΠΈΠΊΡ. ΠΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΏΠ»Π°ΡΠΊΠΈ Π΄Π»Ρ Android Π½Π°ΡΠ΅Π·Π°ΡΡΡΡ Π½Π΅ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, Π° Π΄Π΅Π»Π°ΡΡΡΡ Β«ΡΠ΅Π·ΠΈΠ½ΠΎΠ²ΡΠΌΠΈΒ».
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠΎΡΠΌΠ°Ρ 9.png. ΠΠ΅Π»Π°ΡΡΡ ΡΠ°ΠΊΠΈΠ΅ ΡΠ°ΠΉΠ»Ρ ΠΈΠ· ΠΎΠ±ΡΡΠ½ΡΡ png Π² NinePatchEditor. ΠΠΎ ΡΡΡΠΈ, ΠΊ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΠΏΠΈΠΊΡΠ΅Π»Ρ, Π·Π°Π»ΠΈΡΡΠΉ ΡΠ΅ΡΠ½ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ. Π§Π΅ΡΠ½ΡΠΉ ΠΏΠΈΠΊΡΠ΅Π»Ρ ΡΠ»Π΅Π²Π° ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° ΡΠΎ, ΠΊΠ°ΠΊ Π±ΡΠ΄Π΅Ρ Β«ΡΡΠ½ΡΡΡΡΡΒ» Π²Π°ΡΠ° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ, ΡΠ²Π΅ΡΡ Ρ β Π·Π° Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»Ρ. ΠΠΈΠΊΡΠ΅Π»Ρ ΡΠΏΡΠ°Π²Π° ΠΈ ΡΠ½ΠΈΠ·Ρ β Π·Π° ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΡΠ½Π° Π²Π½ΡΡΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΡΡ!
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅: ΠΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π§Π°ΡΡΡ 2: iOS, Windows Phone
habr.com
ΠΠ°ΠΊ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΠΌΠ°ΠΊΠ΅Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΊ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΠ΅ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ?
ΠΠ»ΠΈ Β«ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΡΠ°ΡΡΠ»ΠΈΠ²ΡΠΌ, Π° ΡΠΈΠ½Π°Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠΎΡΠ½ΠΎ ΡΠ²Π΅ΡΡΡΠ°Π½Π½ΡΠΌ ΠΏΠΎ ΠΌΠ°ΠΊΠ΅ΡΡΒ».

ΠΠ°ΠΆΠ΄ΠΎΠΌΡ, ΠΊΡΠΎ ΡΠ°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°ΡΠ΅ ΡΠ²ΡΠ·Π°Π½ Ρ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΉ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΎΠΉ, Π·Π½Π°ΠΊΠΎΠΌΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΠΈ ΡΠ°Π·Π½ΠΎΠ³Π»Π°ΡΠΈΡ, Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡΠΈΠ΅ Π½Π° ΡΡΡΠΊΠ΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ° ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ° ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΠ³Π΄Π° ΡΠ΅ΡΡ Π·Π°Ρ ΠΎΠ΄ΠΈΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΡ.
ΠΡΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡΠΎΠ²Π°Π² ΡΠ²ΠΎΠΉ ΠΌΠ½ΠΎΠ³ΠΎΠ»Π΅ΡΠ½ΠΈΠΉ ΠΎΠΏΡΡ ΡΠ°Π±ΠΎΡΡ, Ρ Ρ ΡΠ²Π΅ΡΠ΅Π½Π½ΠΎΡΡΡΡ ΠΌΠΎΠ³Ρ ΡΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ:
ΠΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΡΠΈΡΠ°Π΅ΡΡΡ Π·Π°ΠΊΠΎΠ½ΡΠ΅Π½Π½ΡΠΌ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ ΠΏΠ΅ΡΠ΅Π΄Π°Π½Ρ Π²ΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄Π»Ρ Π΅Π³ΠΎ Π²Π΅ΡΡΡΠΊΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ, Π° ΡΡΠΎ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΌΠ°ΠΊΠ΅Ρ.
ΠΡΠ½ΠΎΠ²Π½ΠΎΠ΅, ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΎΡ Π²Π°Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ:
- ΠΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΠΉ Π² Sketch, Figma, XD, Photoshop, Illustrator, Π² Π²ΠΈΠ΄Π΅ ΡΠ°ΠΉΠ»Π° ΠΈΠ»ΠΈ ΡΡΡΠ»ΠΊΠΈ.
- ΠΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠΉ Π² Zeplin, Sympli ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΎΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ Β«ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΌΠ°ΠΊΠ΅ΡΠ° Π³Π»Π°Π·Π°ΠΌΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°Β», Π² Π²ΠΈΠ΄Π΅ ΡΡΡΠ»ΠΊΠΈ.
- ΠΠ°ΡΡΡ ΡΠΊΡΠ°Π½ΠΎΠ² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΡ Π² XMind, MS Visio ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΎΠΌ ΠΏΠΎΡ ΠΎΠΆΠ΅ΠΌ ΠΏΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ΅, Π² Π²ΠΈΠ΄Π΅ ΡΠ°ΠΉΠ»Π° ΠΈΠ»ΠΈ ΡΡΡΠ»ΠΊΠΈ.
- ΠΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ, Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΠΉ Π² Marvel, InVision ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΎΠΌ ΠΏΠΎΡ ΠΎΠΆΠ΅ΠΌ ΠΏΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ΅ (Sketch, XD, Figma, Framer, UXPin, ΠΈ ΠΏΡ.) Π² Π²ΠΈΠ΄Π΅ ΡΡΠ»ΡΠΊΠΈ.
- ΠΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π½ΡΠ΅ Π² Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅ΡΠ΅ Π΄Π»Ρ Π²ΡΠ΅Ρ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠ΅ΠΉ ΡΠΊΡΠ°Π½ΠΎΠ² Π² Π²ΠΈΠ΄Π΅ ΡΠ°ΠΉΠ»ΠΎΠ²: mdpi, hdpi, xhdpi, xxhpdi, xxxhdpi β Π΄Π»Ρ Android ΠΈ @1x, @2x, @3xβ Π΄Π»Ρ iOS.
- Π¨ΡΠΈΡΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π½ΡΠ΅ Π² Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅ΡΠ΅, Π² Π²ΠΈΠ΄Π΅ ΡΠ°ΠΉΠ»ΠΎΠ².
- ΠΠΈΠ΄Π΅ΠΎ-ΡΠ°ΠΉΠ»Ρ ΡΠΎ Π²ΡΠ΅ΠΌΠΈ Π½Π΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΡΠΌΠΈ ΠΈΠ»ΠΈ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΡ ΡΠ°ΠΊΠΈΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ ΠΈΠ· Π΄ΡΡΠ³ΠΈΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
ΠΠ΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΏΠΎΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅ΠΉ ΠΏΡΠΎ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΏΡΠ½ΠΊΡ.
ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΡΠ°ΠΌ ΠΌΠ°ΠΊΠ΅Ρ
ΠΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ Π² Π»ΡΠ±ΠΎΠΌ ΡΠ΄ΠΎΠ±Π½ΠΎΠΌ Π²Π°ΠΌ ΠΈ Π²Π°ΡΠ΅ΠΉ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ΅. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΡΡΠΎ Sketch, XD, Figma, Photoshop ΠΈΠ»ΠΈ Illustrator. ΠΡΡΠ³ΠΈΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ are fine as well, Π½ΠΎ Π»ΡΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎ-ΡΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΠΎΠ΅.
Π ΡΡΠΌ Π±Ρ Π²Ρ Π½ΠΈ ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ, Π΅ΡΡ ΡΠ°Π· ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅, Π²ΡΡ Π»ΠΈ Π²Π½ΡΡΡΠΈ ΠΌΠ°ΠΊΠ΅ΡΠ° Π² ΠΏΠΎΡΡΠ΄ΠΊΠ΅, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ:
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ pt Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π΅Π΄ΠΈΠ½ΠΈΡ ΠΈΠ·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ.
- ΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ΅ΡΠΊΠ° 8Γ8 pt Π΄Π»Ρ Android ΠΈ 10Γ10 pt Π΄Π»Ρ iOS ΠΈ ΠΊ Π½Π΅ΠΉ Π²ΠΊΠ»ΡΡΠ΅Π½Π° ΠΏΡΠΈΠ²ΡΠ·ΠΊΠ° (Π° Π½Π΅ ΠΊ ΠΏΠΈΠΊΡΠ΅Π»Ρ).
- ΠΡΠ΅ Π°ΡΡΠ±ΠΎΡΠ΄Ρ ΡΠΎΠ·Π΄Π°Π½Ρ Π΄Π»Ρ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ppi (Π² @1x ΠΈΠ»ΠΈ mdpi).
- ΠΡΠ΅ Π°ΡΡΠ±ΠΎΡΠ΄Ρ, Π³ΡΡΠΏΠΏΡ ΠΈ, ΠΏΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ, Π²ΡΠ΅ ΡΠ»ΠΎΠΈ Π°Π΄Π΅ΠΊΠ²Π°ΡΠ½ΠΎ ΠΏΡΠΎΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Ρ (Β«Rectangle copy 59Β» ΠΈΠ»ΠΈ Β«Group 12Β» Π±ΡΡΡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ).
- ΠΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ ΠΏΠΎΠΌΠ΅ΡΠ΅Π½Ρ ΠΊΠ°ΠΊ Β«exportableΒ» ΠΈ ΠΈΠΌΠ΅ΡΡ ΠΏΠΎΠ½ΡΡΠ½ΡΠ΅ ΠΈΠΌΠ΅Π½Π°.
- ΠΠ΅Ρ ΠΏΡΡΡΡΡ ΠΈΠ»ΠΈ Π½Π΅Π΄ΠΎΠ΄Π΅Π»Π°Π½Π½ΡΡ ΡΠΊΡΠ°Π½ΠΎΠ², ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
π ΠΠ°ΡΠ΅ΠΌ ΡΡΠΎ? ΠΡΠΎ ΠΏΡΠΎΡΡΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ ΠΊΠ°ΡΠ΅ΡΡΠ²Π°. ΠΡΠ»ΠΈ ΠΌΠ°ΠΊΠ΅Ρ ΡΠ΄Π΅Π»Π°Π½ Π½Π΅ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎ, ΡΠΎ ΡΡΠΎ ΡΠ°ΠΊ ΠΈΠ»ΠΈ ΠΈΠ½Π°ΡΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Ρ ΠΊ ΠΊΠΎΠ½ΡΠ»ΠΈΠΊΡΡ ΠΈΠ»ΠΈ ΠΏΡΠ°Π²ΠΊΠ°ΠΌ. ΠΡΡΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Ρ ΠΎΡΠΎΡΠΎ ΡΡΠ°Π·Ρ.
ΠΠ°ΠΊΠ΅Ρ Π΄Π»Ρ Β«ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π³Π»Π°Π·Π°ΠΌΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°Β»
ΠΠ°ΠΊΠ΅Ρ Π½ΡΠΆΠ½ΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡ Π² Zeplin ΠΈΠ»ΠΈ Sympli. ΠΡ ΠΈΠ»ΠΈ ΡΠ³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΡΡΠ»ΠΊΡ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°, Π΅ΡΠ»ΠΈ Π²Ρ ΡΠ°Π±ΠΎΡΠ°Π΅ΡΠ΅ Π² Figma ΠΈΠ»ΠΈ Sketch.
π ΠΠ°ΡΠ΅ΠΌ ΡΡΠΎ? ΠΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΌΠΎΠ³ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π²ΡΠ΅ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ (ΠΎΡΡΡΡΠΏΡ, ΡΠ°Π·ΠΌΠ΅ΡΡ, ΡΠ²Π΅ΡΠ°, Π½Π°Π·Π²Π°Π½ΠΈΡ ΡΡΠΈΡΡΠΎΠ² ΠΈ ΠΏΡ.) ΠΈ ΠΏΡΠΈ ΡΡΠΎΠΌ Π½Π΅ ΠΎΡΠΊΡΡΠ²Π°ΡΡ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΠ» Ρ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅ΡΠΎΠΌ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ, ΠΊ ΡΠ»ΠΎΠ²Ρ, Ρ Π½Π΅Π³ΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΈ Π½Π΅ Π±ΡΡΡ.
ΠΠ°ΡΡΠ° ΡΠΊΡΠ°Π½ΠΎΠ²
ΠΠ°ΡΡΠ° ΡΠΊΡΠ°Π½ΠΎΠ² β ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΡΡΠ°ΠΆΠ°Π΅Ρ Π² ΡΠ΅Π±Π΅ Π²ΡΠ΅ ΡΠΊΡΠ°Π½Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈ Π²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΠΌΠ΅ΠΆΠ΄Ρ Π½ΠΈΠΌΠΈ.
ΠΠ΅ ΡΠ°ΠΌΡΠΉ Π½Π°Π³Π»ΡΠ΄Π½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ, Π½ΠΎ ΠΏΡΠΈ Π±Π»ΠΈΠΆΠ°ΠΉΡΠ΅ΠΌ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π½ΠΈΠΈ Π²ΡΡ ΠΏΠΎΠ½ΡΡΠ½ΠΎΠΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠΈΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅, ΠΈΠ½ΠΈΡΠΈΠΈΡΡΡΡΠ΅Π΅ Π΅Π³ΠΎ (ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ, Π½Π°ΠΆΠ°ΡΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ»ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΠΆΠ΅ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ). ΠΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΡΠΊΡΠ°Π½ΠΎΠ² Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½ΠΎΠΌΠ΅Ρ ΠΈΠ»ΠΈ Π½Π°Π·Π²Π°Π½ΠΈΠ΅).
ΠΠ°ΡΡΡ ΡΠΊΡΠ°Π½ΠΎΠΌ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΡΠΈΡΠΎΠ²Π°ΡΡ Π² ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°Ρ Π΄Π»Ρ ΡΠΎΡΡΠ°Π²Π»Π΅Π½ΠΈΡ mindmapβΠΎΠ². ΠΠΎΠΈ Π»ΡΠ±ΠΈΠΌΡΠ΅, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, XMind ΠΈ MS Visio.
π ΠΠ°ΡΠ΅ΠΌ ΡΡΠΎ? ΠΠ°ΡΡΠ° ΡΠΊΡΠ°Π½ΠΎΠ² ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ Ρ Π»ΠΎΠ³ΠΈΠΊΠΎΠΉ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠ· Π½Π΅Π΅ ΠΎΠ½ ΡΡΠ°Π·Ρ ΠΏΠΎΠ»ΡΡΠΈΡ ΠΎΡΠ²Π΅ΡΡ Π² ΡΡΠΈΠ»Π΅ Β«ΡΡΠΎ Π±ΡΠ΄Π΅Ρ, Π΅ΡΠ»ΠΈ Π½Π°ΠΆΠ°ΡΡ Π½Π° ΡΡΠΎ?Β».
ΠΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ
ΠΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ β ΡΡΠΎ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ, ΡΠ΅Π»Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π² Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ, ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΡΠΎΠ³Π»Π°ΡΠ½ΠΎ Π²Π°ΡΠ΅ΠΉ Π·Π°Π΄ΡΠΌΠΊΠ΅.
ΠΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π² Marvelπ ΠΠ°ΡΠ΅ΠΌ ΡΡΠΎ? ΠΠΎ ΡΠ΅ΠΌ ΠΆΠ΅ ΡΠΎΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌ, ΡΡΠΎ ΠΈ ΠΊΠ°ΡΡΠ° ΡΠΊΡΠ°Π½ΠΎΠ². ΠΠ΄Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ Π΄ΡΡΠ³ΠΈΠΌ. ΠΠΎ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ Π±ΠΎΠ»Π΅Π΅ Π½Π°Π³Π»ΡΠ΄Π΅Π½ Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΠΈ Π΄Π»Ρ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°.
ΠΠΊΡΠΏΠΎΡΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ
ΠΡΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΡΠ°Π·Π»ΠΎΠΆΠΈΡΡ ΠΏΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΌ ΠΏΠ°ΠΏΠΊΠ°ΠΌ Π²ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π½ΡΠ΅ Π² ΠΌΠ°ΠΊΠ΅ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ PNG Π΄Π»Ρ Π²ΡΠ΅Ρ 6-ΡΠΈ ΠΏΠ»ΠΎΡΠ½ΠΎΡΡΠ΅ΠΉ ΡΠΊΡΠ°Π½ΠΎΠ² (mdpi, hdpi, xhdpi, xxhpdi, xxxhdpi) Π΄Π»Ρ Android ΠΈ 3-Ρ (@1x, @2x, @3x) Π΄Π»Ρ iOS. Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ SVG, ΡΠΎΠ³Π΄Π° Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡ ΡΠ°ΠΉΠ»Ρ.
ΠΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ Π²ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π°Π΄Π΅ΠΊΠ²Π°ΡΠ½ΠΎ ΠΏΡΠΎΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½Ρ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°ΠΌΠΈ:
- Π’ΠΎΠ»ΡΠΊΠΎ Π»Π°ΡΠΈΠ½ΠΈΡΠ°.
- ΠΠΌΠ΅ΡΡΠΎ ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² Π½ΠΈΠΆΠ½Π΅Π΅ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°Π½ΠΈΠ΅.
- Π’ΠΎΠ»ΡΠΊΠΎ Π½ΠΈΠΆΠ½ΠΈΠΉ ΡΠ΅Π³ΠΈΡΡΡ.
- ΠΠ»Ρ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΏΡΠ΅ΡΠΈΠΊΡ Β«ic_Β», Π΄Π»Ρ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΉ Β«ill_Β», Π΄Π»Ρ ΡΠΎΡΠΎ Β«pic_Β».
ΠΡΠΎΠ³ΠΎ, Ρ Π²Π°Ρ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠ»ΡΡΠΈΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ°Ρ ΡΡΡΡΠΊΡΡΡΠ°:
π ΠΠ°ΡΠ΅ΠΌ ΡΡΠΎ? ΠΡΠ»ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π±ΡΠ΄Π΅Ρ ΡΠ°ΠΌ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΡΠΎ ΡΡΠΎ-ΡΠΎ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠΉΠ΄Π΅Ρ Π½Π΅ ΡΠ°ΠΊ. ΠΠΎΠ΅Π΄Π΅Ρ ΡΠ²Π΅Ρ, ΠΈΠΊΠΎΠ½ΠΊΠΈ ΡΡΠ°Π½ΡΡ ΠΌΡΠ»ΡΠ½ΡΠΌΠΈ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. Π ΡΠΎΠΌΡ ΠΆΠ΅, ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π²ΡΠ½ΡΠΆΠ΄Π΅Π½ ΠΏΠΎΡΡΠ°ΡΠΈΡΡ Π²ΡΠ΅ΠΌΡ Π½Π° ΡΠΎ, ΡΡΠΎΠ±Ρ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ Ρ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ ΠΈΡ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΠΊΠ°ΠΊ Π½Π°Π·Π²Π°ΡΡ, Π²ΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΊΠΎΠ΄ΠΈΡΡ. ΠΡΡΡΠ΅ ΠΈΠ·Π±Π΅ΠΆΠ°ΡΡ ΡΡΠΎΠ³ΠΎ ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΡΡ ΡΠ°ΠΌΠΎΠΌΡ. Π’ΠΎΠ³Π΄Π° ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΏΡΠΎΡΡΠΎ ΡΠΊΠΎΠΏΠΈΡΡΠ΅Ρ Π²ΡΡ Π² Android Studio ΠΈΠ»ΠΈ XCode ΠΈ Π±ΡΠ΄Π΅Ρ ΡΡΠ°ΡΡΠ»ΠΈΠ².
Π¨ΡΠΈΡΡΡ
ΠΡΠΆΠ½ΠΎ ΡΠ»ΠΎΠΆΠΈΡΡ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΠΏΠ°ΠΏΠΊΡ Π²ΡΠ΅ ΡΡΠΈΡΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π½ΡΠ΅ Π² ΠΌΠ°ΠΊΠ΅ΡΠ΅. ΠΡΠ»ΠΈ ΡΡΠΎ ΠΏΠ»Π°ΡΠ½ΡΠΉ ΡΡΠΈΡΡ, ΡΠΎ ΡΡΡΠ»ΠΊΡ Π½Π° ΠΌΠ΅ΡΡΠΎ, Π³Π΄Π΅ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΡΠΏΠΈΡΡ. ΠΠΎ Π»ΡΡΡΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΡΠΈΡΡΡ.
π ΠΠ°ΡΠ΅ΠΌ ΡΡΠΎ? ΠΡΠ»ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΊΠ°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π½ΡΠ΅ Π²Π°ΠΌΠΈ ΡΡΠΈΡΡΡ ΡΠ°ΠΌ, ΡΠΎ Π΅ΡΡΡ Π²Π΅ΡΠΎΡΡΠ½ΠΎΡΡΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΎΠ½ Π½Π°ΠΉΠ΄Π΅Ρ Π½Π΅ ΡΠΎΡ ΡΡΠΈΡΡ ΠΈΠ»ΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΡΠ°ΡΠ΅Π²ΡΡΡ Π²Π΅ΡΡΠΈΡ ΡΡΠΈΡΡΠ°. ΠΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΡΡΠ°ΡΠΈΡΡ 2 ΠΌΠΈΠ½ΡΡΡ ΠΈ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΡΡΠΈΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ.
ΠΠΈΠ΄Π΅ΠΎ Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡΠΌΠΈ
ΠΡΠ»ΠΈ Π²Ρ ΡΠ΄Π΅Π»Π°Π»ΠΈ ΠΎΡΠ΅Π½Ρ ΠΊΠ»Π΅Π²ΡΡ Π½Π΅ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π² After Effects ΠΈΠ»ΠΈ Principle ΠΈ Ρ ΠΎΡΠΈΡΠ΅ Π΅Ρ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ, ΡΠΎ Π΅Ρ ΡΠΎΠΆΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΠΏΠ΅ΡΠ΅Π΄Π°ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ. ΠΠΎΠΆΠ½ΠΎ ΠΊΠ°ΠΊ Π² Π²ΠΈΠ΄Π΅ΠΎ-ΡΠΎΡΠΌΠ°ΡΠ΅, ΡΠ°ΠΊ ΠΈ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ GIF.
ΠΡΠ»ΠΈ ΠΆΠ΅ Π²Ρ ΠΏΡΠΎΡΡΠΎ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Β«ΠΊΠ°ΠΊ Π²ΠΎΡ Π² ΡΡΠΎΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈΒ», ΡΠΎ Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΡ ΡΠ°ΠΊΠΈΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ.
π ΠΠ°ΡΠ΅ΠΌ ΡΡΠΎ? ΠΡΠ»ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π½Π΅ ΡΠ²ΠΈΠ΄ΠΈΡ Π²Π°ΡΠ΅ΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΠΎΠ½ ΠΏΡΠΎΡΡΠΎ Π΅Ρ Π½Π΅ ΡΠ΅Π°Π»ΠΈΠ·ΡΠ΅Ρ ΠΈ Π²Π°ΡΠ° Π·Π°Π΄ΡΠΌΠΊΠ° ΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ Π»ΠΈΡΡ Π·Π°Π΄ΡΠΌΠΊΠΎΠΉ.
ΠΡΠΎΠ³ΠΎ
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΠΈΠ½Π°Π»ΡΠ½ΡΠΉ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠΉ ZIP-Π°ΡΡ ΠΈΠ², ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠ΄Π°Π΅ΡΡΡ ΡΡΠ°ΡΡΠ»ΠΈΠ²ΠΎΠΌΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊΡΡ ΡΡΡΡΠΊΡΡΡΡ:
ΠΡΠΎΠΌΠ΅ ΡΡΠΎΠ³ΠΎ Π² ΡΠ°ΠΉΠ»Π΅ ReadMe.TXT ΠΈΠ»ΠΈ Π² ΡΠΎΠΏΡΠΎΠ²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΌ ΠΏΠΈΡΡΠΌΠ΅ Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΡΠ»ΠΊΠΈ Π½Π°:
- ΠΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΎΡΠΎΡΠΈΠΏ, Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π½ΡΠΉ Π² Marvel, InVision (ΠΈΠ»ΠΈ Π² Sketch, XD, Figma, Framer, UXPin, ΠΈ ΠΏΡ.).
- ΠΠΈΠ·Π°ΠΉΠ½-ΠΌΠ°ΠΊΠ΅Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠΉ Π² Zeplin, Sympli (ΠΈΠ»ΠΈ Π² Π΄ΡΡΠ³ΠΎΠΉ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Π΄Π»Ρ Β«ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΌΠ°ΠΊΠ΅ΡΠ° Π³Π»Π°Π·Π°ΠΌΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°Β»).
designpub.ru