ΠΡΡΡΠΈΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠ΅ΡΡΡΡΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ Π² ΡΡΠΈΠ»Π΅ Material Design
ΠΡ astler / 3 ΠΌΠΈΠ½ΡΡ ΡΡΠ΅Π½ΠΈΡ / 23 ΡΠ½Π²Π°ΡΡ, 2020 12 ΠΈΡΠ½Ρ, 2021 / Android, Material Design, ΠΡΠ°ΡΠΈΠΊΠ°, Π Π΅ΡΡΡΡΡ
ΠΡΠΈΠ³ΠΈΠ½Π°Π»: 10 Best Free Material Design Icons Resources in 2018 for Inspiration
ΠΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠ°Ρ ΠΏΠ»Π°ΡΡΠΎΡΠΌΠ° Material Design ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ ΡΡΠ°Π½Π΄Π°ΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²Π΅Π±ΡΠ°ΠΉΡΠΎΠ² ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Ρ Π΅Π΄ΠΈΠ½ΡΠΌ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠΌ. ΠΡ ΠΎΠ±ΡΠ΅Π³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° β Π΄ΠΎ ΠΌΠ΅Π»ΡΡΠ°ΠΉΡΠΈΡ Π΄Π΅ΡΠ°Π»Π΅ΠΉ Π² Google Π΄ΠΎΠΊΠ°Π·Π°Π»ΠΈ, ΡΡΠΎ ΡΡΠΎ ΡΠΈΡΡΠΎΠ²ΠΎΠ΅ ΡΠΎΠ²Π΅ΡΡΠ΅Π½ΡΡΠ²ΠΎ. ΠΠΊΠΎΠ½ΠΊΠΈ ΠΈΠ³ΡΠ°ΡΡ Π² ΡΡΠΎΠΌ Π²ΡΠ΅ΠΌ Π±ΠΎΠ»ΡΡΡΡ ΡΠΎΠ»Ρ, Π²Π΅Π΄Ρ Π² ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈΠ³ΡΠ°ΡΡ ΡΠΎΠ»Ρ Π·Π½Π°ΡΠΈΠΌΡΡ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Π½Ρ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΠΎΡ 1 Π΄ΠΎ 4 ΡΠ»ΠΎΠ²! ΠΠ²ΡΠΎΡ Ρ ΠΎΡΠ΅Π» Π±Ρ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ 10 Π»ΡΡΡΠΈΠΌΠΈ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΌΠΈ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠ°ΠΌΠΈ ΠΈΡΠΊΠΎΠ½ΠΎΠΊ Π² ΡΡΠΈΠ»Π΅ MD. ΠΡΠΎΡΡΠΎ Π²ΡΠ±ΠΈΡΠ°ΠΉΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠ΅ ΠΈ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΡΠΉΡΠ΅ ΠΈΡ Π² ΡΠ²ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½!
1. Google Material Design Icons β Google Material Icons
Π€ΠΎΡΠΌΠ°ΡΡ: PNG, SVG
Π¦Π΅Π½Π°: ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΡ: ΠΠ΅Π±, Android, iOS
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ:
- ΠΠΎΠ»Π΅Π΅ 900+ ΠΈΠΊΠΎΠ½ΠΎΠΊ
- ΠΠΎΠ³ΡΡ Π±ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Ρ ΠΊΠ°ΠΊ ΠΈΠ· ΡΠ΅ΡΠ²Π΅ΡΠΎΠ² Google Web Font , ΡΠ°ΠΊ ΠΈ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π²ΡΠ΅ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ
- ΠΠΎΠ³ΡΡΡ Π±ΡΡΡ ΠΎΠΊΡΠ°ΡΠ΅Π½Ρ, ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Ρ ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½Ρ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ CSS
- ΠΡΠ½ΠΎΠ²Π°Π½Ρ Π½Π° Π²Π΅ΠΊΡΠΎΡΠ΅, Π° Π·Π½Π°ΡΠΈΡ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠΌΠΎΡΡΡΡΡΡ ΠΏΡΠΈ Π»ΡΠ±ΠΎΠΌ ΠΌΠ°ΡΡΡΠ°Π±Π΅
ΠΠ°Π½Π½ΡΠΉ ΡΠ°ΠΉΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ Π±ΠΎΠ»Π΅Π΅ 900 ΠΏΡΠ΅Π²ΠΎΡΡ
ΠΎΠ΄Π½ΡΡ
ΠΈΠΊΠΎΠ½ΠΎΠΊ. ΠΠ½ΠΈ Π΄ΠΎΡΡΡΠΏΠ½Ρ Π² ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ
, ΡΡΠΈΠ»ΡΡ
ΠΈ ΠΊΠ°ΠΊ Π²Π΅Π±-ΡΡΠΈΡΡ. ΠΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΠΏΡΠΎΠ΄ΡΠΌΠ°Π½Ρ ΠΈ ΠΏΡΠΎΡΡΡ Π² ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π² Π²Π΅Π±, Android ΠΈΠ»ΠΈ iOS ΠΏΡΠΎΠ΅ΠΊΡΠ°Ρ
.
Π€ΠΎΡΠΌΠ°ΡΡ: PNG, SVG (Π² Π»ΡΠ±ΠΎΠΌ ΡΠΎΡΠΌΠ°ΡΠ΅)
Π¦Π΅Π½Π°: Π ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ (Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΏΠ»Π°ΡΠ½ΡΠ΅)
ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΡ: ΠΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΠΠ΅Π±Π°, Android ΠΈΠ»ΠΈ iOS
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ:
- Π‘ΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΡΠΈΠ»ΡΠΌΠΈ
- ΠΠ΄ΠΈΠ½ΡΠΉ ΡΡΠΈΠ»Ρ. ΠΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΡΠ΄Π΅Π»Π°Π½Ρ ΠΎΠ΄Π½ΠΈΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠΌ, ΡΠ°ΠΊ ΡΡΠΎ ΠΠ°Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½ΠΎ
- Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π΅ΠΊΡΠΎΡΠΎΠ² (ΠΏΠ»Π°ΡΠ½ΠΎ)
- ΠΠ΅Π½Π΅ΡΠ°ΡΠΎΡ ΡΡΠΈΡΡΠΎΠ² ΠΈΠ· ΠΈΠ·Π±ΡΠ°Π½Π½ΡΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ (ΠΏΠ»Π°ΡΠ½ΠΎ)
- ΠΠ΅ΡΠ΅ΠΊΡΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΎΠΊ. ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²Π΅Ρ, ΠΈ ΡΠ°ΠΉΡ ΡΠ³Π΅Π½Π΅ΡΠΈΡΡΠ΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ Π²Π΅ΡΡΠΈΠΈ Π²Π°ΡΠ΅ΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ
- ΠΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠΎΡΡΡ Π² HTML. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΊΠΎΠ΄ Π΄Π»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΠΈΠΊΠΎΠ½ΠΎΠΌ ΠΏΡΡΠΌΠΎ Π² Π²Π°ΡΠ΅ΠΌ HTML
- Mac & Win ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π±ΡΡΡΡΠΎ ΠΈΡΠΊΠ°ΡΡ Π½ΡΠΆΠ½ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ Π€ΠΎΡΠΎΡΠΎΠΏΠΎΠΌ
ΠΡ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ Π΄ΠΎΡΡΡΠΏ ΠΊ 4,400 ΠΌΠ°ΡΠ΅ΡΠΈΠ»ΡΠ½ΡΡ
ΠΈΠΊΠΎΠ½ΠΎΠΊ Π² Π»ΡΠ±ΠΎΠΌ ΡΠΎΡΠΌΠ°ΡΠ΅, ΡΠ°Π·ΠΌΠ΅ΡΠ΅ ΠΈ ΡΠ²Π΅ΡΠ΅ Π·Π° 20 ΡΠ΅ΠΊΡΠ½Π΄. Π’ΡΡ Π΅ΡΡΡ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π²ΡΠΎΠ΄Π΅ Facebook, Twitter, Youtube ΠΈ Π²ΡΠ΅ Π²ΠΈΠ΄Ρ ΡΡΡΠ΅Π»ΠΎΡΠ΅ΠΊ. Π’Π°ΠΊ ΠΆΠ΅ Π΅ΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅, Π²ΡΠΎΠ΄Π΅ Π΄ΠΎΠΌΠΎΠΉ, ΡΠ΅Π»Π΅ΡΠΎΠ½, Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ. ΠΡΠ΅ΡΠ΅ ΡΡΠΎ-ΡΠΎ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΠΎΠ΅? ΠΠ°ΠΌ ΡΡΠ΄Π°!
3. Material Design Icons
Π€ΠΎΡΠΌΠ°ΡΡ: PNG, SVG, XAML
Π¦Π΅Π½Π°: ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΡ: ΠΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ:
- ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠ°Π·Π΄Π΅Π»ΡΠ½ΠΎΠΉ Π·Π°Π³ΡΡΠ·ΠΊΠΈ
- ΠΠΎΡΡΡΠΏΠ½Ρ Π²Π΅Π±-ΡΡΠΈΡΡΡ
- ΠΠ΅ΠΊΡΠΎΡΠ½ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π²ΠΊΠ»ΡΡΠ°Ρ Π»ΠΈΠ½ΠΈΠΈ ΠΈ ΡΠΏΠ»ΠΎΡΠ½ΡΠ΅
- ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΎΡΠΊΡΡΡΡΠΉ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄
ΠΡΠ° Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΠΎΠΊΠΎΠ»ΠΎ 4000 Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ, Π²ΠΊΠ»ΡΡΠ°Ρ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π΄Π΅Π»ΡΡΡΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°ΠΌΠΈ ΡΠ²ΠΎΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΡ ΡΠ°Π±ΠΎΡ. ΠΠ°Π²Π΅Π΄Ρ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ·Π½Π°ΡΡ ΠΈΠΌΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ Π΅Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°.
4. Materialpalette
Π€ΠΎΡΠΌΠ°ΡΡ: PNG, SVG
Π¦Π΅Π½Π°: ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΡ: iOS ΠΈ Android
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ:
- 16 ΡΠΈΠΏΠΎΠ², Π²ΠΊΠ»ΡΡΠ°Ρ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΏΠΎΠΈΡΠΊΠ° ΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΌΠ΅Π½Ρ
- ΠΠ½ΠΎΠΆΠ΅ΡΡΠ²Π΅Π½Π½Π°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ° Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
- ΠΡΠ½ΠΎΠ²Π°Π½Ρ Π½Π° Π²Π΅ΠΊΡΠΎΡΠ΅, Π° Π·Π½Π°ΡΠΈΡ ΠΎΡΠ»ΠΈΡΠ½ΠΎ ΡΠΌΠΎΡΡΡΡΡΡ ΠΏΡΠΈ Π»ΡΠ±ΠΎΠΌ ΠΌΠ°ΡΡΡΠ°Π±Π΅
ΠΠ°Π½Π½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠ° ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠΈΠΏΡΠ½ΡΠ΅ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΡΠΈΠ»Π΅. ΠΠ° ΡΡΡΠ°Π½ΠΈΡΠ΅ Π΅ΡΡΡ ΠΏΠΎΠΈΡΠΊ Π΄Π»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ. Π’Π°ΠΊ ΠΆΠ΅ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ²Π΅Ρ ΠΈΠΊΠΎΠ½ΠΎΠΊ.
5. Materializecss
Π€ΠΎΡΠΌΠ°ΡΡ: PNG, SVG
Π¦Π΅Π½Π°: ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ
ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΡ: ΠΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ:
- ΠΠ»Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΊΠ°ΠΆΠΈΡΠ΅ font-size: 30px
Π‘Π°ΠΉΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ 932 ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² ΡΡΠΈΠ»Π΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΡ Google. ΠΠΊΠΎΠ½ΠΊΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Ρ Π΄Π»Ρ ΠΏΡΠΎΡΠΎΡΠΈΠΏΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π½Π°ΠΏΡΡΠΌΡΡ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΏΡΠΈΠ»ΠΎΠ΅Π½ΠΈΠΉ.
ΠΡΡΠ°ΡΠΈ, Π²ΠΎΡ Π½Π΅Π±ΠΎΠ»ΡΡΠ°Ρ ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ Π² HTML:
add insert_chart insert_chart airplanemode_inactive all_inclusive archive bluetooth_searching
6. Noun Project
Π€ΠΎΡΠΌΠ°ΡΡ: PNG, SVG
Π¦Π΅Π½Π°: ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΠΎ/PRO
ΠΡΠΈΠΌΠ΅Π½ΠΈΠΌΡ: ΠΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ:
- ΠΠ³ΡΠΎΠΌΠ½Π°Ρ Π±Π°Π·Π°, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° Π»ΡΠ±ΠΎΠΉ Π²ΠΊΡΡ.
ΠΠΎΡΡΡΠΏΠ½Ρ Π² ΡΡΡΠ½ΠΎΠΌ ΡΠ²Π΅ΡΠ΅ ΠΈ Π±Π΅Π· Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΡΠ°ΠΉΡΠ΅. ΠΠ»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅Π³ΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌ PRO Π΄ΠΎΡΡΡΠΏ. - ΠΠΈΡΠ΅Π½Π·ΠΈΡ Creative Commons CCBY, Π° Π·Π½Π°ΡΠΈΡ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ Π°Π²ΡΠΎΡΠΎΠ² Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ.
ΠΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΌΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΡΠ΅ΡΡΡΡΠΎΠ² Π΄Π»Ρ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠΈΡΠΊΠ° ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ. ΠΡΡΠ³ΠΈΠ΅ Π΄Π°ΠΆΠ΅ Π±Π»ΠΈΠ·ΠΊΠΎ Π½Π΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·ΠΈΡ, ΡΡΠΎ Π΄Π΅Π»Π°Π΅Ρ Noun ΠΌΠΎΠΈΠΌ ΡΠ°Π²ΠΎΡΠΈΡΠΎΠΌ, Π½Π° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ.
ΠΠ°ΠΌ Π½ΡΠΆΠ΅Π½ ΠΊΠΎΡ?ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π² ΡΡΠΈΠ»Π΅ MaterialΒ Design. ΠΠ°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½Π°Ρ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡ
ΠΡΠ»ΠΈ ΠΡ Π·Π°Π΄Π°Π΅ΡΠ΅ΡΡ Π²ΠΎΠΏΡΠΎΡΠΎΠΌ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Π² ΡΡΠΈΠ»Π΅ Material, ΡΠΎ ΠΡ ΠΏΠΎΠΏΠ°Π»ΠΈ ΠΏΠΎ Π°Π΄ΡΠ΅ΡΡ!
ΠΠ°Π½Π½Π°Ρ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ Π²Π΅ΡΠ½ΡΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎΠΌ ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Android Π² ΡΡΠΈΠ»Π΅ Material Design, ΡΠΎΠ±ΡΠ°Π½Π½ΠΎΠ΅ ΠΈΠ· ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠ½Π΅ ΡΠ΄Π°Π»ΠΎΡΡ Π½Π°ΠΉΡΠΈ Π² ΡΠ΅ΡΠΈ.
ΠΠΊΠΎΠ½ΠΊΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ Π² Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ Adobe Illustrator CC. ΠΠ½ΡΡΡΡΠΊΡΠΈΡ ΠΈΠ·Π»ΠΎΠΆΠ΅Π½Π° Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΊΡΠ°ΡΠΊΠΎ. ΠΡΠ»ΠΈ Π·Π½Π°Π½ΠΈΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Π½Π΅ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π΄Π»Ρ ΠΏΠΎΠ²ΡΠΎΡΠ΅Π½ΠΈΡ, ΠΎΠ±ΡΠ°ΡΠΈΡΠ΅ΡΡ ΠΊ Π²ΠΈΠ΄Π΅ΠΎΠ·Π°ΠΏΠΈΡΠΈ ΠΈΠ· ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ², ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΡ
Π½ΠΈΠΆΠ΅ (ΠΏ. 3)
ΠΠ»Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ #
- Google Material Design Guidelines: https://www.google.com/design/spec/style/icons.html
- What Google missed in their guidelines for Material Design iconography: https://goo.gl/5SpsVn
- How To Create A Material Design Icon In Adobe Illustrator: https://youtu.be/GzXq6ouGTpE
ΠΡΡ ΠΎΠ΄Π½ΡΠ΅ ΡΠ°ΠΉΠ»Ρ #
ΠΠ°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΊΠ°ΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°ΠΉΠ»ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π² ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅:
- ΠΠ°Π»ΠΈΡΡΠ° ΡΠ²Π΅ΡΠΎΠ² Material Design: https://goo.gl/EVxUSx β ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ°ΠΉΠ» Material Palette.ase ΠΈΠ· Π°ΡΡ
ΠΈΠ²Π° Π² ΠΊΠ°ΡΠ°Π»ΠΎΠ³ Ρ ΠΏΠ°Π»ΠΈΡΡΠ°ΠΌΠΈ Adobe Illustrator (
C:\Program Files\Adobe\Adobe Illustrator CC 2015\Presets\en_US\Swatches
) - Π¨ΡΠΈΡΡΡ: https://goo.gl/GQbKob β ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ ΡΡΠΈΡΡΡ Π² ΡΠΈΡΡΠ΅ΠΌΡ, Π° ΡΠ°ΠΊ ΠΆΠ΅ ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ°ΠΉΠ»Ρ ΡΡΠΈΡΡΠΎΠ² Π² ΠΏΠ°ΠΏΠΊΠΈ
C:\Program Files\Common Files\Adobe\Fonts
ΠΈC:\Program Files (x86)\Common Files\Adobe\Fonts
- Π‘Π΅ΡΠΊΠ° Π΄Π»Ρ ΡΠ΄ΠΎΠ±Π½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Ρ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ (Product Icon Sticker Sheet): https://goo.
gl/CYE2jV β ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ 4 ΡΠ°Π±Π»ΠΎΠ½Π° ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ #
Π‘ΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ°ΠΉΠ» ΠΏΠ°Π»ΠΈΡΡΡ ΡΠ²Π΅ΡΠΎΠ² Π² Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Adobe Illustrator, Π·Π°ΡΠ΅ΠΌ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΏΠΎΡΠ²ΠΈΠ²ΡΡΡΡΡ ΠΏΠ°Π»ΠΈΡΡΡ ΠΈΠ· ΡΠΏΠΈΡΠΊΠ° Swatch Libraries Π² ΠΏΠ°Π½Π΅Π»ΠΈ Swatches. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ ΡΡΠΈΡΡΡ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ ΠΈΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΡ Π² Adobe Illustrator. ΠΡΠ»ΠΈ ΡΡΠΈΡΡ Roboto Regular Π½Π΅Π΄ΠΎΡΡΡΠΏΠ΅Π½, ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΠ°ΠΉΠ»Ρ ΡΡΠΈΡΡΠΎΠ² Π² ΠΊΠ°ΡΠ°Π»ΠΎΠ³ΠΈ, ΡΠΊΠ°Π·Π°Π½Π½ΡΠ΅ Π²ΡΡΠ΅ Π² ΠΈΡΡ ΠΎΠ΄Π½ΡΡ ΡΠ°ΠΉΠ»Π°Ρ . Π Π°Π·Π°ΡΡ ΠΈΠ²ΠΈΡΡΠΉΡΠ΅ ΡΠ°ΠΉΠ»Ρ Ρ ΡΠ΅ΡΠΊΠ°ΠΌΠΈ ΠΈ ΠΎΡΠΊΡΠΎΠΉΡΠ΅ ΠΈΡ Π² Adobe Illustrator. ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΠ°ΠΌ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π±ΠΎΠ»ΡΡΠ΅, ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ Π·Π°ΠΊΡΠΎΠΉΡΠ΅. Π ΡΡΠΈΡ ΡΠ°Π±Π»ΠΎΠ½Π°Ρ ΡΠΆΠ΅ ΠΎΡΠ³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠ΅ ΡΠ΅Π½ΠΈ ΠΈ Π±Π»ΠΈΠΊΠΈ β ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ°ΡΡ Π·Π° ΠΎΡΠ½ΠΎΠ²Ρ. ΠΡΠΈΡΡΡΠΏΠ°Π΅ΠΌ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π² ΡΡΠΈΠ»Π΅ Material #
Π Π΄Π°Π½Π½ΠΎΠΉ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΈ Π±ΡΠ΄Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΎΡΡΠ΅ΠΉΡΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· ΠΎΠΏΠΈΡΠ°Π½Π½ΡΡ Π² ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ Π³Π΅ΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΠΎΡΠΌ. Π¨Π°Π±Π»ΠΎΠ½ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈΠΌΠ΅Π΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ 192Γ192 pt, ΡΡΠΎ ΠΎΡΠ΅Π½Ρ ΡΠ΄ΠΎΠ±Π½ΠΎ Π΄Π»Ρ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡΠΌΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ². ΠΠ΅ΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ ΡΠ°ΠΌΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π΅Π΅ Π²ΠΈΠ΄Π°, ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅:
- ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ°: 152Γ152 pt
- ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½Π°Ρ: 176Γ128 pt
- ΠΊΡΡΠ³Π»Π°Ρ: β 176 pt
ΠΠ°ΠΊΡΡΠ³Π»Π΅Π½ΠΈΠ΅ ΡΠ³Π»ΠΎΠ² ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΠΎΠΉ ΠΈ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ: 12 pt
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΠΎΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ #
- Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ Π½ΠΎΠ²ΡΠΉ ΡΠ»ΠΎΠΉ Π΄Π»Ρ Π½Π°ΡΠ΅ΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ, Π½Π°Π·ΡΠ²Π°Π΅ΠΌ Π΅Π³ΠΎ Β«ΠΠΎΡ ΠΈΠΊΠΎΠ½ΠΊΠ°Β» ΠΈ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π½Π΅ΠΌ
- ΠΡΠ±ΠΈΡΠ°Π΅ΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Rectangle Tool (M) ΠΈ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΠΌ ΡΠ΅Π»ΡΠΎΠΊ Π½Π° ΡΠ°Π±ΠΎΡΠ΅ΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ.
Π ΠΏΠΎΡΠ²ΠΈΠ²ΡΠ΅ΠΌΡΡ ΠΎΠΊΠ½Π΅ Π²Π²ΠΎΠ΄ΠΈΠΌ ΡΠ°Π·ΠΌΠ΅ΡΡ: ΡΠΈΡΠΈΠ½Π° 152 ΠΈ Π²ΡΡΠΎΡΠ° 152. ΠΠΌΠ΅ΠΌ ΠΠ
- ΠΠ° Π²Π΅ΡΡ Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Transform ΠΈ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ X ΠΈ Y 96 pt
- Π’Π°ΠΌ ΠΆΠ΅ Π½Π° Π²Π΅ΡΡ Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π² ΠΏΠΎΠ»Π΅ Corner Radius Π²Π²ΠΎΠ΄ΠΈΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 12 pt
- Π£ΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ ΡΠ²Π΅Ρ Π·Π°Π»ΠΈΠ²ΠΊΠΈ, Π²ΡΠ±ΡΠ°Π² Π΅Π³ΠΎ ΠΈΠ· ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ²Π΅ΡΠΎΠ² ΠΏΠ°Π»ΠΈΡΡΡ Material (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Indigo 500 β Primary) ΠΈ ΠΎΡΠΊΠ»ΡΡΠ°Π΅ΠΌ ΡΠ²Π΅Ρ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ
- ΠΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΡΠ΅ΠΌ Π΄Π°Π½Π½ΡΡ ΡΠΈΠ³ΡΡΡ Π² Β«Π€ΠΎΠ½Β» Π½Π° ΠΏΠ°Π»ΠΈΡΡΠ΅ ΡΠ»ΠΎΠ΅Π² (Π½Π΅ ΡΠ»ΠΎΠΉ, Π° ΡΠΈΠ³ΡΡΡ)
Π‘Π»Π΅Π΄ΡΡΡΠ΅Π΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ β ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π·ΠΎΠ½Ρ Π±Π»ΠΈΠΊΠ° ΠΈ ΡΠ΅Π½ΠΈ ΡΠΎΠ½Π° #
- Π ΡΠ»ΠΎΡΡ Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΡΠΈΠ³ΡΡΡ Ρ ΡΠΎΠ½ΠΎΠΌ (ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΌ ΡΠΏΡΠ°Π²Π°) ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ (Ctrl+C) ΠΈ Π΄Π²Π°ΠΆΠ΄Ρ Π²ΡΡΠ°Π²ΠΊΠΈ Π²ΠΏΠ΅ΡΠ΅Π΄ (Ctrl+F). Π ΠΈΡΠΎΠ³Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡΡΡ ΡΡΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΡ ΡΠΈΠ³ΡΡΡ. Π‘ Π½ΠΎΠ²ΡΠΌΠΈ Π΄Π²ΡΠΌΡ ΡΠΈΠ³ΡΡΠ°ΠΌΠΈ Π±ΡΠ΄Π΅ΠΌ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅
- ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ΡΡ Π½Π° ΡΡΠ΅Π΄Π½ΡΡ Π² ΡΠΏΠΈΡΠΊΠ΅ ΡΠΈΠ³ΡΡΡ Β«Π€ΠΎΠ½Β» (ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΌ ΡΠΏΡΠ°Π²Π°) ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ° Π²Π½ΠΈΠ· Π½Π° 1 dp (ΠΎΠ΄ΠΈΠ½ΠΎΡΠ½ΡΠΌ Π½Π°ΠΆΠ°ΡΠΈΠ΅ΠΌ ΡΡΡΠ΅Π»ΠΊΠΈ Π²Π½ΠΈΠ· Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΠ΅)
- Π’Π΅ΠΏΠ΅ΡΡ Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΠΏΡΠ°Π²ΡΠΌ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΌ ΠΎΠ±Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ ΡΠΈΠ³ΡΡΡ (Π²Π΅ΡΡ
Π½ΡΡ ΠΈ ΡΡΠ΅Π΄Π½ΡΡ) ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡ ΠΎΠ±ΡΠ΅Π·ΠΊΠΈ Β«Minus BackΒ» β Π² ΠΈΡΠΎΠ³Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠ»ΡΡΠΈΡΡΡΡ Π½ΠΎΠ²Π°Ρ ΡΠΈΠ³ΡΡΠ° Π² Π²ΠΈΠ΄Π΅ ΡΠ·ΠΊΠΎΠΉ ΠΏΠΎΠ»ΠΎΡΠΊΠΈ Π²Π²Π΅ΡΡ
Ρ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠΈΠ³ΡΡΡ β ΡΡΠΎ ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΡΠΉ Π±Π»ΠΈΠΊ.
- Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠ΅ΠΉΡΡ ΡΠΈΠ³ΡΡΡ Π±Π»ΠΈΠΊΠ° Π·Π°Π»ΠΈΠ²ΠΊΡ Π±Π΅Π»ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ Ρ Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡΡ 20%
- Π ΡΠ»ΠΎΡΡ ΡΠ½ΠΎΠ²Π° Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΡΠΈΠ³ΡΡΡ Ρ ΡΠΎΠ½ΠΎΠΌ ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ (Ctrl+C) ΠΈ Π΄Π²Π°ΠΆΠ΄Ρ Π²ΡΡΠ°Π²ΠΊΠΈ Π½Π°Π·Π°Π΄ (Ctrl+B). Π ΠΈΡΠΎΠ³Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ Π΅ΡΠ΅ Π΄Π²Π΅ ΡΠΈΠ³ΡΡΡ Ρ ΡΠΎΠ½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΡΠ΅ΠΊΡΡΠ΅ΠΉ ΡΠΈΠ³ΡΡΡ
- ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ΡΡ Π½Π° ΡΡΠ΅Π΄Π½ΡΡ Π² ΡΠΏΠΈΡΠΊΠ΅ ΡΠΈΠ³ΡΡΡ Β«Π€ΠΎΠ½Β» (ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΌ ΡΠΏΡΠ°Π²Π°) ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ° Π²Π²Π΅ΡΡ Π½Π° 1Β dp (ΠΎΠ΄ΠΈΠ½ΠΎΡΠ½ΡΠΌ Π½Π°ΠΆΠ°ΡΠΈΠ΅ΠΌ ΡΡΡΠ΅Π»ΠΊΠΈ Π²Π²Π΅ΡΡ Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΠ΅)
- Π’Π΅ΠΏΠ΅ΡΡ Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΠΏΡΠ°Π²ΡΠΌ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΌ Π΄Π²Π΅ ΡΠΈΠ³ΡΡΡ Β«Π€ΠΎΠ½Β» (Π²Π΅ΡΡ Π½ΡΡ ΠΈ ΡΡΠ΅Π΄Π½ΡΡ) ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡ ΠΎΠ±ΡΠ΅Π·ΠΊΠΈ Β«Minus BackΒ» β Π² ΠΈΡΠΎΠ³Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠ»ΡΡΠΈΡΡΡΡ Π½ΠΎΠ²Π°Ρ ΡΠΈΠ³ΡΡΠ° Π² Π²ΠΈΠ΄Π΅ ΡΠ·ΠΊΠΎΠΉ ΠΏΠΎΠ»ΠΎΡΠΊΠΈ Π²Π½ΠΈΠ·Ρ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠΈΠ³ΡΡΡ β ΡΡΠΎ ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΠ°Ρ ΡΠ΅Π½Ρ. ΠΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΡΠΉΡΠ΅ ΡΠΈΠ³ΡΡΡ Π² Β«Π’Π΅Π½ΡΒ»
- Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠ΅ΠΉΡΡ ΡΠΈΠ³ΡΡΡ ΡΠ΅Π½ΠΈ Π·Π°Π»ΠΈΠ²ΠΊΡ ΡΠ²Π΅ΡΠΎΠΌ, Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π° Ρ Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡΡ 20%. Π£Π·Π½Π°ΡΡ ΡΡΠΎΡ ΡΠ²Π΅Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ· ΡΠ°Π±Π»ΠΈΡΡ Β«Tint, shade, and shadow valuesΒ» ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅: https://goo.gl/8Vkg33 Π Π½Π°ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ Π΄Π»Ρ ΡΠΎΠ½Π° Indigo ΡΠ΅Π½Ρ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΡΠ²Π΅ΡΠ° Indigo 900
- Π ΠΈΡΠΎΠ³Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡΡΡ ΡΡΠΈ ΡΠΈΠ³ΡΡΡ Π² Π΄Π°Π½Π½ΠΎΠΉ ΠΎΡΠ΅ΡΠ΅Π΄Π½ΠΎΡΡΠΈ: Β«ΠΠ»ΠΈΠΊΒ», Β«Π’Π΅Π½ΡΒ» ΠΈ Β«Π€ΠΎΠ½Β»
ΠΠ° ΡΡΠΎΠΌ ΡΠ°Π±ΠΎΡΠ° Ρ ΡΠΎΠ½ΠΎΠΌ Π·Π°Π²Π΅ΡΡΠ΅Π½Π°
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π·Π½Π°ΠΊΠ° ΠΈΠΊΠΎΠ½ΠΊΠΈ #
ΠΠ»Ρ ΠΏΡΠΎΡΡΠΎΡΡ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΠΏΡΠΎΡΠ΅ΡΡΠ° ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΠΌ Π½Π° ΡΠΎΠ½Π΅ ΡΠΈΠΌΠ²ΠΎΠ» Π°Π»ΡΠ°Π²ΠΈΡΠ° Β«ΠΒ»
- Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π½Π°Π΄ΠΏΠΈΡΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡΡ ΠΎΠ΄Π½Ρ Π±ΡΠΊΠ²Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ 150 pt ΠΈ ΡΠ²Π΅ΡΠ° Grey 100
- ΠΠ΅ΡΠ΅Π²Π΅Π΄ΠΈΡΠ΅ ΡΠ΅ΠΊΡΡ Π² ΠΊΡΠΈΠ²ΡΠ΅ (ΠΌΠ΅Π½Ρ: Type β Create Outlines)
- ΠΡΡΠ΅Π½ΡΡΡΠΉΡΠ΅ ΡΠΈΠΌΠ²ΠΎΠ» ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΎΠ½Π° (Π»ΠΈΠ±ΠΎ Π½Π°ΠΎΠ±ΠΎΡΠΎΡ, ΡΠ΄Π²ΠΈΠ½ΡΡΠ΅ ΠΏΠΎ Π²ΠΊΡΡΡ).
ΠΠ°ΠΏΠΎΠΌΠ½Ρ, ΡΡΠΎ ΡΠ΅Π½ΡΡ ΠΈΠΌΠ΅Π΅Ρ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ 96Γ96 pt, Π΅ΡΠ»ΠΈ ΠΡ ΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ΡΡ ΡΠΈΡΡΠ°ΠΌΠΈ
- ΠΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΡΠΉΡΠ΅ ΡΠΈΠ³ΡΡΡ Π² ΡΠΏΠΈΡΠΊΠ΅ ΡΠ»ΠΎΠ΅Π² Π½Π° Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β»
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΡΠ΅Π½ΠΈ Π΄Π»Ρ Π·Π½Π°ΠΊΠ° #
- Π ΡΠ»ΠΎΡΡ Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΡΠΈΠ³ΡΡΡ Ρ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠΌ (ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΌ ΡΠΏΡΠ°Π²Π°) ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ (Ctrl+C) ΠΈ Π΄Π²Π°ΠΆΠ΄Ρ Π²ΡΡΠ°Π²ΠΊΠΈ Π²ΠΏΠ΅ΡΠ΅Π΄ (Ctrl+F). Π ΠΈΡΠΎΠ³Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡΡΡ ΡΡΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΡ ΡΠΈΠ³ΡΡΡ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β». Π‘ Π½ΠΎΠ²ΡΠΌΠΈ Π΄Π²ΡΠΌΡ ΡΠΈΠ³ΡΡΠ°ΠΌΠΈ Π±ΡΠ΄Π΅ΠΌ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π΄Π°Π»ΡΡΠ΅
- ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ΡΡ Π½Π° Π²Π΅ΡΡ Π½ΡΡ ΡΠΈΠ³ΡΡΡ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β», ΠΈ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Ρ ΠΊΠ»Π°Π²ΠΈΡΡ Shift Π²ΡΠ½Π΅ΡΠΈΡΠ΅ ΡΠΈΠ³ΡΡΡ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ Ρ ΠΎΠ»ΡΡΠ° ΠΏΠΎΠ΄ 45Β° Π²ΠΏΡΠ°Π²ΠΎ ΠΈ Π²Π½ΠΈΠ· β ΡΡΠΎ Π·Π°Π³ΠΎΡΠΎΠ²ΠΊΠ° Π΄Π»Ρ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ ΡΠ΅Π½ΠΈ
- Π ΠΈΡΠΎΠ³Π΅ ΡΡΠ΅Π΄Π½ΡΡ ΠΈ Π½ΠΈΠΆΠ½ΡΡ ΡΠΈΠ³ΡΡΠ° Π² ΡΠΏΠΈΡΠΊΠ΅ ΡΠ»ΠΎΠ΅Π² Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Ρ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΡΠΎΠ½Π°, Π° Π²Π΅ΡΡ Π½ΡΡ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Π°ΠΌΠΈ Ρ ΠΎΠ»ΡΡΠ° ΡΠΏΡΠ°Π²Π° ΡΠ½ΠΈΠ·Ρ. ΠΠΈΠΆΠ½ΡΡ ΡΠΈΠ³ΡΡΡ ΠΏΠΎΠΊΠ° Π½Π΅ ΡΡΠΎΠ³Π°Π΅ΠΌ
- Π’Π΅ΠΏΠ΅ΡΡ Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΠΏΡΠ°Π²ΡΠΌ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΌ Π΄Π²Π΅ ΡΠΈΠ³ΡΡΡ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β» β Π²Π΅ΡΡ
Π½ΡΡ ΠΈ ΡΡΠ΅Π΄Π½ΡΡ, Π·Π°ΠΉΠ΄ΠΈΡΠ΅ Π² ΠΌΠ΅Π½Ρ Object β Blend β Blend Options, Π²ΠΊΠ»ΡΡΠΈΡΠ΅ ΡΠ΅ΠΆΠΈΠΌ Specified Steps, ΡΠΊΠ°ΠΆΠΈΡΠ΅ 200 ΡΠ°Π³ΠΎΠ² ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΠ, Π·Π°ΡΠ΅ΠΌ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ ΠΌΠ΅Π½Ρ Object β Blend β Make.
- ΠΠ΅ ΡΠ½ΠΈΠΌΠ°Ρ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ Ρ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠ΅ΠΉΡΡ ΡΠΈΠ³ΡΡΡ, Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π² ΠΌΠ΅Π½Ρ Object β Expandβ¦ ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΠ β ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ ΡΠ°Π·Π±ΠΈΠ΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ΅ΡΠ΅ΠΊΠ°Π½ΠΈΡ Π½Π° ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΠΏΠΎΠ»ΠΈΠ³ΠΎΠ½Ρ
- ΠΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΠΈΠ³ΠΎΠ½ΠΎΠ² (Unite)
- ΠΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΡΠΉΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΡΡΡΡ ΡΠΈΠ³ΡΡΡ <Path> Ρ Π±ΡΠ΄ΡΡΠ΅ΠΉ ΡΠ΅Π½ΡΡ Π² Β«ΠΠ»ΠΈΠ½Π½Π°Ρ ΡΠ΅Π½ΡΒ»
- Π’Π΅ΠΏΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΌΠ°ΡΠΊΡ. Π‘ΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΠΎΠ½ΠΎΠ²ΡΡ ΡΠΈΠ³ΡΡΡ Β«Π€ΠΎΠ½Β» (Ctrl+C) ΠΈ ΠΏΡΠΎΠΈΠ·Π²Π΅Π΄ΠΈΡΠ΅ Π²ΡΡΠ°Π²ΠΊΡ Past in Place (Shift+Ctrl+V). Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΡΠΈΠ³ΡΡΠ° Ρ ΡΠΎΠ½ΠΎΠΌ Π±ΡΠ΄Π΅Ρ Π²ΡΡΠ°Π²Π»Π΅Π½Π° ΠΏΠΎΠ²Π΅ΡΡ Π²ΡΠ΅Ρ ΡΠΈΠ³ΡΡ Π² ΡΠ»ΠΎΠ΅
- ΠΡΠ΄Π΅Π»ΠΈΡΠ΅ ΠΏΡΠ°Π²ΡΠΌ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΌ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ Π²ΡΡΠ°Π²Π»Π΅Π½Π½ΡΠΉ Β«Π€ΠΎΠ½Β», ΠΊΠΎΡΠΎΡΡΠΉ Π² ΡΠ°ΠΌΠΎΠΌ Π²Π΅ΡΡ Ρ, ΠΈ ΡΠΈΠ³ΡΡΡ Β«ΠΠ»ΠΈΠ½Π½Π°Ρ ΡΠ΅Π½ΡΒ» ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΎΠ±ΡΠ΅Π·ΠΊΡ Crop. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΏΠΎΠ»ΡΡΠΈΠΌ Π³ΡΡΠΏΠΏΡ ΡΠΈΠ³ΡΡ <Group>, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΈΠ³ΡΡ <Path>
- Π£Π΄Π°Π»ΠΈΡΠ΅ Π²ΡΠ΅ ΡΠΈΠ³ΡΡΡ <Path>, Π·Π° ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ°ΠΌΠΎΠΉ ΡΠ΅Π½ΠΈ β ΠΎΠ½Π° ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π±Π΅Π»Π°Ρ ΠΈ, ΡΠΊΠΎΡΠ΅Π΅ Π²ΡΠ΅Π³ΠΎ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π° Π²ΡΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ <Path>. ΠΠ° ΡΠΊΡΠΈΠ½ΡΠΎΡΠ΅ ΡΠΊΠ°Π·Π°Π½Π° ΡΠΈΠ³ΡΡΠ°, ΠΊΠΎΡΠΎΡΡΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠ΄Π°Π»ΠΈΡΡ ΠΈΠ· Π³ΡΡΠΏΠΏΡ
- ΠΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΡΠΉΡΠ΅ <Group> Π² Β«ΠΠ»ΠΈΠ½Π½Π°Ρ ΡΠ΅Π½ΡΒ» ΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅ Π΅Π³ΠΎ ΠΏΠΎΠ΄ ΡΠΈΠ³ΡΡΠΎΠΉ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β»
- ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ΡΡ Π½Π° ΡΠΈΠ³ΡΡΡ Β«ΠΠ»ΠΈΠ½Π½Π°Ρ ΡΠ΅Π½ΡΒ», Π·Π°ΡΠ΅ΠΌ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Gradient Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠΈΠΏ Linear, ΡΠ³ΠΎΠ» β45Β°, Π½Π°ΡΠ°Π»ΡΠ½ΡΠΉ ΠΈ ΠΊΠΎΠ½Π΅ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊΠΎΠΉ Π²ΡΠ±ΠΈΡΠ°Π»ΠΈ Π΄Π»Ρ ΡΠ΅Π½ΠΈ ΡΠΎΠ½Π° β Π² Π½Π°ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΠΎ Indigo 900 (ΠΠ°Ρ ΡΠ²Π΅Ρ Π²ΡΠ±ΠΈΡΠ°ΠΉΡΠ΅ ΠΈΠ· ΡΠ°Π±Π»ΠΈΡΡ Β«Tint, shade, and shadow valuesΒ» ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅: https://goo.
gl/8Vkg33), Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ Π»Π΅Π²ΠΎΠΉ ΡΠ°ΡΡΠΈ 20%, Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ Π»Π΅Π²ΠΎΠΉ ΠΏΡΠ°Π²ΠΎΠΉ ΡΠ°ΡΡΠΈ 0% ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΡΠ΅Π΄Π½Π΅ΠΉ ΡΠΎΡΠΊΠΈ 33%
- Π’Π΅ΠΏΠ΅ΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΡΠΈΡΡΠΈΡΡ ΡΠΈΠ³ΡΡΡ ΡΠ΅Π½ΠΈ ΠΎΡ Β«ΡΡΡΠΏΠ΅Π½Π΅ΠΊΒ», ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π»ΠΈΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ Blanding (ΠΏΠ΅ΡΠ΅ΡΠ΅ΠΊΠ°Π½ΠΈΡ ΡΠΈΠ³ΡΡ). Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ Π°ΠΊΡΠΈΠ²Π½ΡΠΌ ΡΠΈΠ³ΡΡΡ Β«ΠΠ»ΠΈΠ½Π½Π°Ρ ΡΠ΅Π½ΡΒ» ΠΈ ΡΠ²Π΅Π»ΠΈΡΡΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠΈΠ»ΡΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΠΎΡΠ΅Π½ΠΈΡΡ ΠΊΡΠ°ΠΉ ΡΠΈΠ³ΡΡΡ
- ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ Lasso Tool ΠΈ Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΡΠΎΡΠΊΠΈ ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎΠ±Ρ Π½Π΅ Π·Π°Π΄Π΅ΡΡ ΠΊΡΠ°ΠΉΠ½ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅
- Π£Π΄Π°Π»ΠΈΡΠ΅ Π»ΠΈΡΠ½ΠΈΠ΅ ΡΠΎΡΠΊΠΈ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Remove selected anchor points
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π·ΠΎΠ½Ρ Π±Π»ΠΈΠΊΠ° ΠΈ ΡΠ΅Π½ΠΈ Π·Π½Π°ΠΊΠ° #
- ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ΡΡ Π½Π° ΡΠΈΠ³ΡΡΡ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β» ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ (Ctrl+C) ΠΈ Π΄Π²Π°ΠΆΠ΄Ρ Π²ΡΡΠ°Π²ΡΡΠ΅ Π½Π°ΠΏΠ΅ΡΠ΅Π΄ (Ctrl+F) Π΄Π²Π΅ Π½ΠΎΠ²ΡΠ΅ ΡΠΈΠ³ΡΡΡ
- ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΡΠ΅Π΄Π½ΡΡ ΡΠΈΠ³ΡΡΡ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β» ΠΈ ΡΠ΄Π²ΠΈΠ½ΡΡΠ΅ Π²Π½ΠΈΠ· Π½Π° 1 pt (ΠΎΠ΄ΠΈΠ½ ΡΠ°Π· Π½Π°ΠΆΠ°ΡΡ ΡΡΡΠ΅Π»ΠΊΡ Π²Π½ΠΈΠ· Π½Π° ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΠ΅)
- Π’Π΅ΠΏΠ΅ΡΡ Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΠΏΡΠ°Π²ΡΠΌ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΌ ΠΎΠ±Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ ΡΠΈΠ³ΡΡΡ (Π²Π΅ΡΡ
Π½ΡΡ ΠΈ ΡΡΠ΅Π΄Π½ΡΡ) ΠΈ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΡ ΠΎΠ±ΡΠ΅Π·ΠΊΠΈ Β«Minus BackΒ» β Π² ΠΈΡΠΎΠ³Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠ»ΡΡΠΈΡΡΡΡ Π½ΠΎΠ²Π°Ρ ΡΠΈΠ³ΡΡΠ° <Group> Π² Π²ΠΈΠ΄Π΅ ΡΠ·ΠΊΠΎΠΉ ΠΏΠΎΠ»ΠΎΡΠΊΠΈ Π²Π²Π΅ΡΡ
Ρ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠΈΠ³ΡΡΡ β ΡΡΠΎ ΡΠ°ΠΊ Π½Π°Π·ΡΠ²Π°Π΅ΠΌΡΠΉ Π±Π»ΠΈΠΊ.
ΠΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΡΠΉΡΠ΅ ΡΠΈΠ³ΡΡΡ Π² Β«ΠΠ»ΠΈΠΊ ΡΠΈΠΌΠ²ΠΎΠ»Π°Β»
- Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠ΅ΠΉΡΡ ΡΠΈΠ³ΡΡΡ Π±Π»ΠΈΠΊΠ° Π·Π°Π»ΠΈΠ²ΠΊΡ Π±Π΅Π»ΡΠΌ ΡΠ²Π΅ΡΠΎΠΌ Ρ Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡΡ 20%
- ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ΡΡ Π½Π° ΡΠΈΠ³ΡΡΡ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β» ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅ ΡΡΡΠ΅ΠΊΡ Stylize β Drop Shadow Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ: ΡΠ΅ΠΆΠΈΠΌ Normal, Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ 20%, ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ X ΠΈ ΠΏΠΎ Y 4 dp, ΡΠ°Π·ΠΌΡΡΠΈΠ΅ 4 dp, ΡΠ²Π΅Ρ ΡΠ΅Π½ΠΈ ΠΈΠ· ΡΠ°Π±Π»ΠΈΡΡ Β«Tint, shade, and shadow valuesΒ» ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅: https://goo.gl/8Vkg33
- ΠΠ° ΠΏΠ°Π½Π΅Π»ΠΈ Appearance ΠΊ ΡΠ΅ΠΊΡΡΠ΅ΠΉ ΡΠΈΠ³ΡΡΠ΅ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β» ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅ ΡΡΠ½ΠΊΡΠΈΡ Β«Add new FillΒ», ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π΅ΡΠ΅ ΠΎΠ΄Π½ΠΎΠΉ ΡΠ΅Π½ΠΈ, Π΅ΡΠ»ΠΈ ΡΠΈΠΌΠ²ΠΎΠ» ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ» ΡΠ²Π΅Ρ Π·Π°Π»ΠΈΠ²ΠΊΠΈ, ΡΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠ½ΠΎΠ²Π° Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° Π·Π°Π»ΠΈΠ²ΠΊΠΈ Fill: Grey 100
- ΠΠ°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅ ΠΊ ΡΠΈΠ³ΡΡΠ΅ Β«Π‘ΠΈΠΌΠ²ΠΎΠ»Β» Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΡΡΠ΅ΠΊΡ ΡΠ΅Π½ΠΈ Stylize β Drop Shadow Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ: ΡΠ΅ΠΆΠΈΠΌ Normal, Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ 20%, ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ X 0 pt, ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ Y 1 pt, ΡΠ°Π·ΠΌΡΡΠΈΠ΅ 0 pt, ΡΠ²Π΅Ρ ΠΊΠ°ΠΊ ΠΈ Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΠΉ ΡΠ°Π· (ΠΈΠ· ΡΠ°Π±Π»ΠΈΡΡ ΡΠ΅Π½Π΅ΠΉ)
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠ³ΠΎ Π±Π»ΠΈΠΊΠ° Π΄Π»Ρ Π²ΡΠ΅ΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ #
- Π‘ΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΡΠΈΠ³ΡΡΡ ΡΠΎΠ½Π° Β«Π€ΠΎΠ½Β», ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π½ΠΎΠ²ΡΠΉ ΡΠ»ΠΎΠΉ ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ ΡΠΈΠ³ΡΡΡ ΡΠΎΠ½Π° Π½Π° Π½Π΅Π³ΠΎ.
ΠΡΠΊΠ»ΡΡΠΈΡΠ΅ Π·Π°Π»ΠΈΠ²ΠΊΡ ΡΠΈΠ³ΡΡΡ. ΠΠ΅ΡΠ΅ΠΈΠΌΠ΅Π½ΡΠΉΡΠ΅ ΡΠ»ΠΎΠΉ Π² Β«ΠΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅Β»
- Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π΄Π»Ρ ΡΠΈΠ³ΡΡΡ Π½Π° Π½ΠΎΠ²ΠΎΠΌ ΡΠ»ΠΎΠ΅ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ½ΡΡ Π·Π°Π»ΠΈΠ²ΠΊΡ Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ: ΡΠΈΠΏ Radial, ΡΠ²Π΅Ρ Π½Π°ΡΠ°Π»Π° ΠΈ ΠΊΠΎΠ½ΡΠ° Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ° β Π±Π΅Π»ΡΠΉ, Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ Π½Π°ΡΠ°Π»Π° Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ° 10%, ΠΊΠΎΠ½ΡΠ° Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ° 0%, ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΡΠ΅Π΄Π½Π΅ΠΉ ΡΠΎΡΠΊΠΈ 33%
- ΠΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ° Gradient Tool (G) ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ ΠΎΡ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ Π»Π΅Π²ΠΎΠ³ΠΎ ΡΠ³Π»Π° ΡΠΎΠ½Π° ΠΊ Π½ΠΈΠΆΠ½Π΅ΠΌΡ ΠΏΡΠ°Π²ΠΎΠΌΡ, ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΡΠ³ΠΎΠ» Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ° Π² Π½Π°ΡΡΡΠΎΠΉΠΊΠ°Ρ Π½Π° β45Β°
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΉ ΡΠ΅Π½ΠΈ Π΄Π»Ρ Π²ΡΠ΅ΠΉ ΠΈΠΊΠΎΠ½ΠΊΠΈ #
- ΠΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅ ΡΡΡΠ΅ΠΊΡ ΡΠ΅Π½ΠΈ Stylize β Drop Shadow ΠΊ Π·Π°Π»ΠΈΠ²ΠΊΠ΅ (Fill) ΡΠΈΠ³ΡΡΡ Β«Π€ΠΎΠ½Β» ΡΠ»ΠΎΡ Ρ ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ Β«ΠΠΎΡ ΠΈΠΊΠΎΠ½ΠΊΠ°Β» ΡΠΎ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ: ΡΠ΅ΠΆΠΈΠΌ Multiply, Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ 12%, ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ X ΠΈ Y 0 pt, ΡΠ°Π·ΠΌΡΡΠΈΠ΅ 2 pt, ΡΠ²Π΅Ρ ΡΠ΅Π½ΠΈ ΡΠ΅ΡΠ½ΡΠΉ (Π·Π΄Π΅ΡΡ Π²ΡΠ΅Π³Π΄Π° ΡΠ΅ΡΠ½ΡΠΉ)
- ΠΠ° ΠΏΠ°Π½Π΅Π»ΠΈ Appearance ΠΊ ΡΠ΅ΠΊΡΡΠ΅ΠΉ ΡΠΈΠ³ΡΡΠ΅ Β«Π€ΠΎΠ½Β» ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅ ΡΡΠ½ΠΊΡΠΈΡ Β«Add new FillΒ», ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΅ΡΠ΅ ΠΎΠ΄Π½Ρ Π·Π°Π»ΠΈΠ²ΠΊΡ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½Π° Π½Π΅Π΅ Π΅ΡΠ΅ ΠΎΠ΄Π½ΠΎΠΉ ΡΠ΅Π½ΠΈ
- ΠΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅ ΡΡΡΠ΅ΠΊΡ ΡΠ΅Π½ΠΈ Stylize β Drop Shadow ΠΊ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠΉ Π·Π°Π»ΠΈΠ²ΠΊΠ΅ Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌΠΈ: ΡΠ΅ΠΆΠΈΠΌ Multiply, Π½Π΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡ 24%, ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ X 0 pt, ΡΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎ Y 4 pt, ΡΠ°Π·ΠΌΡΡΠΈΠ΅ 2 pt, ΡΠ²Π΅Ρ ΡΠ΅Π½ΠΈ ΡΠ΅ΡΠ½ΡΠΉ (Π·Π΄Π΅ΡΡ Π²ΡΠ΅Π³Π΄Π° ΡΠ΅ΡΠ½ΡΠΉ)
ΠΡΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ #
Π‘ΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ #
- ΠΡΠΊΠ»ΡΡΠΈΡΠ΅ Π²ΡΠ΅ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ»ΠΎΠΈ.
ΠΠΎΠ»ΠΆΠ½Ρ ΠΎΡΡΠ°ΡΡΡΡ Π²ΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌΠΈ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π²Π° ΡΠ»ΠΎΡ Β«ΠΠΎΡ ΠΈΠΊΠΎΠ½ΠΊΠ°Β» ΠΈ Β«ΠΡΠ²Π΅ΡΠ΅Π½ΠΈΠ΅Β»
- ΠΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠΎΡ ΡΠ°Π½Π΅Π½ΠΈΠ΅ 5 Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΡΠ½ΠΊΡΠΈΡ File β Save For Web ΠΈ ΡΠΎΡΠΌΠ°Ρ PNG-24 Ρ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡΡ. Π£Π±Π΅Π΄ΠΈΡΠ΅ΡΡ ΡΠ°ΠΊΠΆΠ΅, ΡΡΠΎ Π²ΠΊΠ»ΡΡΠ΅Π½Π° ΠΎΠΏΡΠΈΡ Clip to Artboard
- ΠΠΌΡ ΡΠ°ΠΉΠ»Π° ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌΡΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ic_launcher.png
- 6 ΠΊΠΎΠΏΠΈΠΉ ΡΠΎΡ
ΡΠ°Π½ΡΡΡΡΡ Π² 5 ΡΠ°Π·Π½ΡΡ
ΠΊΠ°ΡΠ°Π»ΠΎΠ³ΠΎΠ². Π ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΊΠ°ΡΠ°Π»ΠΎΠ³ ΡΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠ°Π»Π΅Π΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Ρ ΠΈΠΌΠ΅Π½Π° ΠΊΠ°ΡΠ°Π»ΠΎΠ³ΠΎΠ² ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΡΠ°ΠΉΠ»Π° ic_launcher.png, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡΡ Π² ΡΡΠΈΡ
ΠΊΠ°ΡΠ°Π»ΠΎΠ³Π°Ρ
:
- mipmap-mdpi = 48Γ48 px
- mipmap-hdpi = 72Γ72 px
- mipmap-xhdpi = 96Γ96 px
- mipmap-xxhdpi = 144Γ144 px
- mipmap-xxxhdpi = 192Γ192 px
ΠΠΎΡΠΎΠ²ΠΎ!
Π·Π½Π°ΡΠΊΠΎΠ² ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΠΏΡΠΎΡΠΈΠ² Π·Π½Π°ΡΠΊΠΎΠ² Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² | Medium
ΠΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ Π²Β·
Π§ΡΠ΅Π½ΠΈΠ΅: 3 ΠΌΠΈΠ½.Β·
27 Π΄Π΅ΠΊΠ°Π±ΡΡ 2020 Π³. Material Icons vs Material Design Icons ΠΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π³ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠ΅Π΄ΠΏΡΠΈΠ½ΡΡΡ Π² Π½Π°ΡΠ°Π»Π΅ Π΄ΠΈΠ·Π°ΠΉΠ½-ΠΏΡΠΎΠ΅ΠΊΡΠ°. ΠΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ
β ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ Π·Π½Π°ΡΠΊΠΎΠ², ΡΡΠΎΠ±Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ ΡΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠΠ½ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½ ΠΏΠΎ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΠΎΠΌΡ Π·Π°ΠΊΠ°Π·Ρ ΠΈΠ»ΠΈ Π²ΡΠ±ΡΠ°Π½ ΠΈΠ· Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊ. Β«Π‘ΠΈΡΡΠ΅ΠΌΠ° ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°Β» Google ΠΈ Π΅Π΅ ΡΠ΅ΡΡΡΡΡ, Π½Π΅ΡΠΎΠΌΠ½Π΅Π½Π½ΠΎ, ΡΠ²Π»ΡΡΡΡΡ ΠΎΠ΄Π½ΠΈΠΌΠΈ ΠΈΠ· Π»ΡΡΡΠΈΡ
ΠΈ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ
.
ΠΡΠΈ ΠΏΠΎΠΈΡΠΊΠ΅ Π·Π½Π°ΡΠΊΠΎΠ² Material Design ΠΌΡ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ²Π°Π΅ΠΌ Π΄Π²Π° ΡΠ°Π·Π½ΡΡ ΡΠ΅ΡΠΌΠΈΠ½Π° Material Icons ΠΈ Material Design Icons . ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡΡΠΎΡΠ½ΠΈΠΊΠΈ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ ΠΊ ΡΡΠΈΠΌ ΡΠ΅ΡΠΌΠΈΠ½Π°ΠΌ ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ ΠΈΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ. ΠΠ½ΠΈ ΠΎΠ±Π° Π½Π°Π·ΡΠ²Π°ΡΡΡΡ Material, ΠΏΠΎΡΡΠΎΠΌΡ ΡΡΠΎ ΡΠ±ΠΈΠ²Π°Π΅Ρ Ρ ΡΠΎΠ»ΠΊΡ. ΠΠ½ΠΈ ΡΠ°Π·Π½ΡΠ΅, Π½ΠΎ ΠΌΠ΅ΠΆΠ΄Ρ Π½ΠΈΠΌΠΈ Π΅ΡΡΡ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ.
Material Icons β ΡΡΠΎ ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΡΠΉ ΡΠ΅ΠΏΠΎΠ·ΠΈΡΠΎΡΠΈΠΉ Π·Π½Π°ΡΠΊΠΎΠ² Material Design, ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°ΡΠΈΠΉ Google. Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ»ΠΈ ΠΌΠ΅Π½Π΅Π΅ 1500 Π·Π½Π°ΡΠΊΠΎΠ², ΡΠ°Π·Π΄Π΅Π»Π΅Π½Π½ΡΡ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ Β«ΠΠ΅ΠΉΡΡΠ²ΠΈΠ΅Β», Β«ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅Β», Β«Π‘ΡΠ΅Π΄Π°Β», Β«Π‘Π²ΡΠ·ΡΒ», Β«ΠΠΎΠ½ΡΠ΅Π½ΡΒ» ΠΈ Ρ. Π΄. ΠΡΠ΅ Π·Π½Π°ΡΠΊΠΈ Π΄ΠΎΡΡΡΠΏΠ½Ρ Π² 5 ΡΠ΅ΠΌΠ°Ρ β Β«ΠΡΠ΅ΡΡΠ΅Π½Π½ΡΠΉΒ», Β«ΠΠ°ΠΏΠΎΠ»Π½Π΅Π½Π½ΡΠΉΒ», Β«ΠΠΊΡΡΠ³Π»ΡΠΉΒ», Β«Π§Π΅ΡΠΊΠΈΠΉΒ», Β«ΠΠ²ΡΡ ΡΠ²Π΅ΡΠ½ΡΠΉΒ».
Material Icons Material Design Icons ΠΏΡΠΈΠ·Π²Π°Π½Ρ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΡ ΠΏΡΠΎΠ±Π΅Π»Ρ, ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΠ΅ Google Π² ΡΠ²ΠΎΠ΅ΠΌ Π½Π°Π±ΠΎΡΠ΅, ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»ΡΡΡΡ ΠΈΠ½ΡΠ΅Π³ΡΠ°ΡΠΈΡ ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π°. ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΡΠΎΠ·Π΄Π°Π½Ρ Π²Π»Π°Π΄Π΅Π»ΡΡΠ°ΠΌΠΈ ΡΠ°ΠΉΡΠ°, Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ. ΠΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ, ΡΡΠΎ ΠΎΠ½ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡΠΌ ΠΏΠΎ Π·Π½Π°ΡΠΊΠ°ΠΌ Material Design, Π½ΠΎ ΠΎΠ½ΠΈ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ ΡΠ²ΡΠ·Π°Π½Ρ Ρ Google. Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΎΠΊΠΎΠ»ΠΎ 7000 ΠΈΠΊΠΎΠ½ΠΎΠΊ Ρ Π·Π°Π»ΠΈΠ²ΠΊΠΎΠΉ ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΎΠΉ.
- ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΎΡΠ»ΠΈΡΠ°ΡΡΡΡ Π΄ΡΡΠ³ ΠΎΡ Π΄ΡΡΠ³Π° ΡΠ²ΠΎΠΈΠΌΠΈ ΠΈΠΌΠ΅Π½Π°ΠΌΠΈ.
2. ΠΠ½ΠΎΠ³Π΄Π° ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ ΠΌΠ΅Π»ΠΊΠΈΠ΅ Π΄Π΅ΡΠ°Π»ΠΈ ΠΈΠΌΠ΅ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅.
3. ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π·Π½Π°ΡΠΊΠΎΠ² ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Π½Ρ ΠΏΠΎ ΠΎΠ΄Π½ΠΈΠΌ ΠΈ ΡΠ΅ΠΌ ΠΆΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π°ΠΌ.
ΠΡΠΈΠΌΠΈΡΠ΅ Π²ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΡΠΈ ΠΌΠΎΠΌΠ΅Π½ΡΡ, ΠΏΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π·Π½Π°ΡΠΊΠΈ Material Design. ΠΠ΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ Π²ΡΠ±ΠΎΡ Π½Π°Π±ΠΎΡΠΎΠ² Π΄Π»Ρ ΠΏΡΠΎΡΠ΅ΡΡΠΎΠ² ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ·Π²Π°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ. Π‘Π»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΡΡΠ»ΠΊΠΈ ΠΏΠΎΠΌΠΎΠ³ΡΡ Π²Π°ΠΌ Π»Π΅Π³ΠΊΠΎ Π½Π°ΠΉΡΠΈ ΡΠ΅ΡΡΡΡΡ.
google/material-design-icons
ΠΠ½Π°ΡΠΊΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° β ΡΡΠΎ ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π½Π°Π±ΠΎΡ Π·Π½Π°ΡΠΊΠΎΠ² ΠΎΡ Google. ΠΠΊΠΎΠ½ΠΊΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Ρ ΠΏΠΎΠ΄ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½β¦
github.com
Figma
Π€Π°ΠΉΠ» ΡΠΎΠΎΠ±ΡΠ΅ΡΡΠ²Π° Figma β ΡΡΠΎ ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½Π°Ρ Π½Π°ΠΊΠ»Π΅ΠΉΠΊΠ° ΡΠΎ Π·Π½Π°ΡΠΊΠΎΠΌ Material Design, ΡΠΏΡΠ°Π²Π»ΡΠ΅ΠΌΠ°Ρ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Google Fonts! Materialβ¦
www.