Π”ΠΈΠ·Π°ΠΉΠ½ прилоТСния для android: Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π§Π°ΡΡ‚ΡŒ 1: Android / Π₯Π°Π±Ρ€

Π­Ρ‚ΠΎΡ‚ Π΄ΠΎΠΊΠ»Π°Π΄ я ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Π» Π½Π° 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

Π”ΠΈΠ·Π°ΠΉΠ½ android ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ β€” Fandroid.info

2Β 344

ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΡΡ‚Π°Ρ‚ΡŒΠΈ Π½Π° ΠœΠ΅Π΄ΠΈΡƒΠΌΠ΅ ΠΎ построСнии ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π° Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ ConstraintLayout. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅

848

[:ru]БСгодня Π² ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΌ выпускС Π”ΠΈΠ·Π°ΠΉΠ½Π° Π°Π½Π΄Ρ€ΠΎΠΈΠ΄ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΎΠ±Π·ΠΎΡ€ интСрСсной Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΎΡ‚ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ DevLight. ΠšΡ‚ΠΎ

653

Π’ этом ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠ΅ ΠΌΡ‹ создадим простоС Android ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для отобраТСния списка данных с использованиСм ViewStub

1Β 657

Π’ этом ΡƒΡ€ΠΎΠΊΠ΅ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π·Π½Π°Ρ‡ΠΊΠΈ для ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² мСню, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π²Β Ρ‚ΡƒΠ»Π±Π°Ρ€Π΅

3Β 201

Android Π£Ρ‡Π΅Π±Π½ΠΈΠΊ: созданиС RecyclerView, CardView ΠΈ мСню ΠΎΠΏΡ†ΠΈΠΉ для элСмСнта RecyclerView Π’ этом ΡƒΡ€ΠΎΠΊΠ΅

9Β 178

Рассмотрим Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° BottomNavigationView.Β Π­Ρ‚ΠΎ ниТняя панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π°Ρ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒΡΡ ΠΌΠ΅ΠΆΠ΄Ρƒ

308

ПослС послСднСго ΠΊΡ€ΡƒΠΏΠ½ΠΎΠ³ΠΎ обновлСния срСды Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Android Studio Π΄ΠΎ вСрсии 2.2 ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΡ‹ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ

2Β 232

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ (Animated Vector Drawable) Π² Π°Π½Π΄Ρ€ΠΎΠΈΠ΄-прилоТСниях. ΠšΠ°ΠΊΒ Π·Π°Π³Ρ€ΡƒΠ·Ρ‚ΡŒ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ android свою

1Β 801

ΠŸΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ (Vector Drawable) Π² Π°Π½Π΄Ρ€ΠΎΠΈΠ΄-прилоТСниях ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ это

3Β 499

О Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ DayNightΒ Ρ‚Π΅ΠΌΡƒ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Π°Π½Π΄Ρ€ΠΎΠΈΠ΄, которая устанавливаСт Ρ‚Π΅ΠΌΠ½ΡƒΡŽ ΠΈΠ»ΠΈ ΡΠ²Π΅Ρ‚Π»ΡƒΡŽ Ρ‚Π΅ΠΌΡƒ

Android Support Library 23.2, DayNight, Android API, animated-vector-drawable, support-vector-drawable, VectorDrawableCompat, AppCompat DayNight, Bottom Sheets, MediaBrowserServiceCompat, RecyclerView, вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Π² android, вСкторная анимация Π² android

640

Android Support Library 23.2 Когда Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Android, Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ

Android Support Library 23.2, DayNight, Android API, animated-vector-drawable, support-vector-drawable, VectorDrawableCompat, AppCompat DayNight, Bottom Sheets, MediaBrowserServiceCompat, RecyclerView, вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Π² android, вСкторная анимация Π² android

2Β 400

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Β Android Design Support LibraryΒ ΠΎΠ±Π»Π΅Π³Ρ‡Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ, обСспСчивая ΠΎΠ±Ρ€Π°Ρ‚Π½ΡƒΡŽ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒΒ ΠΌΠ½ΠΎΠΆΠ΅ΡΡ‚Π²Π°Β ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² Π² ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ стилС, Π²ΠΏΠ»ΠΎΡ‚ΡŒ

Android Support Library 23.2, DayNight, Android API, animated-vector-drawable, support-vector-drawable, VectorDrawableCompat, AppCompat DayNight, Bottom Sheets, MediaBrowserServiceCompat, RecyclerView, вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Π² android, вСкторная анимация Π² android

1Β 616

Как Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Google ΠΎΠ±Π½ΠΎΠ²ΠΈΠ» ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· своих ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉΒ Π² стилС Material Design. Одним

Android Support Library 23.2, DayNight, Android API, animated-vector-drawable, support-vector-drawable, VectorDrawableCompat, AppCompat DayNight, Bottom Sheets, MediaBrowserServiceCompat, RecyclerView, вСкторная Π³Ρ€Π°Ρ„ΠΈΠΊΠ° Π² android, вСкторная анимация Π² android

861

РассматриваСм Scrolling Activity Π² Android Studio β€” Π½ΠΎΠ²Ρ‹ΠΉ шаблон для быстрого создания Π°Π½Π΄Ρ€ΠΎΠΈΠ΄-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹ΠΉ

Π”ΠΈΠ·Π°ΠΉΠ½ для Android

Π‘Ρ‚Π°Ρ‚ΡŒΡ ΠΏΡ€ΠΎΠΏΠ»Π°Ρ‡Π΅Π½Π° кошками — всСмирно извСстными производитСлями котят.

Если ΡΡ‚Π°Ρ‚ΡŒΡ Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ, Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚.

Π ΡƒΠ±Ρ€ΠΈΠΊΠ°, посвящённая Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ΄ Android. ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΠΏΡ€ΠΈΡ‘ΠΌΡ‹, Ρ‚Ρ€ΡŽΠΊΠΈ, хитрости. Π‘Π΄Π΅Π»Π°Π΅ΠΌ прилоТСния красивыми, ΠΊΠ°ΠΊ ΠΊΠΎΡ‚Ρ‹.

ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° взята со страницы Π“ΡƒΠ³Π»Π° ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Design Reviews: Going beyond the surface — Articles — Google Design

ΠžΡΠ½ΠΎΠ²Ρ‹

ΠŸΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Π°Ρ панСль для ImageView

UI-Π΄ΠΈΠ·Π°ΠΉΠ½

ΠšΠ°ΡΡ‚ΠΎΠΌΠΈΠ·Π°Ρ†ΠΈΡ ActionBar

Π‘Ρ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ListView

Настройка Spinner

Кнопка со счётчиком

Shape Shifter

Бсылки

Color Tool — Material Design — Π½ΠΎΠ²Ρ‹ΠΉ инструмСнт ΠΎΡ‚ Google для ΠΏΠΎΠ΄Π±ΠΎΡ€Π° Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΊ Material Design

Material Design, Daily – MaterialUp — Π·Π½Π°Ρ‡ΠΊΠΈ, ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹, ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Π² стилС Material Design. Иногда ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‚ΡΡ ΠΊΠΎΡ‚Ρ‹. ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 1, ΠŸΡ€ΠΈΠΌΠ΅Ρ€ 2

Material Design: Π½Π° Π›ΡƒΠ½Ρƒ ΠΈ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ/Π₯Π°Π±Ρ€Π°Ρ…Π°Π±Ρ€

dracs89/Material-Design-Color-Palette-for-Inkscape

Material Design Color Palette Generator — сСрвис для создания ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρ‹ Π² стилС Material: Π²Ρ‹Π±ΠΈΡ€Π°Π΅ΠΌ основной Ρ†Π²Π΅Ρ‚, Ρ†Π²Π΅Ρ‚ Β«ΠΏΠ»Π°Π²Π°ΡŽΡ‰Π΅ΠΉΒ» ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ сайт Π³Π΅Π½Π΅Ρ€ΠΈΡ€ΡƒΠ΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡƒΡŽ ΠΏΠ°Π»ΠΈΡ‚Ρ€Ρƒ.

Android Asset Studio

Introduction — Material design — Google design guidelines

ΠŸΠ°ΠΌΡΡ‚ΠΊΠ° для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ²

Π˜Π½Ρ‚Π΅Π³Ρ€Π°Ρ†ΠΈΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π§Π°ΡΡ‚ΡŒ 1: Android / Π₯Π°Π±Ρ€Π°Ρ…Π°Π±Ρ€

NinjaMock — free tool for mobile app wireframes and website mockups. — быстроС созданиС эскизов экранов ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ Andoid, iOs, Windows Phone.

БСсплатный Π½Π°Π±ΠΎΡ€ Π·Π½Π°Ρ‡ΠΊΠΎΠ² для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°. Π― Π½Π°ΡˆΡ‘Π» ΠΊΠΎΡ‚Π°! — Free Android Icons — 1000+ icons for your App

Google Π²Ρ‹Π»ΠΎΠΆΠΈΠ»Π° Π½Π° Π“ΠΈΡ‚Ρ…Π°Π±Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Π·Π½Π°Ρ‡ΠΊΠΎΠ² Π² svg-Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΎΠ΄Π½ΠΈΠΌ Π°Ρ€Ρ…ΠΈΠ²ΠΎΠΌ ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΎΠ½Π»Π°ΠΉΠ½. Для использования Π² VectorDrawable.

Π Π΅ΠΊΠ»Π°ΠΌΠ°

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ совСты Π½ΠΎΠ²ΠΈΡ‡ΠΊΠ°ΠΌ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΏΠΎΠ΄ Android / Π₯Π°Π±Ρ€

Π­Ρ‚ΠΎΡ‚ пост послуТит своСобразным Π½Π°Ρ‡Π°Π»ΠΎΠΌ сСрии ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΉ Π½Π° Ρ‚Π΅ΠΌΡƒ Β«ΠΊΠ°ΠΊ я ΡƒΡ‡ΡƒΡΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΏΠΎΠ΄ AndroidΒ». Никогда Π½Π΅ удСлял Π³Π°ΠΉΠ΄Π»Π°ΠΉΠ½Π°ΠΌ достаточно внимания, считая ΠΈΡ… скучными ΠΈ нСинтСрСсными, Π½ΠΎ всС измСнилось. БСйчас я Π½Π°Ρ‡ΠΈΠ½Π°ΡŽ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° достигла своСй зрСлости ΠΈ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ряд интСрСсных Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ.


Π”ΠΎΠ»Π³ΠΎΠ΅ врСмя back Π±Ρ‹Π»Π° Π°ΠΏΠΏΠ°Ρ€Π°Ρ‚Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Android устройств, Π½Π΅ Π±Ρ‹Π»ΠΎ смысла Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΉ Π°Π½Π°Π»ΠΎΠ³ Π² ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс. БСйчас ΠΌΠΎΠ΄Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ back для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Если Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅ β€œΠ½Π°Π·Π°Π΄β€ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ интСрфСйса (Π΅Ρ‘ Π½Π°Π·Ρ‹Π²Π°ΡŽΡ‚ β€œup button”), Ρ‚ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ…Π°Ρ€Π΄Π²Π°Ρ€Π½ΠΎΠΉ back ΠΈ up Π΅ΡΡ‚ΡŒ нСбольшая Ρ€Π°Π·Π½ΠΈΡ†Π°. Up ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° ΠΎΠ΄ΠΈΠ½ экран, Π² Ρ€Π°ΠΌΠΊΠ°Ρ… прилоТСния, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ back ΠΊ Π»ΡŽΠ±ΠΎΠΌΡƒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ ΠΈΠ»ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ.
ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ Android Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡƒΡ‚Π°ΡŽΡ‚ β€” xhdpi (2x), hdpi (1.5x) ΠΈ mdpi (1x).

Π—Π²ΡƒΡ‡ΠΈΡ‚ ΠΊΡ€Π°ΠΉΠ½Π΅ тСхничСски. Когда Π³ΠΎΠ΄ Π½Π°Π·Π°Π΄ я Π½Π°Ρ‡ΠΈΠ½Π°Π» Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ, Π½ΠΈΠΊΡ‚ΠΎ Ρ‚ΠΎΠ»ΠΊΠΎΠΌ Π½Π΅ ΠΌΠΎΠ³ ΠΌΠ½Π΅ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΠΎΠ΅ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ сторон ΠΌΠ΅ΠΆΡƒ Π½ΠΈΠΌΠΈ. ПослС ΠΌΠ½ΠΎΠ³ΠΈΡ… расспросов ΠΈ поисков, ΠΎΠ½ΠΎ составило 720Γ—1280, 540Γ—960 ΠΈ 360Γ—640. ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°ΠΊΠ΅Ρ‚, Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ Ρ…Π°Ρ€Π΄Π²Π°Ρ€Π½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ статус Π±Π°Ρ€.

