—»     —»   7 этапов систематизации работы над процессом создания дизайна
  Раздел: Подсказки   Комментариев: 1  

7 этапов систематизации работы над процессом создания дизайна



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

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

- Хранилище отрывков кода

Каждый дизайнер должен иметь под рукой собственное хранилище для используемых кодов. Вы можете использовать отдельную программу, специально предназначенную для этого: CodeCollectorPro. Или же, просто создать папку с готовыми текстовыми или html-файлами, изображения и исходными файлами Photoshop.

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

- Формы контактов (создайте один шаблон формы контактов и всегда используйте его в разных проектах)
- Скрипты управления пользователями и авторизации (создайте для себя наиболее оптимальный скрипт авторизации, который вы сможете использовать на каждом сайте)
- Операторы управления оплатой и скрипты он-лайн магазинов (если вы когда-то уже сделали с нуля один интернет-магазин, то зачем переписывать заново всё ядро)
- Основные, часто используемые элементы дизайна (графические кнопки, шапки, элементы верстки и так далее)
- Сохраняйте все, что вы когда-либо уже делали, возможно, в будущем, за счет некоторой корректировки и усовершенствования, вы сможете использовать код как принципиально новый проект
- Дизайнерам рекомендуется всегда хранить HTML-шаблон, с уже прописанными данными о формате документа и с указанной ссылкой на каскадные таблицы стилей (CSS). Это будет каждый раз экономить ваше время с началом каждого нового проекта.

7 этапов систематизации работы над процессом создания дизайна

CodeCollectorPro

- Кодекс последовательности выполнения

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

Самая малость, которую можно систематизировать, говоря о свойствах (определить строгую последовательность), указываемых в коде CSS:
- width - ширина
- height - высота
- color - цвет
- position - позиция
- misc - остальное

Также вы можете попросить каждого, кто пишет код, комментировать написанное, или банально в именах классов давать хоть какой-то намек на то, за что он отвечает. Например, если это элемент с рекламой, расположенный в верхнем левом углу, то было бы удобно, если бы он был назван "#topleftad".

- Готовые шаблоны

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

Не было бы лишним, если бы вы заранее сделали несколько полноценных сайтов, например скрипт WordPress с уже прикрученными и настроенными плагинами рассылки новостей и SEO, и заполненными контактными страницами. Систематизация таких процессов значительно экономит ваше время.

- Заготовки почтовых рассылок и заранее написанные скрипты

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

И в следующий раз вам не придется отвечать на надоедливый и уже раздражающий вопрос, типа "Я хочу себе сайт, сколько у вас это будет стоить?". Вы просто можете направить клиента на данную страницу, с уже готовыми ответами, если он сам не заметил её. Обычно это сохраняет от 5 до 20 минут вашего личного времени.

Вы сможете сэкономить еще больше времени, если заделаете данный список с вопросами, как всплывающее окно на главной странице.

- Среда обработки кода

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

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

- Платформы для дизайнеров

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

На что стоит обратить внимание:

7 этапов систематизации работы над процессом создания дизайна

Blueprint CSS

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

7 этапов систематизации работы над процессом создания дизайна

YAML – Yet Another Multicolumn Layout

Еще одна платформа редактирования HTML и CSS. Программа максимально облегчена и направлена на стандарты Веб. Предоставляет модульную конструкцию и понятный интерфейс.

7 этапов систематизации работы над процессом создания дизайна

Eric Meyer CSS reset

Сбрасывает все настройки CSS в вашем браузере по умолчанию, что означает, что вы каждый раз начинаете с чистого листа. Задерживается на неестественных ошибках, и в местах, где чувствуется конфликт вашего кода CSS с браузером.

7 этапов систематизации работы над процессом создания дизайна

YUI Grids CSS

Yahoo – еще один важный игрок в области платформ. Утилита предоставляет вам 4 шаблона с разной шириной страницы, различные шаблоны и возможность хранить некоторые отрывки кода. Её вес всего 4кб.

7 этапов систематизации работы над процессом создания дизайна

960 Grid

Система таблиц CSS для разработки профессиональных, сплошных и аккуратных дизайнов.

- Платформы для разработчиков

Использование платформ для разработки веб-сайтов, также сэкономит кучу вашего времени. Вы можете интегрировать структуру MVC (модель, вид, контроллер) в ваш код. По существу, это означает, что информация (модель) предоставляется отдельно от контроллера (который берет информацию из модели), а затем комбинирует её с видом (то, что видит пользователь). Довольно часто, вы можете видеть различные вспомогательные инструменты, которые помогут вам конструировать сложные проекты за достаточно короткие сроки.

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

7 этапов систематизации работы над процессом создания дизайна

CodeIgniter

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

Вы можете экономить время, так как программа предоставляет вам богатую библиотеку всех нужных функций.

7 этапов систематизации работы над процессом создания дизайна

CakePHP

Утилита нацелена на максимально быстрое программирование. Платформа имеет солидное общество, поэтому есть большая вероятность, что вам ответят на все вопросы, которые у вас могут возникнуть.

7 этапов систематизации работы над процессом создания дизайна

Zend Framework

Расширяя творческие возможности и дух PHP, Zend Framework основывается на простоте, лучших объектно-ориентированных действиях, системе лицензирования, привлекательной компаниям, и протестированном максимально скоростном кодировании. Утилита нацелена на создание более защищенных, надежных, и современных приложения и сервисах в духе Web 2.0. А также поглощает всевозможные API приложения от ведущих поставщиков, таких как Google, Amazon, Yahoo!, Flickr, а также поставщиков услуг API: Strikelron и ProgrammableWeb.

Zend поддерживает:

- Поддержка AJAX через JSON – предоставляет настолько простую систему пользования, которую вряд ли могли ожидать пользователи
- Поиск – родная PHP-версия поисковой системы Lucene
- Синдикация – форматы информации и легкий доступ к ним, которые требуются вашим приложениям Web 2.0
- Веб-сервисы – утилита нацелена быть лучшей в потреблении и публикации веб-сервисов
- Высококачественная, объектно-ориентированная библиотека классов PHP5 – обратите внимание на лучшие варианты дизайнов шаблонов, тестирования, и свободных соединений

- Платформы для разработки javascript

А что, если добавлять анимацию, динамические переходы между страницами, и более привлекательный пользовательский интерфейс без того, чтобы писать километры кода javascript с нуля? Всё это возможно, если вы начнете пользоваться платформами для разработки javascript-приложений. Вы получите доступ к заранее готовым и протестированным функциям, собранных со всех высококачественных ресурсов, и сможете использовать их абсолютно бесплатно.

7 этапов систематизации работы над процессом создания дизайна

jQuery

Утилита упрощает разработку ajax и анимации, управление событиями и так далее. Она абсолютно бесплатна, не занимает много места, и отвечает стандартам кросс-браузерности и CSS3. jQuery считается лучшей средой разработки javascript, а в сети тысячи обучающих и информационных текстов.

- Создание собственной среды

Конечно же, если у вас достаточно времени и знаний, вы можете для себя смастерить среды обработки javascript, css и так далее. Это должно быть что-то вроде комбинации элементов, функций и свойств, которые вы очень часто используете. Если вы все заранее подготовите, то в дальнейшем сможете экономить кучу времени. Конечно, вы можете переделывать данные функции с прошлый проектов и подготавливать их для будущих. Вы даже можете создать что-то типа такой среды из Photoshop, адаптировав его под свою постоянную работу и процессы, которые вы чаще всего используете.

- Бухгалтерия, управление клиентами и проектами

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

Время небольшой помощи. Скорее используйте доступные веб-приложения, такие как Basecamp, Highrise и LessAccounting. С их помощью вы сможете выровнять свои дела так, чтобы все протекало гладко и вам не придется проводить все свободное время в расчетах – вы можете заняться любимыми делами.

- Сайты службы поддержки

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

Не поленитесь организовать сайт службы поддержки, где будет описано как правильно настраивать почтовые ящики, или о том, как пользоваться системой управления контента (CMS), что поможет уменьшить число звонков и писем от разъяренных клиентов. Если опубликовать видео-уроки той или иной процедуры, то скорее всего, в этом сможет разобраться любой человек, даже тот, кто отдаленно знаком с компьютерной грамотой. Вы можете воспользоваться специализированные приложения, как например, helpserve, которые позволяют вам создавать ярлыки с подсказками.

Итак, воспользовавшись хотя бы некоторыми советами из предложенных, вы сможете экономить более 5, 10 или даже 15 часов в неделю. К тому же, вам придется меньше заниматься скучными и рутинными делами. Процесс систематизации займет несколько часов, зато в ответ вы получите гораздо больше свободного времени в дальнейшем.

Автор статьи © Joel Reyes
Русский перевод © CoolWebmasters.Com 2009
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Mysterious Master   Прочитано (раз): 7143   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 13 февраля 2012 @ 21:56
Написал: hunter — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Хорошая статья, спасибо и за набор программ, очень пригодились
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц January по-русски
Подтверждение кода безопасности :

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


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930