Стартовый и загрузочный экран — это первое впечатление… Сделайте его отличным!

Posted on Ноябрь 22, 2010

2


Стартовый экран — это начало всего, связанного с Windows Phone 7. Этот экран — это то, что мы видим чаще всего и там располагаются любимые приложения пользователей. Когда приложение расположено на стартовом экране, оно отображается в виде «иконки»(Хаб). Но это не совсем иконка, т.к. она может отображать информацию о приложении или информацию, связанную с приложением. Например, хаб погоды может отображать погоду за окном в виде картинки(облачко или солнышко) и температуру.

start_tiles_lgЕсть хороший гайд, в котором описывается как правильно подойти к рисованию хаба. Сейчас он находится в переводе. Внимательно его изучите перед тем как приступать к созданию собственной «Иконки».

Чего следует избегать
Если вы разрабатываете приложение без графического интерфейса(что не рекомендуется) или с малым бюджетом, то существует множество сайтов где вы сможете бесплатно скачать или дешево купить изображения. Независимо от того, как вы получаете это изображение, покупаете его, находите бесплатно или рисуете сами, помните одно: все должно быть простым. Должна быть простая геометрия, четкие части, ясное изображение, доступное для понимания.

Так же есть список элементов, которые не должны находится в вашей иконке. При наличии хоть одного из них, иконка может выйти совсем неудачной:

  • 3D типорафия
  • Фон или изображение с градиентом или тенями
  • Закругленные углы(Ооо, прощай вебдваноль)
  • Черный или белый фон(пропадет во время смены темы)
  • Изображение не связанное с приложением
  • Прозрачный фон с цветным изображением на нем(Об этом ниже)

Цвета хаба
У хабов есть два ключевых элемента: иконка или логотип, который на переднем плане и цвет фона(квадратик). Оба этих элемента должны дополнять друг друга! Выбирайте цвет фона, который ассоциируется с вашим брендом и корой будет делать ваш логотип видимым и читаемым. Ниже приведены 3 примера.

good_tiles
Следует избегать белого и черного цвета фона, т.к. с примененим тем, хаб не будет видно.

black_tiles

Ели вы хотите что бы фон изображения менялся с темой, вы можете сделать фон прозрачным, но при этом очень важно помнить:

  1. Делайте прозрачным ТОЛЬКО изображение хаба. Другие иконки вашего приложения не должны иметь прозрачный фон.
  2. Изображение на вашей иконке должно быть белым. Если оно не будет белым, то возможно что его не будет видно при некоторых цветовых темах. пример ниже.

Contoso_tiles

Экран загрузки
Большинство приложений быстро загружаются. При загрузке мы любим немного представить пользователю приложение. Но так как загрузочный экран быстро пропадает, не советую вам вставлять в загрузку какой-то текст, требующий внимания. Используйте это время, что бы пользователь почувствовал себя комфортно до входа в приложение и что бы при входе, он(пользователь) почувствовал себя уверенным, а не растерянным. Не ставьте сюда рекламу, это так же плохо отобразится на вашем приложении.  splash_lgДля построения интерфейсов можете использовать библиотеку готовых шаблонов.

Надеюсь это все поможет вам разрабатывать эффектные приложения с красивым и ярким дизайном. Удачи и до встречи.

Реклама