ΠžΡ‚ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‡ΠΈΠΊΠ°: На самом Π΄Π΅Π»Π΅ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ описано Π² этом Π°Π±Π·Π°Ρ†Π΅, Π½Π΅ совсСм Π²Π΅Ρ€Π½ΠΎ. По ссылкС ΠΈ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π±ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΡ‡Π½ΠΎΠ΅ описаниС.

Π’Π°Π±Π»ΠΈΡ†Π°
Π”ΠΆΠ΅Ρ€Π΅ΠΌΠΈ Π‘Π°Π»Π»ΠΈ, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΠ· Telly, графичСски наглядно ΠΏΠΎΠΊΠ°Π·Π°Π» ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ этих Ρ‚Ρ€Π΅Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ. Π’Π°ΠΌ пригодится Android Action Bar Style Generator для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с Ρ‚Π΅ΠΌΠ°ΠΌΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Он ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ Π·Π°Π΄Π°Ρ‚ΡŒ Π±Π°Π·ΠΎΠ²Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Ρ†Π²Π΅Ρ‚Π°, стиля ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ настройки Π² Zip Ρ„Π°ΠΉΠ» для всСх всСх Ρ‚Ρ€Π΅Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ. Π›ΡƒΡ‡ΡˆΠΈΠΉ способ наглядно ΠΏΠΎΡΠΊΡΠΏΠ΅Ρ€ΠΈΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.


Π’ Android Π΅ΡΡ‚ΡŒ своСобразный способ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ графичСских рСсурсов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° CSS. 9-slicing позволяСт Π²Π°ΠΌ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΡƒΡŽ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ. ΠžΡΡ‚Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ, такая ΠΊΠ°ΠΊ Π·Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹, остаСтся фиксированного Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π΄Π°ΠΆΠ΅ ΠΏΡ€ΠΈ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ всСго рСсурса. Для этого Π² Ρ„Π°ΠΉΠ»Π΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ Ρ‡Π΅Ρ€Π½Ρ‹Π΅ Π»ΠΈΠ½ΠΈΠΈ ΡˆΠΈΡ€ΠΈΠ½ΠΎΠΉ Π² 1px Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… областях:
  • Top: ΠΎΠ±Π»Π°ΡΡ‚ΡŒ, которая ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ растянута ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ.
  • Left: Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ
  • Right: ΠžΠ±Π»Π°ΡΡ‚ΡŒ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ располоТСно содСрТимоС. Π­Ρ‚ΠΎΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для задания отступов.
  • Bottom: Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ


Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ iPhone, Π³Π΄Π΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ находится Π² сСрСдинС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, Π½Π° Android Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Π² Π»Π΅Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ, рядом с Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠΌ прилоТСния. НаТатиС Π½Π° Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Π±ΠΎΠΊΠΎΠ²ΠΎΠ΅ мСню ΠΈΠ»ΠΈ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ вас β€œΠ½Π°Π·Π°Π΄β€, ΠΊ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌΡƒ экрану.

Под Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ прилоТСния ΠΏΠΎΡ€ΠΎΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΡƒΡŽ стрСлочку, благодаря Π΅ΠΉ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π° Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ прилоТСния. ΠŸΡ€ΡΠΌΠΎ ΠΊΠ°ΠΊ Π² сСти ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚, ΠΎΡ‡Π΅Π½ΡŒ частый способ отобраТСния Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅Π³ΠΎ мСню Π½Π° Android.

НаконСц, Ссли Π²Ρ‹ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½ΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅ΡΡŒ ΠΊ Π³Π°ΠΉΠ΄Π»Π°ΠΉΠ½Π°ΠΌ, всС элСмСнты управлСния Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ. Π­Ρ‚ΠΎ относится ΠΈ ΠΊ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ (ΠΏΠΎΡ‚ΡΠ½ΡƒΡ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ± ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ Π½Π° iPhone, ΠΎΡ‡Π΅Π½ΡŒ Ρ€Π΅Π΄ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² Android), поиск, ΠΈ ΠΏΠ΅Ρ‡Π°Π»ΡŒΠ½ΠΎ извСстныС ΠΊΠ½ΠΎΠΏΠΊΠΈ β€œΠ΄Π΅ΠΉΡΡ‚Π²ΠΈΡβ€ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π² ΠΈΠ΄Π΅Π°Π»Π΅ Π΄ΠΎΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π² Π²ΠΈΠ΄Π΅ Ρ‚Ρ€Π΅Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ. Π’ΠΎΡ‡ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Ρ‚Π΅Ρ… дСйствий, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ смог Π²ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Action Bar.


Π¨Ρ€ΠΈΡ„Ρ‚Ρ‹, ΠΊ соТалСнию, зависят ΠΎΡ‚ спСцифики устройства, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹ ΠΊ казусам. НС Ρ€Π°ΡΡΡ‚Ρ€Π°ΠΈΠ²Π°ΠΉΡ‚Π΅ΡΡŒ Ссли Π²Π°ΠΌ придСтся ΠΏΡ€ΠΎΡ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π° старом устройствС. Π‘Ρ‹Π»ΠΈ ΠΈ ΠΊΡƒΠ΄Π° Ρ…ΡƒΠ΄ΡˆΠΈΠ΅ Π΄Π½ΠΈ β€” вспомнитС IE6. Π‘Π°ΠΌΡ‹ΠΉ популярный ΡˆΡ€ΠΈΡ„Ρ‚ Π½Π° Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ Droid Sans. Π’ΠΏΡ€ΠΎΡ‡Π΅ΠΌ Roboto Π½Π°Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΡΡ‚ΡŒ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ присутствуСт Π½Π° Π½ΠΎΠ²Ρ‹Ρ… устройствах.
Начиная с Android 2.x, ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ элСмСнта Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ: 28px для тСкста, 96px для мСню ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°, 116px для Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π°. Π­Ρ‚ΠΎ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΈΠΌ большС Ρ‡Π΅ΠΌ Π² iOS (24px, 88px ΠΈ 100px). Если Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ ΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ 116% Android ΠΊ iOS.
Π ΠΎΠΌΠ°Π½ Нурик ΠΈΠ· Google Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π» ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ инструмСнт Android Design Preview. Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρƒ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ нарисованный Π² графичСском Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚ прилоТСния Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ устройствС.

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ Android Design Preview ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° Windows, Mac OS X ΠΈΠ»ΠΈ практичСски Π»ΡŽΠ±ΡƒΡŽ ΠΈΠ· ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм сСмСйства *nix. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ написано Π½Π° Java ΠΈ прСдставляСт собой ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ JAR-Ρ„Π°ΠΉΠ». Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Android Design Preview ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ смартфон ΠΊ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρƒ ΠΏΠΎ USB (На ПК Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ установлСны ADT), запускаСт Design Preview, Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ‚ Β«Select Mirror RegionΒ» Π² этой ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ ΠΈ Π²ΠΈΠ΄ΠΈΡ‚ ΠΏΠ΅Ρ€Π΅Π΄ собой Ρ€Π°ΠΌΠΊΡƒ. Π­Ρ‚Ρƒ Ρ€Π°ΠΌΠΊΡƒ ΠΎΠ½ устанавливаСт Π½Π° ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΈ Π²ΠΈΠ΄ΠΈΡ‚ Π΅Π³ΠΎ Π½Π° экранС смартфона.

20 инструмСнтов для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

ΠΠ΅Π±ΠΎΠ»ΡŒΡˆΠ°ΡΒ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… инструмСнтов для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния ΠΎΡ‚ издания Mashable:

ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° доя прототипирования ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΈ симуляция основных ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΡ… дСйствий с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ основных Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ². Π•ΡΡ‚ΡŒ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€, панСль создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° ΠΈ ΠΏΠ»Π΅Π΅Ρ€ для просмотра ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° Π² Ρ€Π°Π±ΠΎΡ‚Π΅.

Π“ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ мобильном стройствС ΠΈΠ»ΠΈ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ для создания мокапов Π½Π°Β HTML5 с простым интСрфСйсом ΠΈ Π½Π°Π±ΠΎΡ€ΠΎΠΌ Ρ„ΠΎΡ€ΠΌ, ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΏΠΎΠ»Π΅ΠΉ, ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ основных элСмСнтов интСрфСйса.Β 

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠΈΡ‚ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ для прототипирования ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄Β iPhone ΠΈ iPad.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ быстрого создания ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² Π½Π° основС простой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ с нуля. Π•ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ контроля ΠΈΡ‚Π΅Ρ€Π°Ρ†ΠΈΠΉ, рСдактирования ΠΈ совмСстного коммСнтирования ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° нСсколькими Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°ΠΌΠΈ ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ Π² Ρ€Π΅ΠΆΠΈΠΌΠ΅ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

Один ΠΈΠ· самых популярных инструмСнтов прототипирования ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… интСрфСйсов ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. Π’ ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π΅ β€” дСсятки ΠΈ сотни ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΈ элСмСнтов интСрфСйса. Π•ΡΡ‚ΡŒ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΏΠΎΠ΄ нСсколько основных смартфонов ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Ρ… систСм.

ΠŸΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° для Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ прототипирования ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для iPhone, Android-смартфонов ΠΈ iPad. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Π²ΠΈΠ΄ΠΆΠ΅Ρ‚Π°ΠΌΠΈ.

Π‘Π°ΡƒΠ·Π΅Ρ€Π½ΠΎΠ΅ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π½Π°Β HTML5 для создания ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄Β Android, iOS ΠΈ Windows 8. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ пСрСтаскиваниСм, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ ΠΈΠ· 1700+ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… элСмСнтов интСрфСйса. Π•ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ экспорта дизайнСрских ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠ² ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π“Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ быстрого Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ рСдактирования ΠΈ скачиваСмыми Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°ΠΌΠΈ для Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ² с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ² для iOS, Retina-экранов, Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°ΠΌΠΈ для iPhone, iPad ΠΈΒ Android.

Быстрый инструмСнт Ρ„Ρ€Π΅ΠΉΠΌΠΈΠ½Π³Π° ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° элСмСнтов для прототипирования с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для iPhone, Android, iPad ΠΈΒ Windows Phone.

ΠœΠΎΡ‰Π½Π°Ρ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ°-конструктор с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉΒ 2D- ΠΈΒ 3D-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ². ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ дизайнСрских Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ Π½Π°Β iPhone, iPad ΠΈΠ»ΠΈΒ Android-смартфон для дальнСйшСго тСстирования.

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ инструмСнт для Ρ„Ρ€Π΅ΠΉΠΌΠΈΠ½Π³Π° ΠΈ прототипирования с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ быстрого рисования Π·Π° ΠΏΠ°Ρ€Ρƒ ΠΊΠ»ΠΈΠΊΠΎΠ². ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π΄Π²Π° Π±Π°Π·ΠΎΠ²Ρ‹Ρ… поля для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ шаблона ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°: Π²ΠΈΠ΄ Π² ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ Π²ΠΈΠ΄ Π½Π° экранС смартфона. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ ΠΊΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π° для Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ экрана ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств (смартфоны ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹).

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΡΠΎΠ·Π΄Π°ΡŽΡ‰ΠΈΠΉ быстрыС скСтчи для прототипирования ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π² качСствС Π²ΡΠΏΠΎΠΌΠΎΠ³Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для Eclipse IDE. Π•ΡΡ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΈ Π½Π°Π±ΠΎΡ€Ρ‹ элСмСнтов интСрфСйса для основных ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ОБ.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚  создания интСрфСйсов ΠΈ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ для ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉΒ ΠΏΠΎΠ΄ iPhone.

Π’Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для прототипирования с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов интСрфСйса ΠΈ ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΌ для тСстирования ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ². Π•ΡΡ‚ΡŒ симуляторы для iPhone ΠΈΒ iPad.

ПлоскиС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ интСрфСйса Π½Π° основС Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ² ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ элСмСнтов. НА Π²Ρ‹Ρ…ΠΎΠ΄Π΅ ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚Π΅ ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉΒ HTML-ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ прилоТСния с эффСктами ΠΈ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½Π΅ΠΉ структурой. Π“ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ для тСстирования Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹Ρ… устройствах ΠΏΠΎΠ΄Β iOS ΠΈ Android.

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚ создания простых ΠΌΠΎΠΊΠ°ΠΏΠΎΠ² для iPhone, годится для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰Π΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π°, Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎΡΡ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ°ΠΌΠΈ.

