Меню Рубрики

Mac os веб дизайн

10 лучших Mac OS-X-приложений для веб-дизайнеров

Mac OS – это серия операционных систем с графическим интерфейсом, разработанная Apple Inc. для оснащения линейки персональных компьютеров Macintosh. Наша сегодняшняя подборка направлена специально на пользователей Mac. Следует отметить, что данную подборку оценят и другие пользователи. Не забудьте оставить закладку на данный пост, чтобы позже была возможность вернуться к ней в случае, если вам понадобится какое-то приложение. Предлагаем вам подборку из 10 лучших Mac OS-X-приложений, которые точно облегчат жизнь веб- и графическим дизайнерам.

Adobe Creative Suite 5.5 поможет вам в процессе работы с мобильными устройствами. Вы без труда сможете разрабатывать интерактивные приложения для Android, BlackBerry и iOS. Также есть возможность разрабатывать HTML5-страницы и впечатляющие электронные журналы.

BBEdit – лидирующий HTML и текстовый редактор для Macintosh. Приложение разработано специально под нужды веб-авторов и разработчиков ПО, и предлагает все требуемые функции по обработке текста, включая возможность редактирования и осуществления поиска. Удобный и доступный интерфейс предоставляет легкий и быстрый доступ к лучшим функциям BBEdit, включая возможность редактирования, поиска и замены, выделения отрезков текста другим цветом, а также возможность сохранения и открытия посредством FTP и STFP, AppleScript, Unix-поддержку скриптинга Mac OS X, функция завершения текста и кода.

Разрабатываете ли вы ПО, графику или пишите документы, всегда бывает крайне важно сравнивать документы или выделять изменения. С помощью Cornerstone вы будете знать обо всех изменениях, когда-либо внесенных.

Любые ваши файлы, сохраненные в Dropbox, сразу же сохраняются на ваших компьютерах, телефонах и самом веб-сайте Dropbox.

Вы работаете в сфере разработки и дизайна веб-сайтов? Espresso кардинально изменит ваш рабочий процесс, наполнив его полезными и удобными функциями. Вы можете ускорить процесс разработки за счет расширенной языковой поддержки, автозаполнения, мощных интеллектуальных сниппетов, а также Zen. Вы также можете воспользоваться Navigator для того, чтобы без труда одолевать комплексные документы. Также следует отметить возможность обзора изменений в веб-страницах в режиме реального времени и, конечно же, встроенных CSSEdit 3.

LittleSnapper был разработан для того, чтобы помочь дизайнерам и другим креативным пользователям Mac. LittleSnapper позволит вам делать и организовать скриншоты, например, любимых Mac-приложений, либо создавать презентации для ваших клиентов. У вас также будет возможность комментировать их, и делиться ими в интернете.

OmniPlan разработано специально для того, чтобы помочь вам визуализировать, поддерживать и облегчить работу над вашими проектами. Оптимизируйте требуемые ресурсы, рассчитывайте стоимости, а также следите за общим ходом работы. Сотрудничайте со своими коллегами, делитесь с ними деталями хода разработки. Принимайте или отклоняйте предложения по изменениям. OmniPlan также позволяет вам создавать списки запланированных задач, подразделять разработку на этапы, а также выделять критические моменты. OmniPlan позволяет вам управлять как сложными, так и простыми проектами абсолютно без труда.

Часто ли вам нужно передавать файлы? Возможно, вы делаете это посредством серверов FTP или SFTP, либо посредством Amazon S3, либо WebDAV. Держите ли вы веб-сайт, создаете резервные копии или загружаете фотографии. Для всего этого вам понадобится Transmit – №1 для Mac OS X.

09. Alkaline – Больше не существует

Alkaline проверит дизайн вашего веб-сайта на корректность работы в 8 различных браузерах для Windows прямо внутри вашей системы Mac. Не нужно каких-либо виртуальных компьютеров, лицензионных Windows.

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Источник

Веб-дизайн + Mac OS − Adobe = Sketch. Чем новый инструмент лучше всех старых

Программы Адоби я очень сильно не люблю. Они большие, несуразные, прожорливые, и с ними приходится мириться, потому что за неимением сильных конкурентов Фотошоп с Иллюстратором стали уже стандартными инструментами в профессии.

Начинал я рисовать сайты, как и все, в Фотошопе. Но чем сложнее становились задания, тем сильнее ощущалась его неприспособленность для проектирования интерфейсов. Оно и понятно: Адоби никогда не говорили, что он предназначен для интерфейсных дизайнеров, это дизайнеры как-то сами себе придумали. Всегда хотелось иметь инструмент с двумя кнопками и тремя ползунками — все равно я больше не использовал ни в Фотошопе, ни в Фаерворксе ни в ИнДизайне. Сейчас у меня из «адобовского» набора есть только доставшийся бесплатно (в нагрузку к планшету) Фотошоп Элементс, установленный из принципа (халява же), а все остальное я уже давно заменил другими приложениями. И вот одно из.

