Видео-курсы по дизайну

Всем привет. Сегодня у меня в очередной раз в гостях профессиональный дизайнер и вообще очень многосторонне развитый человек, Сергей Макельский. Он хочет рассказать Вам о… Собственно Вы сейчас об этом узнаете, передаю слово Сергею:

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

1. дизайн логотипов;
2. дизайн фирменных стилей;
3. дизайн рекламы;
4. дизайн полиграфии;
5. Web-дизайн;
6. дизайн упаковки;
7. и т.д.

Все видео-курсы представлены на специальной странице моего блога: http://logosimple.ru/phpblog/goodies.php

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

Я могу еще много его здесь написать, но лучше, если Вы всё увидите сами. Желаю Вам удачи в творчестве.

P.S. Хотите купить хороший vps хостинг для своих любимых проектов, но не можете определиться с выбором? В таком случае обратите своё внимание на vps хостинг от компании FirstVDS.

Черновой вариант дизайна

Приветствую Вас в очередной статье из серии “Как создать свой бизнес-блог и заработать на нем кучу денег!”. В ней мы продолжим обсуждать вопросы, с которыми вам придётся столкнуться при создании своего блога.

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

Что относится к черновому варианту дизайна Вашего блога?

• цветовая гамма;
• графическое оформление
• раскладка элементов
• размер и стиль шрифта
• и пр.

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

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

P.S. Информационный спонсор статьи о черновом варианте дизайна Вашего блога – профессиональное насосное оборудование для бассейнов от строительного портала «Строим всё».

Конструкторы-фреймворки для создания wordpress тем

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

Как устроены фреймворки

В составе любого фреймворка есть огромное количество hook’ов, с помощью которых можно добавлять произвольные элементы и модифицировать саму тему не изменяя её файлы. Делается это с помощью подключения файла functions.php, в который добавляются конкретные функции. А эти функции, в свою очередь, отображают нужные вам элементы в нужном месте темы.

Например, вот такой хук:

thematic_belowtrackbackslist()

отвечает за вывод списка трэкбэков, а вот такой:

thematic_belowcommentslist()

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

Smashingmagazine уже собрал воедино все самые стоящие frameworks, которые созданы нашими западными коллегами. Еще в этом посте вы найдёт качественные php заготовки для создания wordpress тем. Как написано в самом начале статьи – её цель – не найти самый лучший фреймворк, а предоставить все самые лучшие разработки, чтобы каждый смог найти для себя то, что лучше всего подходит именно под его нужды.

Повторяться не вижу смысла. Лучше пару слов напишу о разработке нашего соотечественника Антона Шевчука, который создал очень неплохую тему-конструктор для wordpress. Всё, что нужно сделать – это установить тему и настроить её по своему вкусу. Можно выбрать тему (одну из 6-ти), настроить макет, боковую панель, шапку, контент, подвал, цвета, шрифты, CSS и избражения. Так же в тему встроены плагины, которые отображают миниатюры и слайдшоу. В общем функционал неплохой уже по умолчанию. Более подробное описание читайте по ссылке вверху.

Саша Tod написал отличную статью про использование миниатюр для поста в WP 2.9 на практике в своём новом блоге про wordpress.

Попытки автоматизации вёрстки wordpress тем из PSD

В последнее время меня всё больше интересует создание тем для wordpress. Хорошенько разобравшись с визуальным редактором для создания шаблонов WordPress, Joomla, Drupal и др. – Artisteer, я понял, что это далеко не самый лучший вариант. Код шаблона получается довольно монструозным, а сам дизайн ограничен возможностями программы.

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

Начинается всё, естественно, с фотошопа. Сначала мы рисуем то, что хотим видеть в финальном варианте, не особо заморачиваясь о том, как всё это будет реализовано. В разумных пределах, конечно Это называется созданием PSD макета.

Следующий этап – вёрстка XHTML/CSS шаблона. Дело это очень нудное и кропотливое, требующее хорошего знания html и css. Вот как раз поисками способов упрощения/ускорения этого процесса я и занимался в последнее время. Волшебной палочки я, конечно, не нашел, но всё же есть чем с вами поделиться:

• Divine – плагин для фотошопа, с помощью которого можно превратить PSD макет сразу в wordpress тему. Продукт еще довольно сырой и находится в стадии бета-тестирования, но, как мне кажется, имеет все шансы стать очень популярным. Существуют две версии плагина – платная и бесплатная. Бесплатная имеет ряд ограничений, но в общих чертах позволяет ознакомиться с плагином. Функционал плагина на данный момент очень даже скромный, так что мне кажется, что создатели поспешили с платной версией.
• Psd2cssonline – онлайн генератор готовых XHTML/CSS шаблонов из PSD файлов. В большинстве случаев, конечно, на выходе шаблоны нуждаются в доработке/корректировке. Но даже несмотря на это данный сервис может сэкономить очень много времени при вёрстке шаблона.

Третий этап создания шаблона – превращение его из статического в динамический, т.е. из html в php. Если вы хорошо знаете структуру шаблонов wordpress, то этот этап не вызовет особых затруднений. Всё может быть усложнено дополнительными наворотами, которые вы захотите прикрутить к своей теме.

Мегаподборка из 14 лучших туториалов по превращению PSD файлов в XHTML/CSS шаблоны. Все статьи на английском. Если кто-нибудь видел что-нибудь похожее на русском – поделитесь в комментариях. Я лично ничего подобного в рунете не встречал.

Artisteer 2.3 – хорошие новости

Я уже писал о том, что такое Artisteer и для чего он нужен в статье Artisteer – революция веб дизайна. Лично я считаю, что программа очень перспективная и слоган «Web design revolution» (революция веб дизайна) разработчики выбрали не зря. Я слежу за каждым обновлением программы и вижу, что создатели трудятся на славу. Основной упор в развитии конечно идет на поддержку резиновых шаблонов, о чем было анонсировано еще при релизе версии 2.2 После этой новости интерес к артистееру сильно возрос по понятным причинам – ведь это главный недостаток данной софтины. Правда сроки появления долгожданных резиновых шаблонов не обозначены «из-за сложности реализации этой задачи».

Радует так же, что несмотря на то, что почти всё внимание направлено на появление поддержки шаблонов с нефиксированной шириной, разработчики всё же не забывают выпускать новые версии, исправлять баги и добавлять новые функции. Что нового появилось в Artisteer 2.3:

• Список платформ, которые поддерживает artisteer пополнил blogger. Картинки можно хранить на Picasa, Image Shack или любом FTP сервере. Инструкцию для пользователей платформы blogger см. здесь (англ.)
• Улучшена поддержка движков WordPress, Joomla, Drupal и DotNetNuke.
• Добавлены новые текстуры, блики и иконки. Их было и так очень много, теперь совсем глаза разбегаются
• В содержание шаблонов включены примеры фотографий, чтобы наглядно показать, как будут выглядеть миниатюры и превьюшки.
• Программа стала более стабильной и быстрее работает.
• Отключена возможность сохранения проектов в триал версии (раньше на шаблон просто накладывались ватермарки, но видимо это не мешало людям ими пользоваться )
• Анонсировано появление вертикальных менюшек в версии 2.4

Сам я артистеером пользуюсь с удовольствием, сейчас доделываю шаблон под joomla для своего нового проекта, запускать который собираюсь после нового года. Тогда и оцените, что я наваял. Мне очень нравится. Главное нарисовать в фотошопе красивую шапку – остальное подбирается методом тыка.

Следующий пост об артистеере на этом блоге появится уже после появления резиновых шаблонов.

P.S. Информационный спонсор статьи об Artisteer 2.3 – мебель Малайзии от интернет-магазина эксклюзивной плетёной мебели для кафе, баров и ресторанов из Азии «Firrenzo».

Artisteer – Революция веб дизайна

Каждому блогеру хочется иметь свою собственную красивую и, самое главное, уникальную тему оформления блога. Можно купить готовую (от $70) либо заказать разработку темы с нуля (учитываются все ваши пожелания, но и планка цены начинается от $150). Можно, конечно создать тему самому, но для этого нужно хорошо владеть PHP, CSS, HTML и каким-либо графическим редактором, например Photoshop.

Но что же делать, если денег нет/жалко, а знаний нет/лень что-либо изучать? Установить бесплатную тему и раствориться в толпе сотен точно таких же блогов – не вариант.

Совсем недавно в процессе поиска нормального генератора тем для вордпресс (для последующей доработки) я наткнулся на очень полезную програмку – Artisteer. Это Визуальный редактор для создания тем для самых распространенных CMS (WordPress, Joomla, Drupal, Blogger, DotNetNuke), шаблонов для HTML сайтов, приложений Asp.net и CodeCharge Studio.

На всякий случай поясню, что такое визуальный редактор. Это значит, что при создании шаблона вы даже не видите его код: просто выбираете из предложенных вам стили, цвета, графику (можно, конечно, использовать и свою), расположение элементов и т.д., т.е. всё до последних мелочей, при этом вы можете не иметь ни малейшего понятия в CSS и HTML. Когда создание шаблона завершено, просто экспортируем его в тему для нужной вам CMS, заливаем на хостинг и готово.

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

Из недостатков, которые, лично мне, не дают использовать этот классный инструмент в своих целях на полную катушку могу привести следующие:

• нет возможности (очень надеюсь, что пока) создавать резиновые шаблоны (можно задать только фиксированную ширину страницы);
• нет автоматического обновления, а так как проект еще совсем молодой, обновления выходят часто, каждый раз приходится скачивать новый инталятор (60 мб) и переустанавливать программу;
• есть конечно еще много мелочей, но думаю их не стоит даже здесь перечислять, т.к. с каждой новой версией их всё меньше и меньше.

Естественно, программа платная и стоит $130. Интерфейс многоязычный, в том числе есть и русский язык. Он выбирается уже при установке программы.

P.S. Информационный спонсор статьи об Artisteer – разработка web сайтов, а так же их оптимизация и раскрутка в Москве от компании WebСтроитель – современные интернет-решения.