ΠœΠΎΡ‰Π½Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° элСмСнтов Π²Π½ΡƒΡ‚Ρ€ΠΈ Π²Π΅Π±-прилоТСния для прототипирования, Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°Β CSS3-эффСктов. ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚Π½ΡƒΡŽ Ρ€Π°Π±ΠΎΡ‚Ρƒ Π½Π°Π΄ ΠΎΠ΄Π½ΠΈΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π² Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΠΌ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

ΠŸΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π° основС ΠΊΠ°ΠΊ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ…, Ρ‚Π°ΠΊ ΠΈ создаваСмых Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠΌ элСмСнтов. Π•ΡΡ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ экспортирования набросков Π² Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Быстрый конструктор ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² с Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒΡŽΒ drag-and-drop ΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ². Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ ΠΌΠΎΠΆΠ½ΠΎ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°Β iOS- ΠΈΒ Android-устройствах.

ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠΎΠΊΠ°ΠΏΡ‹ с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ элСмСнтам ΠΈ структурС ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠ° прилоТСния. Π•ΡΡ‚ΡŒ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ для iPhone/iPad ΠΈ устройств Π½Π° основС Android. Π“ΠΎΡ‚ΠΎΠ²Ρ‹ΠΉ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Β IPML, JPG, PNG, PDF ΠΈΠ»ΠΈ HTML, Π»ΠΈΠ±ΠΎ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ссылкой Π½Π° Π²Π΅Π±-страницу Π΄Ρ€ΡƒΠ³ΠΈΠΌ участникам ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° для обсуТдСния ΠΈ совмСстного тСстирования.

Π—Π°Π²Π΅Ρ€ΡˆΠ°Π΅Ρ‚ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒΒ open-source инструмСнт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ ΠΈ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² интСрфСйса с ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ встроСнной Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ Ρ„ΠΎΡ€ΠΌ ΠΈ элСмСнтов ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊ-схСмы для Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Если Π²Ρ‹ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ прилоТСния для iOS ΠΈ Android (Material Design), Ρ‚ΠΎ это руководство станСт вашим Π½ΠΎΠ²Ρ‹ΠΌ Π»ΡƒΡ‡ΡˆΠΈΠΌ Π΄Ρ€ΡƒΠ³ΠΎΠΌ ?.

ΠœΡ‹ рассмотрим Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹Π΅ для UX / UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² различия ΠΌΠ΅ΠΆΠ΄Ρƒ iOS ΠΈ Android. Если Π²Ρ‹ создали ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹, Ρ‚ΠΎ ΠΈΠ· этой ΡΡ‚Π°Ρ‚ΡŒΠΈ Π²Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ «пСрСвСсти» Π΅Π³ΠΎ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡƒ. Но, это всСго лишь Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ. Π Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π΅ Β«iOS-ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΡΒ» Π½Π° Β«Android-ΠΌΡ‹ΡˆΠ»Π΅Π½ΠΈΠ΅Β» ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚.

Π”ΠΈΠ·Π°ΠΉΠ½ интСрфСйса iOS ΠΈ Android: основныС отличия

НиТС прСдставлСны Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½Ρ‹Π΅ различия, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ UX / UI Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Β«ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π΅Β» прилоТСния с iOS Π½Π° Android ΠΈΠ»ΠΈ Π½Π°ΠΎΠ±ΠΎΡ€ΠΎΡ‚:

Π”Π°, ΠΈ ΠΏΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΌΡ‹ углубимся Π² эту Ρ‚Π΅ΠΌΡƒ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΠΌ Π½Π° ΠΎΠ΄ΠΈΠ½ Π²Π°ΠΆΠ½Ρ‹ΠΉ вопрос, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ опрСдСляСт всС ΠΎΡΡ‚Π°Π»ΡŒΠ½ΠΎΠ΅β€¦

НуТно Π»ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ прилоТСния для Android ΠΈ iOS Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ?

Если ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎ, Ρ‚ΠΎ Β«Π½Π΅Ρ‚Β».

Apple ΠΈ Google – ΠΎΡ‡Π΅Π½ΡŒ ΡƒΠΌΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ с ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π°ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Они Π±ΡƒΠ΄ΡƒΡ‚ ΡΠΎΠ²Π΅Ρ€ΡˆΠ°Ρ‚ΡŒ UX-ошибки, ΠΊΠ°ΠΊ ΠΈ любая другая компания, Π½ΠΎ ΠΎΠ½ΠΈ Π½Π΅ ΡΠΎΠ²Π΅Ρ€ΡˆΠ°Ρ‚ Π²ΠΎΠΏΠΈΡŽΡ‰ΠΈΡ… ошибок, ΠΊΠΎΠ³Π΄Π° Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ язык Π΄ΠΈΠ·Π°ΠΉΠ½Π° своих систСм. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ, хотя, Π½ΠΈΠΆΠ΅ я ΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽ Π΄Π²Π° Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹Ρ… ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π° (iOS ΠΈ Android), Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π½ΠΈΡ… Π½Π΅ являСтся Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ. Если ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡƒΠ²Π΅Ρ€Π΅Π½Π½ΠΎ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ ΠΏΠΎ Π²Π°ΡˆΠ΅ΠΌΡƒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡŽ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ, Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ΡŒ Π²Π°ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Π½Π° iOS ΠΈΠ»ΠΈ ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ прСдставлСния Π½Π° Android.

Если ваша Ρ†Π΅Π»ΡŒ – ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ для ΠΎΠ±Π΅ΠΈΡ… ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΎ Π±Ρ‹Π»ΠΎ Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ для Ρ‚ΠΎΠΉ систСмы, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, Ρ‚ΠΎ это руководство для вас.

Навигация iOS ΠΈ Android

Навигация Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части экрана

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

НачнСм с Π²Π΅Ρ€ΡˆΠΈΠ½Ρ‹ – Π±ΡƒΠΊΠ²Π°Π»ΡŒΠ½ΠΎ. КаТдая ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·Π½Ρ‹Π΅ стандарты для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ отобраТаСтся Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° экранов.

Π’ iOS ΠΊΡ€Π°ΠΉΠ½Π΅Π΅ Π»Π΅Π²ΠΎΠ΅ дСйствиС ΠΏΠΎΡ‡Ρ‚ΠΈ всСгда являСтся дСйствиСм Β«Π½Π°Π·Π°Π΄Β» – ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΊ ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌΡƒ экрану (Β«Π¨Π°Π³ 2Β» Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ΠΊ Β«Π¨Π°Π³Ρƒ 1Β»), ΠΈΠ»ΠΈ иСрархичСски ΠΊ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠΌΡƒ экрану (ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΎΡ‚ Β«InboxΒ» ΠΊ Β«MailboxesΒ»). ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, здСсь ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ привязан нСсвязанный ΠΏΡƒΠ½ΠΊΡ‚ назначСния. Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ страницы практичСски всСгда присутствуСт, Π½ΠΎ сТимаСтся ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ прСдставлСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ. Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ дСйствия Π½Π° страницС могут ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ, ΠΊΠ°ΠΊ ΠΎΠ΄Π½ΠΎ тСкстовоС дСйствиС ΠΈΠ»ΠΈ нСсколько ΠΈΠΊΠΎΠ½ΠΎΠΊ.

На Android Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ страницы выравниваСтся ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ. Π‘Π»Π΅Π²Π° ΠΎΡ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° страницы Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π½ΠΈΡ‡Π΅Π³ΠΎ, Π½ΠΎ (Π°) Ссли это страница Π²Π΅Ρ€Ρ…Π½Π΅Π³ΠΎ уровня ΠΈ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠ° Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€-мСню, ΠΎΠ½Π° располоТСна Ρ‚Π°ΠΌ, ΠΈΠ»ΠΈ (Π±) Ссли эта страница слСдуСт Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ (ΠΏΠΎ ТСланию) Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π½Π°Π·Π°Π΄.

РСсурсы: панСль Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ iOS; вСрхняя панСль Material Design.

Основная навигация

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Основная навигация ΠΈΠ»ΠΈ Β«ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ назначСния» ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ располоТСны ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ.

Π’ iOS-прилоТСниях основныС ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ назначСния пСрСчислСны Π² Π²ΠΈΠ΄Π΅ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части экрана.

  1. ВсСго 2-5 Π²ΠΊΠ»Π°Π΄ΠΎΠΊ
  2. Они ΠΈΠΌΠ΅ΡŽΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° 10
  3. Они ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ основныС ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ назначСния

МногиС популярныС сторонниС iOS-прилоТСния Ρ‚Π°ΠΊΠΆΠ΅ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‚ нСскольким Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ:

  1. Π›ΡŽΠ±Π°Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ°, ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π°Ρ основноС дСйствиС прилоТСния – Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π½ΠΎΠ²ΠΎΠΉ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ Π² Ρ„ΠΎΡ‚ΠΎ-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ – цСнтрируСтся
  2. Π›ΡŽΠ±Π°Ρ Π²ΠΊΠ»Π°Π΄ΠΊΠ° профиля ΠΈΠ»ΠΈ настроСк располоТСна послСднСй
  3. Поиск ΠΈΠ΄Π΅Ρ‚ Π²Ρ‚ΠΎΡ€Ρ‹ΠΌ

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, iOS-прилоТСния ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ (1) Π½Π΅ ΠΏΠΎΠΎΡ‰Ρ€ΡΡŽΡ‚ дСйствия, находящиСся Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, (2) Π½Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, связанных с ΠΏΡ€ΠΎΡ„ΠΈΠ»Π΅ΠΌ ΠΈΠ»ΠΈ настройками, ΠΈ (3) ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ поиск послСдним.

Π‘Π°ΠΌΠΎΠ΅ большоС Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠ΅ Π² прилоТСниях Android Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ΄Π½ΠΈ ΠΈ Ρ‚Π΅ ΠΆΠ΅ основныС ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ назначСния распространСны ΠΏΠΎ всСму интСрфСйсу – часто ΠΌΠ΅ΠΆΠ΄Ρƒ (a) Β ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€-мСню, (b)  панСлью поиска, (c) Π²ΠΊΠ»Π°Π΄ΠΊΠ°ΠΌΠΈ ΠΈΠ»ΠΈ (d) floating action button. ΠœΡ‹ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎΠ±ΠΎ всСх 4 элСмСнтах Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Ρ€Π°Π·Π΄Π΅Π»Π°Ρ…. Π”Π°, ΠΈ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Android ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ниТнюю Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ совсСм Π½Π΅Π΄Π°Π²Π½ΠΎ, Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ iOS – Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ вСрсиями ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.

РСсурсы:Β ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ iOS; ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Material Design

Π’Ρ‚ΠΎΡ€ΠΈΡ‡Π½ΠΎΠ΅ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠ΅ мСню

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’ iOS ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΠΌΠΎΠ³ΡƒΡ‚ (a) Π±Ρ‹Ρ‚ΡŒ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½Ρ‹ Π½Π° ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½ΡƒΡŽ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Β«MoreΒ» ΠΈΠ»ΠΈ (b) ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ дСйствия Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΠΈΠ»ΠΈ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² Π½Π°Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ.

На Android Π²Ρ‚ΠΎΡ€ΠΈΡ‡Π½Ρ‹Π΅ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ ΠΏΡƒΠ½ΠΊΡ‚Ρ‹ назначСния пСрСчислСны Π² Π±ΠΎΠΊΠΎΠ²ΠΎΠΌ мСню, доступном ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€-мСню.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: хотя Apple ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Π½Π΅ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€-мСню, Ρƒ ΠΌΠ½ΠΎΠ³ΠΈΡ… сторонних iOS-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΎΠ½Π° Π΅ΡΡ‚ΡŒ, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ сами Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π΅ ΠΈΠ»ΠΈ Π½Π΅Ρ‚. Π›ΡƒΡ‡ΡˆΠ΅ всСго ΠΈΠ·Π±Π΅Π³Π°Ρ‚ΡŒ элСмСнтов, ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Π²Π°ΠΆΠ½Ρ‹Π΅ Π²Π΅Ρ‰ΠΈ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎΠ΅ всСгда ΠΏΠΎΠ±Π΅ΠΆΠ΄Π°Π΅Ρ‚.

РСсурсы: Material DesignΒ nav drawer

ДСйствиС «Назад»

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’ iOS Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒΡΡ Π½Π°Π·Π°Π΄ 4 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ способами, Π² зависимости ΠΎΡ‚ контСкста.

ΠœΠ΅Ρ‚ΠΎΠ΄ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ Π½Π°Π·Π°Π΄ (IOS)ΠšΠΎΠ½Ρ‚Π΅ΠΊΡΡ‚, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ
ΠΠ°ΠΆΠ°Ρ‚ΡŒ «Назад» Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ ΡΠΊΡ€Π°Π½Π°Π›ΡŽΠ±ΠΎΠΉ экран, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ присутствуСт дСйствиС «Назад»
Π‘Π²Π°ΠΉΠΏ Π²ΠΏΡ€Π°Π²ΠΎ ΠΎΡ‚ Π»Π΅Π²ΠΎΠ³ΠΎ края ΡΠΊΡ€Π°Π½Π°Π›ΡŽΠ±ΠΎΠΉ экран, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ дСйствиС Π½Π°Π·Π°Π΄ располоТСно Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ
ΠΠ°ΠΆΠ°Ρ‚ΡŒ Β«Π“ΠΎΡ‚ΠΎΠ²ΠΎΒ» Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ экранаНС Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠ΅ΠΌΡ‹Π΅ ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ прСдставлСния
Π‘Π²Π°ΠΉΠΏ Π²Π½ΠΈΠ· ΠΏΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΡƒΠœΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ»ΠΈ полноэкранныС прСдставлСния

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈ полноэкранныС прСдставлСния? Π₯ΠΎΡ€ΠΎΡˆΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ спросили.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

ΠœΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΊΠ½Π° – это одноэкранныС Π·Π°Π΄Π°Ρ‡ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ, Π½Π° ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅, заставляя ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ экран ΠΎΡ‚ΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ Π½Π° Π·Π°Π΄Π½ΠΈΠΉ ΠΏΠ»Π°Π½. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΠ»ΠΎΠ½ΠΈΡ‚ΡŒ ΠΈΡ…, провСдя ΠΏΠ°Π»ΡŒΡ†Π΅ΠΌ Π²Π½ΠΈΠ· ΠΈΠ»ΠΈ Π½Π°ΠΆΠ°Π² «Назад» Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части модального ΠΎΠΊΠ½Π°.

ΠŸΠΎΠ»Π½ΠΎΡΠΊΡ€Π°Π½Π½Ρ‹Π΅ ΠΎΠΊΠ½Π° – это ΠΌΠ΅Π΄ΠΈΠ°-Ρ„Π°ΠΉΠ»Ρ‹, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈΠ»ΠΈ Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‚ вСсь экран. Π˜Ρ… ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π° iOS ΠΈ Android, свайпом Π²Π½ΠΈΠ·.

Π’ Android навигация Π½Π°Π·Π°Π΄ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΡ‰Π΅: для Android 10 ΠΈ Π½ΠΎΠ²Π΅Π΅ просто ΠΏΡ€ΠΎΠ²Π΅Π΄ΠΈΡ‚Π΅ ΠΏΠ°Π»ΡŒΡ†Π΅ΠΌ с любой стороны экрана – это всСгда Π±ΡƒΠ΄Π΅Ρ‚ навигация Π½Π°Π·Π°Π΄. Для Android 9 ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π²Π΅Π·Π΄Π΅ΡΡƒΡ‰ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ «Назад» Π² Π»Π΅Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ экрана.

Π”ΠΈΠ·Π°ΠΉΠ½ элСмСнтов управлСния iOS ΠΈ Android

ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡ€ΠΈΠ·Ρ‹Π²Π° ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’ iOS основная ΠΊΠ½ΠΎΠΏΠΊΠ° страницы ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ находится Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ.

Π’ Android, ΠΎΠ΄Π½Π°ΠΊΠΎ, основная ΠΊΠ½ΠΎΠΏΠΊΠ° страницы часто отобраТаСтся Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ, ΠΊΠ°ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ° floating action button ΠΈΠ»ΠΈ сокращСнно FAB.

Π‘Ρ‚ΠΎΠΈΡ‚ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ. Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΠΈΡ….

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Иногда Π² iOS Π²Π°ΠΆΠ½Ρ‹Π΅ дСйствия страницы ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π½Π° Π½ΠΈΠΆΠ½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ инструмСнтов. Apple Π»ΡŽΠ±ΠΈΡ‚ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° ΠΎΡ‡Π΅Π½ΡŒ отличаСтся ΠΎΡ‚ ΠΏΠ°Π½Π΅Π»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, Π½ΠΎ ΠΌΡ‹-Ρ‚ΠΎ Π·Π½Π°Π΅ΠΌ.

Π’ Android, Π½Π°ΠΏΡ€ΠΎΡ‚ΠΈΠ², ΠΈΠ½ΠΎΠ³Π΄Π° Π²Π°ΠΆΠ½Ρ‹Π΅ дСйствия Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части экрана.

РСсурсы: ΠΊΠ½ΠΎΠΏΠΊΠΈ iOS; floating action button Material Design

Поиск

Как Π½Π° iOS, Ρ‚Π°ΠΊ ΠΈ Π½Π° Android поиск – ΠΎΡ‡Π΅Π½ΡŒ Π³ΠΈΠ±ΠΊΠΈΠΉ элСмСнт управлСния. Иногда это основной ΠΏΡƒΠ½ΠΊΡ‚ прилоТСния, ΠΈΠ½ΠΎΠ³Π΄Π° это ΠΊΡ€Π°ΠΉΠ½ΠΈΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ использования, ΠΈ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΎΠ½ находится ΠΌΠ΅ΠΆΠ΄Ρƒ этими двумя Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π°ΠΌΠΈ. Как ΠΈ слСдовало ΠΎΠΆΠΈΠ΄Π°Ρ‚ΡŒ, каТдая ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΠ° обСспСчиваСт ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΡƒΡŽ Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ. Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° ΠΎΠ±Ρ‰ΠΈΠ΅ ΠΏΠ°Ρ€Π°Π΄ΠΈΠ³ΠΌΡ‹.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Одно ΠΈΠ· Ρ€Π°Π·Π»ΠΈΡ‡ΠΈΠΉ Π² стилС поиска ΠΌΠ΅ΠΆΠ΄Ρƒ iOS ΠΈ Android:

  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ поиск, Π² iOS Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«ΠžΡ‚ΠΌΠ΅Π½Π°Β» ΠΈΠ»ΠΈ «←» Π² Android
  • Π§Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‡ΠΈΡΡ‚ΠΈΡ‚ΡŒ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ запрос, Π½ΠΎ ΠΎΡΡ‚Π°Ρ‚ΡŒΡΡ Π½Π° экранС поиска, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Β«XΒ» Π² iOS ΠΈΠ»ΠΈ Β«XΒ» Π² Android

Когда поиск являСтся ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠ΅ΠΉ прилоТСния, iOS ΠΈ Android сразу отобразят панСль поиска. НаТатиС Π½Π° строку поиска ΠΎΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ экран.

Если поиск Π½Π΅ являСтся критичСски Π²Π°ΠΆΠ½Ρ‹ΠΌ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊ Π½Π΅ΠΌΡƒ доступ ΠΈΠ· Π΄Ρ€ΡƒΠ³ΠΈΡ… мСст.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’ iOS поиск ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ отобраТаСтся срСди основных Π²ΠΊΠ»Π°Π΄ΠΎΠΊ ΠΈΠ»ΠΈ дСйствий Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.

Π’ Android Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π΅Π³ΠΎ Π² контСкстных дСйствиях Π½Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.

РСсурсы: строка поиска iOS; ΠΏΠ°Ρ‚Ρ‚Π΅Ρ€Π½ поиска Material Design.

МСню дСйствий

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’ iOS мСню дСйствий ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π²Ρ‹Π·Π²Π°Π½Ρ‹ любой ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΈΠ»ΠΈ ΠΏΠΎΠΏΡ‹Ρ‚ΠΊΠΎΠΉ ΠΏΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ ΠΊΠ°ΠΊΠΎΠ΅-Π»ΠΈΠ±ΠΎ дСйствиС. Они ΡΠΊΠΎΠ»ΡŒΠ·ΡΡ‚ снизу-Π²Π²Π΅Ρ€Ρ…, Π² Π»Π΅Π³ΠΊΠΎ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ экрана.

Π’ Android, ΠΎΠ΄Π½Π°ΠΊΠΎ, Π½ΠΈΠΆΠ½ΠΈΠ΅ листы ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ с трСмя Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ (это ΠΈΠΊΠΎΠ½ΠΊΠ° Android для Β«Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ²Β»). И ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ снизу Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚ΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… дСйствий.

ОбС ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΠΌΠ΅ΡŽΡ‚ свои стандарты для мСню дСйствий.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’ Π½ΠΎΠ²ΠΎΠΉ вСрсии iOS (iOS 13) функция, называСмая «контСкстноС мСню», ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ связанныС дСйствия ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΈ ΡƒΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠΈ элСмСнта. Когда отобраТаСтся контСкстноС мСню, Ρ„ΠΎΠ½ Ρ€Π°Π·ΠΌΡ‹Ρ‚.

А Π² Android ΠΌΠ½ΠΎΠ³ΠΈΠ΅ мСню Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ прямо Π½Π° элСмСнтС. Π’ Π±ΠΎΠ»Π΅Π΅ Π½ΠΎΠ²Ρ‹Ρ… вСрсиях Android мСню Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΡƒ многоточия.

РСсурсы: action sheets iOS, контСкстныС мСню; мСню,Β bottom sheets Android

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ управлСния Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ

На ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах слСдуСт ΠΏΠΎ-Ρ€Π°Π·Π½ΠΎΠΌΡƒ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΠΈ Π²Ρ‹Π±ΠΎΡ€ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΈΠ· мноТСства.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Для Π²Ρ‹Π±ΠΎΡ€Π° срСди ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ нСбольшого числа Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π² iOS ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ элСмСнт управлСния Π²Ρ‹Π±ΠΎΡ€Π°. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ Π·Π°ΠΊΡ€Π΅ΠΏΠ»Π΅Π½Π½Ρ‹ΠΌ Π²Π½ΠΈΠ·Ρƒ (ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅) ΠΈΠ»ΠΈ встроСнным Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ (см. Β«Date PickersΒ» Π½ΠΈΠΆΠ΅).

Для Π²Ρ‹Π±ΠΎΡ€Π° ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² Π½Π° Android ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ΡΡ мСню (ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ отобраТаСтся Π½Π° мСстС) ΠΈΠ»ΠΈ модальноС Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ со списком Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² (ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ отобраТаСтся ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ ΠΈ затСмняСт Ρ„ΠΎΠ½ прилоТСния).

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Для Π±ΠΎΠ»Π΅Π΅ Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… списков Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΈΠ»ΠΈ, ΠΊΠΎΠ³Π΄Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ΅Π½ мноТСствСнный Π²Ρ‹Π±ΠΎΡ€, ΠΊΠ°ΠΊ Π½Π° iOS, Ρ‚Π°ΠΊ ΠΈ Π½Π° Android, часто встрСчаСтся Π²Ρ‹Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ «экран Π²Ρ‹Π±ΠΎΡ€Π°Β». Одна ΠΈΠ· самых Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ошибок Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰Π΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Π° Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ – это Π½Π΅ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ экрана для Π²Ρ‹Π±ΠΎΡ€Π° ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Π° ΠΈΠ· большого количСства ΠΎΠΏΡ†ΠΈΠΉ.

РСсурсы:Β pickers iOS;Β Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ΡΡ списки,Β Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²Ρ‹Π΅ ΠΎΠΊΠ½Π° Android

БрСдства Π²Ρ‹Π±ΠΎΡ€Π° Π΄Π°Ρ‚Ρ‹ (Date pickers)

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’ iOS срСдства Π²Ρ‹Π±ΠΎΡ€Π° Π΄Π°Ρ‚Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ Π²ΠΈΠ΄ любого Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ элСмСнта Π²Ρ‹Π±ΠΎΡ€Π°, Π½ΠΎ со столбцом для дня, мСсяца ΠΈ Π³ΠΎΠ΄Π° (ΠΏΠΎ ТСланию).

Android ΠΈΠΌΠ΅Π΅Ρ‚ свой собствСнный элСмСнт Π²Ρ‹Π±ΠΎΡ€Π° Π΄Π°Ρ‚Ρ‹. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π³ΠΎΠ΄, Π½Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π΅Π³ΠΎ ΠΈΠ»ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ самому Ρ€Π΅ΡˆΠΈΡ‚ΡŒ, Ρ…ΠΎΡ‡Π΅Ρ‚ Π»ΠΈ ΠΎΠ½ Π΅Π³ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ.

