Swuse — Создание (Предварительной) Бета-Версии Дизайна

Прошло некоторое время и появилась новая версия дизайнерского кроя.

CMS SWUSE .

На этот раз все стало более профессионально, но пока не идеально.

Я не скажу тебе, что это такое, последний пост Я уже писал об этом, поэтому расскажу, что нового и что обновлено из старого.



Работа с PSD и слоями

В предыдущей (альфа) версии можно было обрезать только однослойные простые изображения, что ограничивало возможности верстальщика.

В новой версии появилась возможность загрузки файлов PSD (фотошоп), а это значит, что теперь шаблон может состоять из нескольких слоев, слои можно накладывать, позиционировать и т.д. Появилась возможность менять фон выделенной области при наведении курсора мыши на мышь (удобна некоторыми кнопками).

Слои можно выбирать, скрывать, сохранять в разных форматах (jpg,gif,png+alpha).



Новые возможности

Масштаб Я считаю, что инструмент масштабирования чрезвычайно полезен для выделения областей изображения.

Спасибо за идею Алаункири .

Ручное редактирование.

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

можно просто посмотреть, что сделала система, поправить, если что-то не так, добавить немного своего кода и все, что можно сделать в обычном блокноте.

Редактирование CSS На этот раз CSS можно редактировать вместе с шаблоном, это вполне логично, хотя раньше CSS редактировался отдельно от шаблона, и смена дизайна убивала CSS-файл.



Лучше один раз увидеть.



SWUSE — создание (предварительной) бета-версии дизайна

Выбор областей и масштабирование.



SWUSE — создание (предварительной) бета-версии дизайна

Окно свойств выделения.



SWUSE — создание (предварительной) бета-версии дизайна

Окно свойств выделения при выборе слоя.

Окно становится прозрачным, а слой, который хочет выбрать пользователь, выделяется в рабочей области пунктирной линией.



SWUSE — создание (предварительной) бета-версии дизайна

Расположение ячеек по размерам, в том числе растягивание их по ширине и/или высоте.

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



SWUSE — создание (предварительной) бета-версии дизайна

Простой блокнот, ничего особенного.



SWUSE — создание (предварительной) бета-версии дизайна

Редактирование стилей — это то, что на данный момент не позволяет нам перевести проект из пре-беты в бета-версию.

В идеале вы можете редактировать, добавлять, удалять свойства и добавлять свои собственные объекты.



Немного о будущем

На сегодняшний день (30 сентября) всё это ещё пребета, потому что есть несколько известных ошибок, некоторые вещи не доделаны.

В частности, было решено применить шаблон не только к странице, но и ко всем ее элементам.

Например, в рамку статьи или на пункт меню.

И многие другие идеи.

Теги: #swuse #design #photoshop #psd #webneo #Chulan

Вместе с данным постом часто просматривают: