Пользователь
0,0
рейтинг
1 декабря 2012 в 22:13

Разработка → Полезные штуки для дизайнера интерфейсов iOS приложений



Прочитав посты Полезные штуки для iOS разработчиков #1 от Coder89 и Полезные штуки для iOS разработчика #2 от SeriiZ, решил собрать «полезные штуки» для дизайнеров пользовательского интерфейса iOS приложений.

PSD шаблоны


Хороший PSD шаблон с элементами GUI iOS6 для iPhone 5
Ссылка.



iOS 5 GUI PSD (iPhone 4S)
Ссылка



iPhone 4S PSD by Zandog
Ссылка



iOS GUI Elements
Ссылка

iPad GUI PSD
Ссылка



Sketch шаблоны — для любителей рисовать интерфейс на бумаге


Отличный Sketch-шаблон
Ссылка


Еще одна заготовка для любителей рисовать карандашом
Ссылка

iPad Idea Sheet
Ссылка

iPad wireframe templates
Ссылка

Sneakpeekit Mobile Sketchsheets
Ссылка

Наборы для программы OmniGraffle


iOS Design Stencils for OmniGraffle — набор UI элементов для программы OmniGraffle
Ссылка

ZURB — набор UI элементов для OmniGraffle
Ссылка

Ultimate iPhone Stencil — набор элементов для OmniGraffle
Ссылка

Mobile — iPhone — набор UI элементов для OmniGraffle
Ссылка

iPad Stencil for Omnigraffle — набор UI элементов для iPad
Ссылка

Наборы иконок для меню


iPhone App Dev Icons Set
Ссылка

glyphish Icons Set for Mobile App
Ссылка

Еще один набор иконок для Menu Bar
Ссылка

P.S. Главной полезной штукой должен быть Apple iOS Human Interface Guidelines

UPD 1:
PSD шаблон iOS 6 iTunes/App Store (добавил egormerkushev)
Ссылка

image

UPD 2:
Шаблон иконки для ваших приложений от egormerkushev
Ссылка

Описание
image
Михаил @Grigorieff
карма
12,0
рейтинг 0,0
Пользователь
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Разработка

Комментарии (15)

  • –16
    Геи на экране в тему.
    • 0
      У вас оригинальный вкус.
    • +3
      Это не геи, а авторы шаблона.
  • –7
    хороший пост, хорошие шаблоны, но скажите, почему дизайн айфона одинаков уже в течении 5 лет? мне кажется, что он устарел уже давно.
    • +8
      Не сечешь фишку. Листья деревьев миллиард лет зеленые. Apple как и природа совершеннствуют свои творения.
      • 0
        если Вы не заметили, то листья тоже постоянно меняются… осенью они — желтые, летом — зеленые…
        • +3
          вы так же невнимательны: зимой айфон белый, а летом — черный.
    • 0
      Скоро начнет обновляться, не зря же Форстолла отстранили.
    • +1
      Если учесть, что они «вдохновляются» дизайном Braun 50-ти летней давности — 5 лет — это ничто.
    • +6
      Если они устарели, то почему их все пытаются копировать?
      • –1
        Насколько я помню копировали дизайн только самсунг, и то только в Android 2.*. Позже и интерфейс андроида преобразился, и у самсунга иконки и внешний вид изменился. Девайсы внешне теперь легко отличить от других. В то же время iOS неизменна с самого начала. Сейчас я не вижу, чтобы кто то копировал. Даже MiUI которые изначально делали iPhoneOS дизайн сейчас сильно от него ушли в свой стиль.
  • +1
    • 0
      Спасибо, хороший шаблон. Добавил в пост.
      • 0
        Укажите, пожалуйста, что это шаблон именно iTunes/App Store из iOS 6.
  • +1
    Сделал шаблон для своих нужд — делюсь с сообществом.
    Как пользоваться: открыть в фотошоп, найти в слоях любой смарт-объект, открыть содержимое смарт-объекта, откроется новый документ с размером холста 1024х1024 (стандартный размер иконки), поместить на холст иконку, сохранить, вернуться к основному документу — вы увидите, что все иконки заполнились новым содержимым. Теперь можно выбрать File->Save for web… и в настройках экспорта установить формат PNG, выключить прозрачность, выбрать «все пользовательские slices», сохранить в нужной папке готовые иконки. Файлы будут названы как надо поумолчанию, можно просто добавить их в свой проект. Перед экспортом рекомендую внутри смарт-объекта отключить векторную маску на верхней группе слоев, так как в идеале на иконке не должно быть скругления.

    Конечно, мелкие иконки требуют отдельной доработки. Но это я оставляю уже для каждого конкретного дизайнера, который воспользуется шаблоном.

    Шаблон создан по мотивам работы dribbble.com/shots/1083555-iOS-icon-workflow-DR2 дизайнера Norm Sheeran dribbble.com/Norm

    Скачать тут с dropbox.com

    Картинка 75 КБ, не боимся! =)
    image

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.