РСсурсы: iOSΒ picker; AndroidΒ date pickerΒ (ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° различия Π² спСцификации Material Design)

Π’ΠΊΠ»Π°Π΄ΠΊΠΈ

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π‘Ρ‚ΠΎΠΈΡ‚ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ iOS Π½Π΅Ρ‚ элСмСнта управлСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π΅Ρ‚ Β«Π²ΠΊΠ»Π°Π΄ΠΊΠΈΒ». ВмСсто этого Apple ΠΏΡ€ΠΈΠ·Ρ‹Π²Π°Π΅Ρ‚ вас ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡΠ΅Π³ΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΌΠ΅ΠΆΠ΄Ρƒ сСстринскими прСдставлСниями.

Π’ Android Π²ΠΊΠ»Π°Π΄ΠΊΠ° Π² стилС «плоский Π΄ΠΈΠ·Π°ΠΉΠ½Β» ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ дисплСя.

РСсурсы: сСгмСнтированныС элСмСнты управлСния iOS; Π²ΠΊΠ»Π°Π΄ΠΊΠΈ Material Design

ΠžΡ‚ΠΌΠ΅Π½Π° дСйствия

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’ iOS прСдупрСТдСния ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ экрана, Π½ΠΎ Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅, ΠΊΠ°ΠΊ прСдупрСТдСния ΡΠΊΠΎΠ»ΡŒΠ·ΡΡ‚ Π²Π²Π΅Ρ€Ρ… ΠΎΡ‚ Π½ΠΈΠΆΠ½Π΅ΠΉ части экрана (тСхничСски Π½Π°Π·Ρ‹Π²Π°Π΅ΠΌΠΎΠΉ «панСлью дСйствий» языком iOS). ДСструктивныС дСйствия (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΡƒΠ΄Π°Π»Π΅Π½ΠΈΠ΅ Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ) ΠΈΠΌΠ΅ΡŽΡ‚ красный Ρ†Π²Π΅Ρ‚.

Π’ Android Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ прСдупрСТдСния ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ экрана. Однако, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ Π²Π²ΠΎΠ΄Π° Π΄Π°Π½Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΡ‡Π΅Π·Π½ΡƒΡ‚ΡŒ Ρ‡Π΅Ρ€Π΅Π· нСсколько сСкунд, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Β«snackbarsΒ». Snackbars – Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ (Π°) ΠΎΠ½ΠΈ Π΄Π°ΡŽΡ‚ Π²Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒΒ  ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ, Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ дСйствиС Π±Ρ‹Π»ΠΎ ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹ΠΌ, ΠΈ (Π±) Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊ Π½ΠΈΠΌ ΠΎΠ΄Π½ΠΎ ΠΈΠ»ΠΈ Π΄Π²Π° дСйствия, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΡ… ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ мСстом для размСщСния дСйствия Β«ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒΒ». Π― Π±Ρ‹ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Π΅Π», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠΎΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΈΠΌΠ΅Π»ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΎΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ дСйствиС. Π”Π²Π°ΠΆΠ΄Ρ‹ ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ пытаСтся ΠΏΡ€ΠΈΠ½ΡΡ‚ΡŒ Π²Π°ΠΆΠ½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅.

РСсурсы: Undo ΠΎΡ‚ iOS; snackbars ΠΎΡ‚ Material Design

Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° iOS ΠΈ Android

Π¨Ρ€ΠΈΡ„Ρ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π₯отя Π½Π΅Ρ‚ нСобходимости ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ iPhone ΠΈΠ»ΠΈ Android с систСмным ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π·Π½Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ систСмныС ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹. На случай, Ссли Π²Ρ‹ Π·Π°Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΠΌΠΈΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ прилоТСния.

БистСмный ΡˆΡ€ΠΈΡ„Ρ‚ iOS называСтся San Francisco (SF). Π­Ρ‚ΠΎ ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΉ для сохранСния удобочитаСмости ΠΏΡ€ΠΈ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… тСкста. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ SF здСсь.

БистСмный ΡˆΡ€ΠΈΡ„Ρ‚ Android называСтся Roboto. Π₯отя ΠΎΠ½ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆ Π½Π° SF, Π΅Π³ΠΎ Π±ΡƒΠΊΠ²Ρ‹ Π²Ρ‹ΡˆΠ΅, Π° ΠΌΠ΅ΠΆΠ±ΡƒΠΊΠ²Π΅Π½Π½ΠΎΠ΅ расстояниС Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ большС. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Roboto здСсь.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, для ΠΌΠ½ΠΎΠ³ΠΈΡ… Android систСм установлСн собствСнный Google-ΡˆΡ€ΠΈΡ„Ρ‚ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Product Sans, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ нСдоступСн для стороннСго использования.

Π‘Ρ‚ΠΈΠ»ΠΈ тСкста

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅, я ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎ описал, Β ΠΊΠ°ΠΊ ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ тСкст прилоТСния ΠΏΠΎΠ΄ iPhoneΒ ΠΈ,Β ΠΊΠ°ΠΊ ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ тСкст прилоТСния ΠΏΠΎΠ΄ Android.

РСсурсы: Руководство ΠΏΠΎ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅ iOS; Руководство ΠΏΠΎ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅ Material Design.

Π”Ρ€ΡƒΠ³ΠΈΠ΅ стандарты ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ iOS vs. Android

Π Π°Π·ΠΌΠ΅Ρ€ ΠΈ Ρ„ΠΎΡ€ΠΌΠ° ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Руководство ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎΠ΄ iOS ΠΈ Android. ΠžΡΠ½ΠΎΠ²Π½Ρ‹Π΅ различия ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌ

Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ iPhone Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ…:

Π Π°Π·ΠΌΠ΅Ρ€ ΠΈΠΊΠΎΠ½ΠΊΠΈΠ“Π΄Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ
180Γ—180 pxΠ­ΠΊΡ€Π°Π½ Β«Π”ΠΎΠΌΠΎΠΉΒ» iPhone для Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² @3x (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 11 Pro, X, Xs, 8+)
120Γ—120 pxj

6 Π»ΡƒΡ‡ΡˆΠΈΡ… Android-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π°

Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ для Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π°


ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π° Π² Π΄ΠΎΠΌΠ΅ – ΠΎΡ‡Π΅Π½ΡŒ отвСтствСнноС Π΄Π΅Π»ΠΎ. Π’ настоящСС врСмя Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Ρ‚Ρ€ΡƒΠ΄Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π΄Π°ΠΆΠ΅ для Π½ΠΎΠ²ΠΈΡ‡ΠΊΠΎΠ² Π² этой сфСрС. Π‘ΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ΅ ПО для вашСго Android-устройства ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠΈΡ‚ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΡŽ ΠΊΠΎΠΌΠ½Π°Ρ‚, Π½ΠΎ ΠΈ ΠΏΠΎΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π·Π°Ρ‚Ρ€Π°Ρ‚Ρ‹ Π½Π° Ρ€Π΅ΠΌΠΎΠ½Ρ‚.

Учитывая Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π² арсСналС ΠΌΠ½ΠΎΠ³ΠΈΡ… Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΉ Π΅ΡΡ‚ΡŒ ΡƒΠΆΠ΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², для вас такая Π·Π°Π΄Π°Ρ‡Π° Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ простой, Π½ΠΎ ΠΈ ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ. ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, прСдставлСнныС Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅, ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠΏΠ»ΠΎΡ‚ΠΈΡ‚ΡŒ всС ваши ΠΌΠ΅Ρ‡Ρ‚Ρ‹ Π² ΠΏΠ»Π°Π½Π΅ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π° Π΄ΠΎΠΌΠ° ΠΈ Π΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π½ΡƒΡ‚Ρ€ΠΈ.

ΠŸΠ ΠžΡ€Π°Π± Free

ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ позволяСт вСсти расчёты ΠΏΡ€ΠΈ Ρ€Π΅ΠΌΠΎΠ½Ρ‚Π΅ ΠΈ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π΅. Ѐункция подсчёта ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΈ помСщСния ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° для составлСния ΠΎΡ‚Ρ‡Ρ‘Ρ‚Π° ΠΎ количСствС Ρ€Π°Π·Π½Ρ‹Ρ… стройматСриалов.
Π’Ρ‹Π±ΠΎΡ€ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠŸΠ ΠžΡ€Π°Π± Free
НСобходимо ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ присутствуСт Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²Ρ‹Ρ‡ΠΈΡΠ»ΠΈΡ‚ΡŒ количСство Ρ€ΡƒΠ»ΠΎΠ½ΠΎΠ² ΠΎΠ±ΠΎΠ΅Π², Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Ρ… ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠΎΠ΄ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠΎΠΌΠ½Π°Ρ‚. Π’Π°ΠΊΠΈΠΌ ΠΆΠ΅ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ ΠΌΠ΅Ρ‚Ρ€Π°ΠΆ, опрСдСляСтся число Ρ€ΡƒΠ»ΠΎΠ½ΠΎΠ² Π»Π°ΠΌΠΈΠ½Π°Ρ‚Π° ΠΈΠ»ΠΈ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°.
Расчёт количСства ΠΏΠ»ΠΈΡ‚ΠΊΠΈ для помСщСния Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠŸΠ ΠžΡ€Π°Π± Free
Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ПО позволяСт ΡΠ»Π΅Π΄ΠΈΡ‚ΡŒ Π·Π° своими финансами, контролируя ΠΈΡ…. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ, которая сохраняСт всС ваши ΠΎΡ‚Ρ‡Ρ‘Ρ‚Ρ‹ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΌ Ρ„Π°ΠΉΠ»Π΅. Он сохраняСтся Π² памяти смартфона ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°, Π° ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠ° ΠΎΡ‚Ρ‡Ρ‘Ρ‚Π° Π½Π° e-mail ΠΊΠΎΠ»Π»Π΅Π³Π΅ ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π΅ составит ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠŸΠ ΠžΡ€Π°Π± Free с Google Play

Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π° для IKEA

Π£Π΄ΠΎΠ±Π½ΠΎΠ΅ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, способноС ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ собствСнный ΡΡ‚ΠΈΠ»ΡŒ ΠΊΠΎΠΌΠ½Π°Ρ‚. Благодаря Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²ΠΊΡƒ помСщСния. Π’ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ имССтся Π±ΠΎΠ»Π΅Π΅ 1000 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ², Π²ΠΊΠ»ΡŽΡ‡Π°Ρ мСбСль ΠΈ элСмСнты Π΄Π΅ΠΊΠΎΡ€Π°. ΠŸΡ€ΠΈΡ‡Π΅ΠΌ всС Π²Ρ‹ΡˆΠ΅ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»Π΅Π½Π½Ρ‹Π΅ ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ…. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ любого Π΄ΠΈΠ·Π°ΠΉΠ½Π° производится ΠΊΠ°ΠΊ Π²Π½ΡƒΡ‚Ρ€ΠΈ, Ρ‚Π°ΠΊ ΠΈ снаруТи помСщСния, Π° любой ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚ Π±ΡƒΠ΄Π΅Ρ‚ сдСлан Π² HD-качСствС.
Π’ΠΈΠ΄ свСрху помСщСния Π² ПО Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π° для IKEA
Π Π°Π·Π΄Π΅Π» с элСмСнтами Π΄Π΅ΠΊΠΎΡ€Π° постоянно пополняСтся. ΠšΡ€ΠΎΠΌΠ΅ создания ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²ΠΊΠΈ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ ΠΈ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ для ΠΈΡ… примСнСния. ΠŸΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΠ΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° примСнСния для Π·Π΄Π°Π½ΠΈΠΉ нСстандартных ΡƒΠ³Π»ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΊΡ€ΡƒΡ‡Π΅Π½Ρ‹, скруглСны ΠΈ Ρ‚.Π΄.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π° для IKEA с Google Play

