Полезные штуки для дизайнера интерфейсов 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
    Метки:
    Поделиться публикацией
    Реклама помогает поддерживать и развивать наши сервисы

    Подробнее
    Реклама
    Комментарии 15
    • –16
      Геи на экране в тему.
      • 0
        У вас оригинальный вкус.
        • +3
          Это не геи, а авторы шаблона.
        • –7
          хороший пост, хорошие шаблоны, но скажите, почему дизайн айфона одинаков уже в течении 5 лет? мне кажется, что он устарел уже давно.
          • +8
            Не сечешь фишку. Листья деревьев миллиард лет зеленые. Apple как и природа совершеннствуют свои творения.
            • 0
              если Вы не заметили, то листья тоже постоянно меняются… осенью они — желтые, летом — зеленые…
              • +3
                вы так же невнимательны: зимой айфон белый, а летом — черный.
            • 0
              Скоро начнет обновляться, не зря же Форстолла отстранили.
              • +1
                Если учесть, что они «вдохновляются» дизайном Braun 50-ти летней давности — 5 лет — это ничто.
                • +6
                  Если они устарели, то почему их все пытаются копировать?
                  • –1
                    Насколько я помню копировали дизайн только самсунг, и то только в Android 2.*. Позже и интерфейс андроида преобразился, и у самсунга иконки и внешний вид изменился. Девайсы внешне теперь легко отличить от других. В то же время iOS неизменна с самого начала. Сейчас я не вижу, чтобы кто то копировал. Даже MiUI которые изначально делали iPhoneOS дизайн сейчас сильно от него ушли в свой стиль.
                  • 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

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