Главная → Программирование → by

Проектирование системы управления контентом

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

Тем не менее, большинство клиентов в эти дни хотят быть в состоянии управлять своим собственным содержанием, поэтому большинство дизайнеров обнаружите, что некоторые, если не все, конец их конструкции в качестве шаблонов в какой-то CMS.

Рассматривая CMS, как вы дизайн, вы можете поддерживать гораздо больший контроль над конечной продукции.Если ваши проекты будут реализованы и интегрироваться в CMS разработчиком, то, взяв управление на этапе проектирования поможет вам сохранить контроль над дизайном, в отличие от решений, оставляя разработчику или содержание editors.

Знай своего enemy

Системы управления контентом сильно различаются, насколько они дают дизайнера и контент-редакторов.Как дизайнер, вы должны сначала узнать, сколько control над системой шаблонов выбранной вами CMS у вас есть.Управление может варьироваться от просто быть в состоянии изменить существующие шаблоны, чтобы быть в состоянии формировать CMS полностью вокруг ваших проектов.В некоторых старых продуктов CMS вы можете обнаружить, что у вас мало контроля над наценку, которая вставляется в pages.

Где контент-редакторов обеспокоены тем, вы должны выяснить:

  • Будет ли редакторы сможете вставить любой HTML-теги в области содержания, либо путем визуального редактора или непосредственно
  • Довольствуется просто большие блоки размеченный содержание вставлены редактором или же CMS использовать любой вид структурированного контента

Editing a Page in WordPress
Многие люди используют WordPress как CMS.В WordPress, пользователи могут добавлять любые надбавки к содержанию страницы area

Если пользователи CMS сможет вставить свои собственные HTML, то вам нужно подумать, как ваш проект будет держать, когда это произойдет.Идеальная ситуация для дизайнера, где пользователь имеет ограниченную возможность ввести свои собственные наценки и CMS использует блоки структурированной информации, чтобы направлять их в добавление контента в правильном направлении, который затем может быть размечена правильно шаблонов.Чем больше свободы пользователю, тем больше оборонительно нужно design.

Держите его consistent

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

При работе с любой структурированный контент в ваш дизайн (например, статья в каталоге, который отображает список названий и выдержки из статей овеб-сайт), думать о каждом разделе в виде повторяющегося блока.С CSS3 мы можем легко целевых любой другой элемент или последнего пункта, но это не доступно для старых браузеров, и это не может быть возможно изменить фоновый код CMS, чтобы добавить класс в любой другой товар илипоследний пункт.Убедитесь, что конструкция будет держать, если каждый повторяет блок same — вы всегда можете добавить дополнительные тонкости для тех браузерах, которые поддерживают CSS3.

Когда имеешь дело с районами, которые в основном крупные блоки содержания, где пользователь имеет контроль за наценкой, don’ T предположить, пользователь не забудьте добавить множество различных классов наценку, чтобы вызвать CSS эффекты, предусмотренные.Либо держать вещи простыми или использовать CSS3 selectors целевой области design.

Не думайте, что длина контента или высота blocks

В Интернете это не очень хорошая идея, чтобы полагаю, вы знаете, как высокий что-то будет — как, даже если у вас есть контроль содержания, изменение размера текста может взорвать ваши предполагается высоты прямо из воды и причиной дублирования или текст убегалфон images.

При проектировании для CMS, у вас есть дополнительный выпуск более или менее тексту добавляется к области, которую предполагалось.При создании начального дизайна в Photoshop или аналогичные, рассмотрим, как каждый ящик и окружающий контент будет реагировать на большее или меньшее количество содержания.Если предоставление PSD файлов на кого-то другого, чтобы строить, обеспечивать, чтобы любое фоновые изображения на этих коробках предоставляется instructions от того, что произойдет, если окно выше.Например, мы можем показать более или матовый фон на плоский цвет

Grid типа макеты коробок может стать серьезной проблемой в этой ситуации.Общий дизайн может иметь несколько ящиков с заголовком области.Они выглядят прекрасно и аккуратно в PSD компании с регулярным длинами Lorem Ipsum.Однако, как только контент-редакторов добавил содержания, мы обнаружили, что некоторые заголовки находятся на одной линии, некоторые по два и коробки дико различной высоты оставляя аккуратные сетка выглядит довольно грязным.С учетом этого на этапе проектирования может быть продиктовано другой макет here.

Dubbed Creative homepage
списки на главной странице Дублированный Creative сайт не зависит от высоты содержимого: некоторые пункты имеют больше текста, чем другие.Этот тип макета выглядит опрятнее, чем попытка создать равные коробки высотой с неравной длины content.

Если вы передав интерфейсных разработчик, думая, что через эти сценарии сохраняет контроль на вашей стороне.Решите, как вы хотите выглядеть и объяснить разработчиков, как она должна реагировать на изменение размера текста, дополнительный контент и так далее, иВы don’ T рискуют оставить этих решений люди без глаз design.

Избегайте использования изображений замену text

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

Ситуация со шрифтами становится намного проще, так как в настоящее время имеется ряд услуг, которые позволяют использовать шрифты, которые не установлены на вашем user’ компьютерные х годов, но которые иначе было бы трудно или невозможно лицензии, чтобы включить на своем сайте.Если вам нужен конкретный шрифт, который вы можете быть удачливыми и находят, что одним из ниже услуги у меня есть, или они могут иметь что-то доступное который находится достаточно близко, чтобы получить визуальный эффект, который вы want.

The Fontdeck website
услуги, такие как Fontdeck и Typekit означает, что использование изображений для текста не обязательны использовать определенный font.

Рассмотрим CMS при разработке navigation

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

Tabs on the Long Hollow website
привлекательны строка вкладок, таких как эти на длинных полых Церкви Website может выглядеть неопрятно, если редакторы имеют доступа для добавления нового верхнего уровня навигации elements.

Вопросы вы должны получить ответы на включают в себя:

Comments are closed.