Planner 5D

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΠ΅ ПО для Android с Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌΠΈ шаблонами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ послуТат основой для создания собствСнного стиля. ΠŸΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π΅Ρ‰Ρ‘ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ Π½Π°Ρ‡ΠΈΠ½Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ с нуля. Π’ Ρ…ΠΎΠ΄Π΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π±ΡƒΠ΄ΡƒΡ‚ доступны Π²ΠΈΠ΄ свСрху ΠΈ Π² 3D. ΠŸΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΠ΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²ΠΊΠΈ поэтаТных Π·Π΄Π°Π½ΠΈΠΉ.
Π”ΠΈΠ·Π°ΠΉΠ½ ΠΊΠΎΠΌΠ½Π°Ρ‚Ρ‹ Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Planner 5D
Π’ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ΅ Π΅ΡΡ‚ΡŒ большоС количСство Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π²Π½ΡƒΡ‚Ρ€ΠΈ прилоТСния, Π² ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… измСняСтся Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ Ρ†Π²Π΅Ρ‚. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ ΡΠΏΠ»Π°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅ΠΌΠΎΠ½Ρ‚, пСрСстановку ΠΈΠ»ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΠ»ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ³ΡƒΠ»ΠΊΠΈ ΠΏΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½ΠΎΠΌ пространствС. ΠŸΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ Π² графичСском интСрфСйсС ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ/ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚ΡŒΒ», поэтому ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ смоТСт быстро ΠΎΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒ послСдниС ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΈ.
Π¨Π°Π±Π»ΠΎΠ½Ρ‹ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€ΠΎΠ² Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅ Planner 5D

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Planner 5D с Google Play

ΠšΡƒΡ…ΠΎΠ½Π½Ρ‹ΠΉ конструктор

ΠŸΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ΄Π΅ΠΈ для ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π° вашСй ΠΊΡƒΡ…Π½ΠΈ. Π’ арсСнал входят ΠΌΠΎΠ΄ΡƒΠ»ΠΈ Π² достаточно большом количСствС, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΏΠ΅Π½Π°Π»Ρ‹, Ρ‚Π΅Ρ…Π½ΠΈΠΊΠ°, ΡƒΠ³Π»ΠΎΠ²Ρ‹Π΅ Π΄ΠΈΠ²Π°Π½Ρ‹ ΠΈ ΡˆΠΊΠ°Ρ„Ρ‹. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΠΎ своСму ТСланию ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΡˆΠΊΠ°Ρ„ΠΎΠ², фасада ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов.
Π¨Π°Π±Π»ΠΎΠ½Ρ‹ фасада Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠšΡƒΡ…ΠΎΠ½Π½Ρ‹ΠΉ конструктор
ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»Π΅Π½Ρ‹ Ρ€Π°Π·Π½Ρ‹Π΅ ΠΌΠΎΠ΄Π΅Π»ΠΈ ΠΏΠ»ΠΈΡ‚, Π΄ΡƒΡ…ΠΎΠ²ΠΎΠΊ ΠΈ ΠΌΠΎΠ΅ΠΊ. ΠšΡ€ΠΎΠΌΠ΅ всСго ΠΏΡ€ΠΎΡ‡Π΅Π³ΠΎ, Π²Ρ‹ смоТСтС ΡΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ располоТСниС ΠΊΡƒΡ…ΠΎΠ½Π½ΠΎΠΉ Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ, ΠΏΠΎ Π²Π°ΡˆΠ΅ΠΌΡƒ ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ.
Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° Π±Ρ‹Ρ‚ΠΎΠ²ΠΎΠΉ Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ Π² ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠšΡƒΡ…ΠΎΠ½Π½Ρ‹ΠΉ конструктор
Благодаря Ρ‚Π°ΠΊΠΎΠΌΡƒ ПО ΠΌΠΎΠ΄Π΅Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΡƒΡ…Π½ΠΈ становится Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡƒΠ΄ΠΎΠ±Π½Π΅Π΅, учитывая Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Π½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠšΡƒΡ…ΠΎΠ½Π½Ρ‹ΠΉ конструктор c Google Play

Roomle

Π‘ΠΎΡ„Ρ‚ ΠΎΡ‚ популярной ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ проСктирования Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Благодаря этому ПО для Android открываСтся Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΡΡ‰ΡƒΡŽ мСбСль для вашСй ΠΊΠ²Π°Ρ€Ρ‚ΠΈΡ€Ρ‹.
Π“Π»Π°Π²Π½ΠΎΠ΅ мСню софта Roomle
Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ 3D-ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ проСктируСтся ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² Π² ΠΊΠΎΠΌΠ½Π°Ρ‚Π°Ρ…. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, сущСствуСт функция ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½Π½ΠΎΠΉ Ρ€Π΅Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ, поэтому ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ обстановку Π² Π΄Π°Π½Π½ΠΎΠΌ случаС получится Β«Π²ΠΆΠΈΠ²ΡƒΡŽΒ».
ГрафичСскоС прСдставлСниС ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Π° Π² ПО Roomle
Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ΄Π½ΠΎΠ³ΠΎ лишь наТатия осущСствляСтся ΠΏΠΎΠΊΡƒΠΏΠΊΠ° ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ²ΡˆΠ΅Π³ΠΎΡΡ Ρ‚ΠΎΠ²Π°Ρ€Π°. ΠšΠ°Ρ‚Π°Π»ΠΎΠ³ с ΠΈΠΌΠ΅ΡŽΡ‰Π΅ΡŽΡΡ мСбСлью ΠΈ Ρ„ΡƒΡ€Π½ΠΈΡ‚ΡƒΡ€ΠΎΠΉ пополняСтся Π½ΠΎΠ²Ρ‹ΠΌΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ. Π˜ΠΌΠ΅Π΅Ρ‚ΡΡ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Ρ‚ΡŒ мСбСль.

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Roomle с Google Play

Houzz

Магазин Houzz ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ своим ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ собствСнноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΊΠΎΠΌΠ½Π°Ρ‚Π½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ. ΠŸΠ΅Ρ€Π΅Π΄ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ открываСтся Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° элСмСнтов Π΄Π΅ΠΊΠΎΡ€Π° для обустройства помСщСния. Π˜ΠΌΠ΅ΡŽΡ‚ΡΡ ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΠ΅ Π½Π° ΠΏΠ΅Ρ€Π²Ρ‹Ρ… этапах Ρ€Π΅ΠΌΠΎΠ½Ρ‚Π° ΠΈ ΠΎΡ‚Π΄Π΅Π»ΠΊΠΈ Π΄ΠΎΠΌΠ°. Π’ Π³Π°Π»Π΅Ρ€Π΅Π΅ Π΅ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»ΡΡŽΡ‰ΠΈΡ… Ρ„ΠΎΡ‚ΠΎ Π»ΡƒΡ‡ΡˆΠΈΡ… Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠ² Π² HD-качСствС. Π‘Ρ€Π΅Π΄ΠΈ Ρ‚Π°ΠΊΠΎΠ²Ρ‹Ρ…: ΠΌΠΎΠ΄Π΅Ρ€Π½ΠΈΠ·ΠΌ, соврСмСнный, Ρ€Π΅Ρ‚Ρ€ΠΎ, ΠΊΠ°Π½Ρ‚Ρ€ΠΈ, скандинавский ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΡ….
Π Π°Π·Π΄Π΅Π» Π³Π°Π»Π΅Ρ€Π΅ΠΈ прилоТСния Houzz
МоТно ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ для всСго Π΄ΠΎΠΌΠ° β€” Houzz Π½Π°Π΄Π΅Π»Π΅Π½ мноТСством элСмСнтов для любой ΠΊΠΎΠΌΠ½Π°Ρ‚Ρ‹. Π‘ΠΎΡ„Ρ‚ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ услуги Π² Π²ΠΈΠ΄Π΅ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ Ρ‚ΠΎΠ²Π°Ρ€ΠΎΠ², Π° Ρ‚Π°ΠΊΠΆΠ΅ позволяСт Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ услугами подрядчиков ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… экспСртов.
Магазин Π²Π½ΡƒΡ‚Ρ€ΠΈ прилоТСния Houzz

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Houzz с Google Play

Благодаря Ρ‚Π°ΠΊΠΈΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌ созданиС Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΉ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… случаях становится интСрСсным. Π­Ρ‚ΠΎ простоС ПО позволяСт Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ Π·Π½Π°Π½ΠΈΠΉ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ свои ΠΈΠ΄Π΅ΠΈ Π² смартфонС ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π΅. Π’ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… случаях ΠΏΠΎΠ΄ΠΎΠ±Π½Ρ‹Π΅ прилоТСния ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ с Ρ€Π΅ΠΌΠΎΠ½Ρ‚ΠΎΠΌ ΠΈ пСрСстановкой ΠΌΠ΅Π±Π΅Π»ΠΈ, Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π°ΠΆΠ΅ опрСдСлят финансовыС Π·Π°Ρ‚Ρ€Π°Ρ‚Ρ‹ Π½Π° ΠΏΠΎΠΊΡƒΠΏΠΊΡƒ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹Ρ… ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ².