Скетч — сейчас мой основной инструмент. Он полностью векторный (ретина, блин) и, в общем, похож на урезанный вариант Иллюстратора. Получилось, будто у Иллюстратора убрали как раз все лишнее, а осталось как раз все самое нужное. Почти все. Дальше распишу самые заметные плюсы и минусы.

Куда мы попали

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

Слои слева (сначала непривычно, через пару дней проходит), свойства выбранного объекта справа. Естественно, еще есть системные панели цвета и шрифтов.

Присутствуют страницы и монтажные области (то же, что холст в Фотошопе). Мастер-страницы пока нету, но обещали добавить. Самые ходовые монтажные области можно сохранить для быстрого доступа на панели сверху:

Или сохранить весь документ как шаблон:

Есть встроенная сетка, которая может быть или колонками, или, собственно, сеткой. Настраивается легко.

Инструменты

Инструменты простые: фигуры, перо и карандаш (рисовать кривые), текст и вставка картинки — что-то типа «поместить» в Фотошопе, но без возможности растрового редактирования. Еще операции с контурами и искажения фигуры. Можно, естественно, подобрать набор по своим нуждам.

Для стилей объектов и текста работает принцип «связывания». Можно скопировать стиль, например, кнопки, и поставить на все другие кнопки. Но вы не сможете, отредактировав стиль одной, поправить одним махом и все остальные. Для этого нужно: нарисовать первую кнопку → добавить ее стиль в панельку «линк» → нарисовать вторую кнопку и выбрать стиль из этой панельки (не скопировать с первой и вставить в другую, а именно выбрать с панельки). И так для всех остальных. Немного через жопу, но, как ни странно, иногда удобнее оставить одинаковые стили «порознь», чтобы редактирование одного объекта не влияло на другие такие же. С текстами такой же принцип, но в другой панельке.

Еще из примечательного: можно красить объекты в несколько слоев. Например, на эту кнопку я наложил линейный градиент, потом радиальный в режиме «overlay» (свет сверху) и текстуру тоже в «overlay». Текстур есть чуть-чуть встроенных, можно засунуть свои.

Слои можно группировать. Еще в слоях работают маски, но, как и стили, тоже немного по-своему: если вам нужно наложить один слой поверх другого, то сначала нужно их объединить в группу, а потом нижнему сказать «ты будешь маской». Если не сгруппируете, то вообще все слои, которые идут дальше сверху, тоже наложатся на маску, что нехорошо. В Фотошопе вы говорите верхнему слою, что он накладывается на тот, который снизу. А в Скетче вы говорите нижнему слою, что на него щас попрут сверху.

Сохранение и экспорт

Скетч экспортирует в png, jpeg, tiff, pdf, eps (пока плохо получается) и svg. Открывает только sketch и svg. У разработчиков, правда, работа кипит, так что скоро, может, научится и другим форматам, но поддержка psd точно не появится в обозримом будущем.

Если вы идеальный дизайнер и сами верстаете свои макеты, то Скетч вам и тут поможет: он умеет копировать стиль объекта в цсс, а еще при экспорте дает возможность сохранить только нужный слой, автоматом обрезав всю лишнюю прозрачность по краям (не нужно рисовать точный «слайс» вокруг иконки, например). И еще работает автоматическое сохранение «ретинистой» версии, если галочку поставить.

Если нужно отдать верстальщикам psd, то будут небольшие проблемы. Я нашел два пути. Первый: сохранить в pdf → открыть pdf в Иллюстраторе → пересохранить в psd, открыть в Фотошопе, навести порядок в слоях. Я использую второй: сделать в Пиксельматоре файл нужного размера → подложить снизу слой с картинкой страницы → поверх вставлять по одному запчасти из Скетча (все копируется в буфер обмена в png, тексты — сразу со стилем). Процесс несложный, просто нужно много раз нажать Cmd+C/Cmd+V. Потом из Пиксельматора экспорт в psd. Тут момент: psd получается несжатый и весит в несколько раз больше, чем такой же макет после Фотошопа, поэтому перед отправкой лучше сжать в zip — файл сильно «худеет».

Бонус

Скетч, конечно же, еще и векторная рисовалка. В свободное время я немного потренировался с иконками и тачпадом, если кому интересно поковыряться в исходниках, берите все добро одним архивом.

UPD. В комментариях насобиралось немного ссылок на шаблоны .sketch с элементами интерфейсов и всякими объектами: sketch-templates на Гитхабе, Meng To, Антон Алейников, scetchmine (там, кстати, где-то есть моя «линза»).

Источник

Популярные записи


Adblock
detector