Подготовка дизайна к HTML верстке

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

Share

Генерация меню навигации из текстового слоя

В дизайн макетах очень часто встречается следующий паттерн для изображения меню навигации — используется текстовый слой, слова в котором разделены одинаковым количеством пробелов или знаков табуляции. Читать далее Генерация меню навигации из текстового слоя

Share

Автоматическая адаптивная верстка на Bootstrap

Мы запустили в бета режиме генерацию адаптивной верстки на Bootstrap. Для верстки используется библиотека Bootstrap версии 3.3.7.

Поддерживается так называемый desktop-first подход, когда за основу берется макет, разработанный для большого экрана. При уменьшении экрана происходит постепенная  адаптация под меньший размер экрана. Читать далее Автоматическая адаптивная верстка на Bootstrap

Share

Сохранение слоя Photoshop в формате GIF

В сервисе автоматической верстки сайтов добавлена возможность извлечения изображений в формате GIF из слоев макета Photoshop. Читать далее Сохранение слоя Photoshop в формате GIF

Share

Встраивание ‘linked smart objects’ больше не требуется

Новые версии Photoshop добавили возможность использования так называемых «linked smart objects»: http://blogs.adobe.com/richardcurtis/2014/01/16/photoshop-cc-14-2-update-linked-smart-objects/. В двух словах, теперь в макет Photoshop можно добавлять слой smart object, который будет ссылаться на внешний файл. При изменении этого файла слой макета будет автоматически обновлен. Использование таких объектов очень удобно с нескольких точек зрения. Читать далее Встраивание ‘linked smart objects’ больше не требуется

Share

Как сделать нарезку изображений из PSD макета

Сервис автоматической верстки сайтов дополнен новым (бесплатным!) сервисом по нарезке графики из макета Photoshop. В связи с этим, расскажем, что стоит учитывать при нарезке картинок из дизайн макета Photoshop и почему эта задача не такая тривиальная, как может показаться на первый взгляд. Читать далее Как сделать нарезку изображений из PSD макета

Share

Использование нескольких эффектов одного типа на слоях и группах Photoshop

Новые версии Photoshop позволяют установить на один слой сразу несколько эффектов одного типа. Это доступно для следующих эффектов: Читать далее Использование нескольких эффектов одного типа на слоях и группах Photoshop

Share

Установка эффектов на группах слоев в Photoshop

Все чаще дизайнеры при создании макета в Photoshop используют такую технику, как установка эффектов на группу слоев. Это бывает очень удобно для таких эффектов, как Color Overlay или DropShadow, так как Читать далее Установка эффектов на группах слоев в Photoshop

Share

Высокопроизводительный HTML код: идеи и примеры реализации

Сегодня оптимизация страниц сайтов снова стала очень актуальна. И если на заре Интернета причиной для экономии трафика было медленное соединение обычного Интернета, то теперь «виновниками» стали многочисленные мобильные устройства, через которые все большее число пользователей ходят в Интернет. Читать далее Высокопроизводительный HTML код: идеи и примеры реализации

Share

Как создать идеальный дизайн: от идеи до верстки

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

Share