Магазин Π²Π½ΡƒΡ‚Ρ€ΠΈ прилоТСния Houzz ΠœΡ‹ Ρ€Π°Π΄Ρ‹, Ρ‡Ρ‚ΠΎ смогли ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π’Π°ΠΌ Π² Ρ€Π΅ΡˆΠ΅Π½ΠΈΠΈ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹.
Магазин Π²Π½ΡƒΡ‚Ρ€ΠΈ прилоТСния Houzz ΠžΠΏΠΈΡˆΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ Ρƒ вас Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ. Наши спСциалисты ΠΏΠΎΡΡ‚Π°Ρ€Π°ΡŽΡ‚ΡΡ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ максимально быстро.
Помогла Π»ΠΈ Π²Π°ΠΌ эта ΡΡ‚Π°Ρ‚ΡŒΡ?
ДА НЕВ 90000 The Beginner’s Guide to Android App Design 90001 90002 Android is extremely popular mobile platform. Currently, Android devices are used by more people than any other type of mobile device. This gives you as a designer an opportunity to create an app that can be used by millions of people. At the same time, getting started with Android design might seem overwhelming, especially if you do not have any previous experience in mobile design. But do not worry! The tips mentioned in this article will help you design great mobile experience for Android users.90003 90004 Learn the basic rules of design for Android 90005 90002 As with other disciplines, when it comes to learning new things you need to learn some ground rules for making things right. These rules will establish a solid foundation for your design. 90003 90004 Learn Android Design Language 90005 90002 It’s a well-known fact that the best apps presented on the market are created according to the rules stated in platform guidelines. When it comes to designing an app for Android, learning Material Design should be a first natural step for you as a designer.Material Design is a lot more than just platform guidelines; it’s a document that describes visual language. As Google describes it: «We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science.» 90003 90004 Create a strong visual hierarchy 90005 90002 You can not create great user experience without having a proper visual hierarchy in your UI. That’s why when it comes to Android apps, the foundational elements of Material Design are grids & whitespace.You need to focus on removing all purely decorative elements and focus on what’s really important — content. 90003 90004 Leverage common system patterns 90005 90002 Many designers believe that when it comes to creating a new product, they need to design every interaction pattern of their app from scratch. I strongly recommend you avoid following this path. Each custom component which will be different from Material Design language can increase cognitive load on users (simply because it’ll be unfamiliar for them and they’ll need to learn how to use it).But even if you succeed in creating a custom component, your solution will cost a lot more money. You’ll spend a lot of time not only designing them but also implementing them during the development phase. 90003 90002 Standard components (standard layouts, navigation, color schemes, etc.) will reduce designing and engineering overhead both regarding initial investment and long-term support. Both Android and iOS have a lot of patterns that are considered industry standards. 90003 90004 Use motion to describe spatial relationships between views 90005 90002 When it comes to flat design, it might be hard to establish strong relationships between different pages or UI elements.Without a clear, logical connection, users might wonder how different pages are connected to each other. The tool which helps to create this connection is called animation. Material metaphor puts strong attention on motion design because it not only helps to convey the meaning of UI, it also makes the interface more dynamic. 90003 90002 90027 90003 90002 In this example, motion is used to create a logical connection between two different states — browsing music tracks and listening to a favorite track.Image: Anish Chandran 90003 90004 Do not forget about accessibility 90005 90002 In the attempt to craft beautiful app many designers ignore one essential rule of good design — accessibility. Accessible is what allows users of all abilities to use UI successfully. As Material Design puts it: «A well-designed product is accessible to users of all abilities, including those with low vision, blindness, hearing impairments, cognitive impairments, or motor impairments.» 90003 90002 Accessibility starts with small things such as selecting right contrast for UI elements and text copy.The W3C recommends the following contrast ratios for body text and image text: 90003 90037 90038 Small text should have a contrast ratio of at least 4.5: 1 against its background 90039 90038 Large text (at 14 pt bold / 18 pt regular and up) should have a contrast ratio of at least 3: 1 against its background 90039 90042 90002 90044 90003 90002 Even great designers can fall into the trap of low-contrast problem. Some parts of this page are barely readable for people with normal vision. Image: Anton Aheichanka 90003 90002 When you have the right contrast for your UI elements, you can switch to more complicated things such as animations and audio.Be sure to make motion and audio effects optional so users who have visual or hearing disorder can switch them off if needed. The app should have captions, a transcript, or another alternative to critical motion effects or audio alerts. 90003 90004 Consider Device Specifics 90005 90052 Be ready to optimize a design for a variety of screens 90053 90002 When it comes to designing an app for iOS, you have a precisely determined number of devices and displays you need to design your product (in most cases , the list of devices starts from old iPhone such as 5s and goes up to the latest models such as iPhone X).But when it comes to designing an app for Android, you will not have determined models of screens / devices. Android runs on a variety of devices that have different screen sizes and pixel densities. 90003 90002 Companies that specialize in mobile app development will always run different tests to see if their product works well on all types of devices. This testing is usually done by the Quality Assurance (QA) team. They also create detailed reports of bugs found in the process. 90003 90002 Be ready to optimize the app for the vast majority of screen sizes.The screen sizes and densities can vary drastically — from $ 100 smartphone with a tiny screen and low screen resolutions to high-end tablets with Retina-like displays. 90003 90002 To achieve this goal you have to switch from px to density-independent pixels (dp or dip) as a unit of measurement. Maintaining density independence is important because, without it, a UI element (such as an icon) might appear larger on a low-density screen and smaller on a high-density screen. 90003 90002 90063 90003 90002 Example of two devices that are the same size but have different pixel densities.The Android system uses dp to helps you achieve density independence. Image: Google 90003 90002 Be sure to check how to support different screen sizes. As can be seen in the example below, the screen sizes vary from xsmall to xlarge. 90003 90002 90070 90003 90002 This figure provides a detailed view of how different screen dp widths generally correspond to different screen sizes and orientations. Image: Google 90003 90002 Your goal, as a designer, should be in ensuring that following objects look great on any screen size and screen density: 90003 90037 90038 Text objects (e.g. labels, text copy) 90039 90038 Icons and images (e.g background images) 90039 90038 Dynamic content (e.g. animation and videos) 90039 90042 90004 Optimize for different hardware 90005 90002 Get the best possible performance for your app. You can not count that all your users will have top-end hardware such as Samsung Galaxy S9, so you should focus on making your app less demanding on hardware resources. Ideally, the app you design should work great on different hardware — from low-level $ 100 devices to top-end devices.90003 90002 Tip: Use Google Play analytics to understand what are the most common devices which people use to work with your app. Optimize your app for this group of devices. 90003 90004 Utilize Device Capabilities 90005 90002 Modern mobile devices have a lot of hardware components that can be used to make users life easier. Camera, GPS location, Bluetooth, NFC, accelerometer, gyroscope and more — all these sensors can enrich user experience. Let me give you a simple example of how you can utilize GPS location for routine tasks.When it come to filling out the form, instead of asking the user about her / his current location, you can request access to the Location Service, and fill out the required details automatically. This will saves valuable time for your users. 90003 90002 90095 90003 90002 Auto-detection of location can save users time. Image: Thinkwithgoogle 90003 90004 Push your brand 90005 90002 When it comes to designing an app, one your goal should be in conveying branding personality. You need to create a product that reflects your brand.Designers have a few powerful tools in their toolbox that can be used for that purpose: 90003 90037 90038 Color. Use colors of the components to match our branding. 90039 90038 Illustrations. Design illustrations that deliver the message and associated with your brand. 90039 90042 90002 90110 90003 90002 Google Trips uses nice illustrations that helps reflect the brand. Image: The Verge 90003 90004 Prototype and test your design 90005 90002 When it comes to creating a mobile app, there no other choice than to prototype and test your design.Do not attempt to create a perfect design right from the first attempt. In most cases, it’s simply impossible. Instead, be ready to iterate on your product. 90003 90002 Having a great Android prototyping tool such as Mockplus in your designer toolbox can make your life easier much easier. Mockplus not only helps you to create an interactive high-fidelity prototype in minutes; it also allows you to test the prototype with real users. So, the next time you’ll have some assumption on how a particular feature / screen / UI element of your product should look like or functioning- do not guess it, test it! 90003 90002 90121 90003 90002 Mockplus is a powerful prototyping tool for Android app designers 90003 90004 Keep track of design iterations 90005 90002 When you keep track of your design work, this will help you to understand better how your design thinking evolved.It’s especially important to keep all negative iterations (failed attempts). The knowledge negative iterations deliver will prevent you from making the same mistakes again. 90003 90004 Conclusion 90005 90002 When it comes to creating a great mobile app, the most important thing that should be taken into account is that you design for your users, not yourself. As a designer, you should spend less time pushing pixels and more time working with your users. Experiment, try different approaches, choose the one that works best for your target audience and build upon the value you provide for your users.Good luck! 90003 .90000 5 Best Logo Design Apps For Android 90001 90002 Last updated on June 24th, 2020 90003 90002 Someone once rightly quoted «At the core of every business is its logo design». 90005 Small business owners do not have big finances to hire expensive professional designers. But logo design apps can help them create logos without outside help and with not much cost involved. If some design rules are followed, the apps deliver impressive and customized design solutions. 90003 90002 Whether you manage an e-commerce startup or own a brick and mortar business, you’ll need to ensure a great logo design to attract sales and get your business off the ground and market your product and services.90003 90002 In order to get a great logo design for your business, you’ll need to hire a freelance graphic designer. But in case you have a creative mind and an eye for design, then you can try your hands at designing your own business logo. Fear not, as there are plenty of online resources and apps available for that. Well, i am sure one question must be crossing your mind right now such as: 90003 90002 «How do I find such apps that can help me create amazing logos for my business?» 90003 90002 Well, today I’m going to make it easy for you.All you need to do is, spare a few minutes and install one of these 5 best android apps that will help you to design your own logo within minutes and without ripping your budget apart. 90003 90002 But before I get you acquainted with these amazing apps, it’s important to understand why you should consider using these Android apps. 90003 90017 Importance Of Android Powered Logo Design Apps 90018 90002 Logo design apps offer an optimal solution to businesses, especially startups and small businesses.It’s a wonderfully low-risk alternative that promises high gains. Here are just some of the many points illustrating how businesses can take advantage of such logo design apps. 90003 90002 90022 a. Quick Results- 90023 When you work with a freelance graphic designer or an agency, your deadlines may take as long as weeks. On the other hand, when you use logo design apps for android powered smartphones or iPhones, you get results almost instantly. 90003 90002 90022 b. Relatively Lower Cost- 90023 Hiring a freelance graphic designer or a design agency often proves to be a costly proposition.But with logo design apps, you can easily create a DIY logo design for an amount significantly lower than what freelance graphic designers and design agencies charge. If you’ve got a small budget for your design needs, then this solution fits the bill perfectly. 90003 90029 Looking For a Mobile App Design? 90030 90002 We have helped thousands of business owners from all around the world with their graphic design needs such as a logo design, website design, social media posts, banner and much more.90005 Get Your Mobile App DesignTry Logo Maker Tool 90003 90034 90002 90022 c. No Experience Needed- 90023 With so many design ideas, inspirations and templates available at your disposal, you really do not need any technical experience or designing skills to design your own logo design when using a logo design app. 90003 90039 5 Logo Design Apps for Android Powered Smartphones Or Mobile Devices 90040 90002 Now that you know how logo design apps for Android and iOS platforms can help you create an amazing logo for your business without having to spend big money, it’s time to get acquainted with 5 best logo design apps for Android.90003 90017 01. Logo Maker & Logo Creator 90018 90045 90046 Of Installs: 100,000 — 500,000 90047 90046 Overall Rating: 7 by 2024 users 90047 90046 Developed by: XLabz Technologies Pvt Ltd. 90047 90046 Logo creator 90047 90054 90002 This is an amazing app that helps you create professional logo designs for your business in a matter of minutes! This amazing logo design app for Android packs in a huge bunch of preloaded fonts and graphics that you can use to easily create an amazing logo for your business.The app is of great help to create logos for the digital era. 90003 90002 Not only that, this amazing app can also help you create smaller projects such as stickers. The app also features a handy search tool to find unique and creative graphics that you can use in your logos. But what makes this app really interesting is its feature to easily resize everything, from text to finished product. 90003 90002 90003 90002 DOWNLOAD APP 90003 90017 02. Logo Maker 90018 90045 90046 Of Installs: 10,000 — 50,000 90047 90046 Overall Rating: 5 by 721 users 90047 90046 Developed by: Laughingbird Software 90047 90046 Logo Maker 90047 90054 90002 Widely considered to be one of the best logo design apps for Android powered devices, Logo Maker is perhaps the easiest way to create logos for your business in no time.What makes this logo design app rather special is that it provides users the option to choose from a wide range of logo design templates. 90003 90002 90003 90002 Just select the template you like. Simply add your business name, save and export the file in a few minutes or modify the elements, objects, characters, in the template to give your logo a more personal touch. Just drag and drop, pinch or spin elements into the template to modify the template. But make sure that you choose typeface and colors that your website design has already used.This ensures brand consistency across your design items. 90003 90002 90003 90002 DOWNLOAD APP 90003 90017 03. LogoFactoryApp Logo Maker 90018 90045 90046 Of Installs: 500,000 — 1,000,000 90047 90046 Overall Rating: 2 by 3716 users 90047 90046 Developed by: Logofactory Development Team 90047 90046 LogoFactory App Logo Maker 90047 90054 90002 Yet another popular logo design app for android powered devices, LogoFactoryApp is a professional logo design maker. It is rated alongside the best apps for those looking to create a DIY logo for their business! This app is also a great resource when you want to create a versatile business logo.90003 90002 The apps ‘simple and Intuitive interface makes it easy to create a professional logo design in just a few seconds. This is one of the best apps even for those do not have a keen eye for design. App’s exhaustive gallery features a large number of images from which you can choose the one that fits your business the most and many types of Fonts to personalize the logo. 90003 90002 90003 90002 DOWNLOAD APP 90003 90017 04. Logo Creator 90018 90045 90046 Of Installs: 100,000 — 500,000 90047 90046 Overall Rating: 8 by 2229 users 90047 90046 Developed by: Tanem Apps 90047 90046 Tanem Apps 90047 90054 90002 Here is a logo design apps for Android that consistently tops all popularity charts — Logo Creator! This app makes it easy to create amazing logos even on the go.With ready to use templates, this app makes it easy to choose the kind of logo you’re looking for your business. With the help of the app, you can create a logo as per new design trends. 90003 90002 The app’s user-friendliness makes it useful for all age groups. All you need to do is to input characters and push ‘Create’ button to instantly create amazing logos. Not only can you create amazing logos, you can post them directly to Twitter or other social media sites and save them to your SD card.90003 90002 90003 90002 DOWNLOAD APP 90003 90017 05. Quick Logo Design + 90018 90045 90046 Of Installs: 100,000 — 500,000 90047 90046 Overall Rating: 1 by 638 users 90047 90046 Developed by: FSD Solutions LLC. 90047 90046 Quick Logo Design App 90047 90054 90002 Another logo design app for Android powered devices that are popular with logo designers from across the globe is Quick Logo Design +. It provides the user with access to multiple templates to choose from and also helps users customize them with fonts and color.The right use of these elements is a key to design a perfect logo for your business. 90003 90002 This app allows designers to instantly download the logo designs that they create. This is one of the best apps to create professionally designed business logos within minutes without much efforts. 90003 90002 90003 90002 DOWNLOAD APP 90003 90002 Now It’s Your Turn! 90003 90002 So, these are 5 of the best logo design apps for android powered smartphone and devices. 90005 Now, if you want to design your own business logo.Something that’ll give your brand the boost it needs. Install one of these 5 best logo design apps for Android! 90003 90002 As an effective alternative to logo design apps, you can also use Designhill as your source of a memorable logo for your business. Launch your logo design contest at this leading crowdsourcing marketplace and get dozens of unique logo concepts for your business. The site gives 100% Money Back Guarantee if you do not like the designs. 90003 Are You Looking for a New Graphic Designer? If Yes, Call Us on + 1-855-699-2851 [times for calling 9am to 6pm EST (US)] or Register for a Free Design Consultation 90034 90002 Do not forget to sign up for the free Designhill Newsletter and get more such exclusive information, tips and techniques sent straight to your inbox.90003 90017 Conclusion 90018 90002 Logo design apps help you to create a logo as per your design needs without the help of a professional designer. So, these apps are cost-effective solutions for startups with little financial resources. 90003 90002 Get Your Mobile App Design 90003.90000 50 Useful Android Apps for Designers (2018) 90001 90002 Designing is one of the most demanding professions in the world. From keeping 90003 updated with newer tools and tech 90004 to being constantly in search of inspiration, designers have a lot on their plate. In such circumstances, some useful Android apps can come in real handy. 90005 90002 So, here’s a long list of useful 90003 Android apps for designers that can help them manage their daily tasks swiftly on the go 90004.The list encompasses everything from social media and invoicing apps to image editing and photo manipulation apps with a lot more. 90005 90010 PicsArt Photo Studio 90011 90002 PicsArt is the best photo editor and collage maker app. It offers some really cool 90003 effects, clipart library, various stickers 90004, and a set of drawing tools for editing pics. 90005 90016 90016 90010 ES File Explorer 90011 90002 ES File Explorer is a functional file manager for smartphones. It helps you to 90003 manage and share files including designs and photos 90004 with others over Wi-Fi.90005 90024 90024 90010 Pinterest 90011 90002 Pinterest helps you 90003 discover inspiration including ideas and sample projects 90004 for your next design to try. You can save ideas and organize them per needs. 90005 90032 90032 90010 Pixlr 90011 90002 Pixlr is a fantastic photo editor with lots of 90003 free effects, filters, and overlays 90004 along with editing tools. Also, you can share your creation on social networks. 90005 90040 90040 90010 Adobe Photoshop Express 90011 90002 Adobe Photoshop Express is an ultimate photo editing app with a collage maker.It packs in 90003 multiple corrections and looks along with quick editing features 90004. 90005 90048 90048 90010 ibis Paint X 90011 90002 ibis Paint X is a 90003 social drawing app 90004, which lets you create excellent drawings and publish them or the process of drawing them to Facebook, YouTube, etc. 90005 90056 90056 90010 Adobe Photoshop Lightroom CC 90011 90002 Adobe Photoshop Lightroom CC is another fantastic app for 90003 clicking, editing, and sharing photos 90004. It also features organization and synchronization features.90005 90064 90064 90010 IKEA Catalog 90011 90002 IKEA Catalog packs in 90003 ideas, inspiration, and how-to about home furnishing 90004. You can explore images and stories, and save favorite images for later as well. 90005 90072 90072 90010 QuickEdit Text Editor 90011 90002 QuickEdit is a full-featured code and text editor. It features a 90003 syntax highlighter for 50+ languages, a tabbed interface 90004, and more features for coding on the go. 90005 90080 90080 90010 AirBrush 90011 90002 AirBrush brings the best photo editor and filter features to you.It packs in many 90003 cool filters, retouch tools, and numerous features 90004 for editing pics. 90005 90088 90088 90010 Houzz 90011 90002 Houzz is an app full of 90003 interior design ideas along with annotation and sketch features 90004. It packs in much inspiration for building or decorating a house. 90005 90096 90096 90010 Flickr 90011 90002 Flickr is a free service to 90003 upload, edit, organize, and share your photos from any device 90004. You can add filters, crop images, and do a lot more editing using it.90005 90104 90104 90010 Google Pay 90011 90002 Google Pay is a quick and simple way to pay and get paid. Using this service, you can 90003 accept payments for providing design projects and services 90004 to others. 90005 90112 90112 90010 SketchBook 90011 90002 SketchBook is an app to unleash your creativity quickly by creating conceptual sketches as well as fully-packed artworks directly on your smartphone. 90005 90118 90118 90010 iFont 90011 90002 iFont is a font app to get beautiful fonts on your smartphone.Using it, you get access to hundreds of fonts, which you can browse and apply on your device. 90005 90124 90124 90010 Sketch 90011 90002 Sketch offers drawing and photo editing features for everyone. You can 90003 draw sketches, enhance photos, and inspire 90004 and get inspiration from its community. 90005 90132 90132 90010 Font Studio 90011 90002 Font Studio is a featureful font editor for your photos. You can 90003 add stickers and text to your pics using beautiful fonts and typography 90004 to make them look cool.90005 90140 90140 90010 Find my Font 90011 90002 Find my Font is a font search tool that can 90003 find and identify a font in an image 90004. You can click or load a photo from gallery and ask the app to find the font. 90005 90148 90148 90010 Color Touch Effects 90011 90002 Color Touch Effects is an app to 90003 recolor images and add beautiful photo effects 90004 to them. You can import photos from Facebook and later share them on it too. 90005 90156 90156 90010 Toolwiz Photos 90011 90002 Toolwiz Photos is a tool to become creative with your photos.It is a 90003 pro editor with 200+ tools 90004 including magic filters and numerous image processing tools. 90005 90164 90164 90010 Todoist 90011 90002 Todoist is a to-do list app that 90003 helps to keep track of all of your tasks 90004. It offers app integrations, real-time sync, and many more task management features. 90005 90172 90172 90010 AutoCAD 90011 90002 AutoCAD brings the power of AutoCAD to your mobile. It offers drawing and 90003 drafting tools that help to create, edit, share, and view CAD and DWG drawings 90004.90005 90180 90180 90010 MediBang Paint 90011 90002 MediBang Paint is a comic creation and digital painting program. It avails many 90003 backgrounds, brushes, fonts, 90004 etc. along with cloud sync and more features. 90005 90188 90188 90010 Canva 90011 90002 Canva is an excellent tool to help you create 90003 beautiful collages, designs, and photos 90004. It packs in stock photos and templates along with photo editing tools. 90005 90196 90196 90010 Google Analytics 90011 90002 Google Analytics allows you to 90003 monitor your business and website on the go 90004.You can check metrics and reports and monitor real-time statistics data as well. 90005 90204 90204 90010 Adobe Illustrator Draw 90011 90002 Adobe Illustrator Draw lets you 90003 design vector artworks with drawing layers and more details 90004 including different pen tips, shape stencils, and vector shapes. 90005 90212 90212 90010 PaperDraw 90011 90002 PaperDraw is a painting app that lets you draw a doodle, graffiti, or painting. It packs in a 90003 color library, handwriting signature, various paintbrushes 90004, and more.90005 90220 90220 90010 Adobe Photoshop Mix 90011 90002 Photoshop Mix helps you edit and transform your photos. You can apply filters, 90003 change colors, combine pics, and enhance and share 90004 them on social media. 90005 90228 90228 90010 Infinite Painter 90011 90002 Infinite Painter is a superior painting app with lots of brushes and brush presets. Also, it has blend and layer modes, guides, symmetry tools, and much more. 90005 90234 90234 90010 Behance 90011 90002 Behance is the largest 90003 network of creative enthusiasts and professionals 90004.You can browse projects, follow great designers, and share your creations with others. 90005 90242 90242 90010 Infinite Design 90011 90002 Infinite Design provides a drawing canvas with 90003 path editing, boolean operations, and more superior tools 90004 along with perspective guides and unlimited layers. 90005 90250 90250 90010 CL Mobile 90011 90002 CL Mobile brings the Craigslist to your mobile with many user-centric features. You can search 90003 classified ads and post ads directly from this unofficial app 90004.90005 90258 90258 90010 magicplan 90011 90002 magicplan allows you to 90003 create floor plans by just taking photos 90004. You can use its floor and wall editor to create job estimates, plan DIYs, and furnish your home. 90005 90266 90266 90010 PicsArt Color Paint 90011 90002 PicsArt allows creating digital illustrations. It packs in a full drawing suite with features like a 90003 color mixer, layers, paint brushes, texture brush 90004, and a lot more. 90005 90274 90274 90010 Shoebox 90011 90002 Shoebox is a 90003 personal photo backup and storage solution 90004 with unlimited storage.You can download and save photos from Facebook and create photo slideshows. 90005 90282 90282 90010 ArtFlow 90011 90002 ArtFlow is another digital sketchbook app that offers 90003 80 paint brushes, smudge, fill, and eraser tool 90004 as well. It supports digital pens and many advanced features. 90005 90290 90290 90010 Invoice Simple 90011 90002 Invoice Simple is an invoice app for generating, sending, and tracking estimates and invoices. However, it supports just a limited number of free invoices.90005 90296 90296 90010 Adobe Capture CC 90011 90002 Adobe Capture CC is a creative app to 90003 discover fonts, patterns, and vectors 90004 as well. You can easily create vectors by capturing a drawing or uploading a photo. 90005 90304 90304 90010 Invoice2go 90011 90002 Invoice2go is another 90003 invoice app for freelancers and small business owners 90004. It allows to create and send invoices, capture expenses, and do more on the go. 90005 90312 90312 90010 Color Pop Effects 90011 90002 Color Pop Effects is a photo editor with effects and highlights.It allows to 90003 select parts of a photo and keep them colored and convert them to black and white 90004. 90005 90320 90320 90010 Adobe Photoshop Sketch 90011 90002 Adobe Photoshop Sketch brings you drawing tools including 90003 markers, pens, pencils, erasers, brushes 90004, and a lot more tools to design creative artworks. 90005 90328 90328 90010 Timesheet 90011 90002 Timesheet allows 90003 keeping a record of your work hours effectively 90004. You can add breaks, expenses, and notes to your timesheets and export them as well.90005 90336 90336 90010 Color Grab 90011 90002 Color Grab is a fantastic color tool that helps to 90003 capture, pick, and recognize colors by just capturing a shot 90004. It also packs in a color mixer and more tools. 90005 90344 90344 90010 Sketcher FREE 90011 90002 Sketcher is a drawing tool with numerous features like 90003 brushes, color picker, adjustable canvas, multiple modes 90004, and more including sharing features. 90005 90010 Desygner 90011 90002 Desygner is a graphic 90003 design app with 100k + layouts and templates 90004.It packs in powerful tools along with fonts and graphics to draw out your imagination. 90005 90358 90358 90010 Color Reference 90011 90002 Color Reference is a color tool for the designer in you. You can 90003 discover new color schemas, get inspiration, browse colors 90004, and create new color palettes. 90005 90366 90366 90010 Twitter 90011 90002 Twitter is a place to 90003 read about breaking news to common interests 90004. You can follow people and discover the latest trends to keep yourself updated.90005 90374 90374 90010 Adobe Comp CC 90011 90002 Adobe Comp CC allows you to 90003 create wireframes using fonts, photos, shapes, and text 90004. You can transfer the final wireframes to other apps to refine them. 90005 90382 90382 90010 Color Harmony 90011 90002 Color Harmony is a robust 90003 color matcher that lets you create, discover, and save color palettes 90004. You can grab a picture with the camera to see matching colors. 90005 90390 90390 90010 myPANTONE 90011 90002 myPANTONE is another color tool with lots of color libraries.It also offers features to 90003 create color palettes and share them with others 90004 for inspiration. 90005 90398 90398 .90000 Android App designs, themes, templates and downloadable graphic elements on Dribbble 90001 Γ— 90002 90003 Explore 90004 90005 90006 Shots 90007 Get inspired with designs shared by our talented community 90008 90005 90010 90006 Top Designers 90007 Check out the rankings and see which designers are trending 90008 90005 90006 Blog 90007 Amazing interviews with design industry leaders, tutorials, and more 90008 90005 90006 Weekly Warm-Up 90007 Join the fun and flex your design skills with our weekly prompt 90008 90005 90006 Playoffs 90007 See Shots that other designers are riffing on & participate yourself 90008 90005 90004 90005 Teams 90008 90005 Goods for Sale 90008 90005 Meetups 90008 90005 Dribbble Shop 90008 90005 About Dribbble 90008 90005 Advertise 90008 90040 90008 90040 90008 90044 For Designers 90004 90005 90047 90006 Job Board 90007 Find your dream design job on Dribbble 90008 90005 90052 90006 Freelance Projects Pro 90007 Exclusive project board perfect for Freelancers and Agencies.90008 90005 90057 90006 Go Pro 90007 For Designers & Design Teams, join the worlds best designers on Dribbble. 90008 90040 90008 90063 Hiring Designers? 90004 90005 90066 90006 List my job opening 90007 Publish your open role on the world’s # 1 job board for creatives 90008 90005 90071 90008 90040 90008 90040.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *