ИНФОтека

Информационная безопасность

Artisteer: сам себе дизайнер, дизайн сайтов

Как сделать сайт

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

Вопреки популярному мнению, поисковые службы не наказывают сайты за использование «стандартного» дизайна, пример: этот блог, который вы сейчас читаете. Однако ни о какой особой оригинальности речи уже не пойдёт: если есть ещё тысяча сайтов в такой же одёжке, как глазу зацепиться именно за ваш?

Я не очень часто рекомендую именно платные средства, но Artisteer того определённо стоит. Вкратце: это — программа-генератор дизайнов, способная выдать дизайн как в виде XHTML-страницы (включая изображения и стили), так и в виде тем оформления (шаблонов) для Blogger, DotNetNuke, Drupal 5/6/7, Joomla, Wordpress и, с минимальной доработкой, для других CMS.

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

Приведу пример бесплатного инструмента для создания дизайна: Kompozer. Приведу пример сетевого сервиса для создания дизайнов: DoTemplate. Однако сильная сторона Artisteer — возможность генерации фактически произвольного числа тем, с возможностью довольно тонкой настройки их вида, не встречается в других продуктах того же ценового класса.

Чтобы продемонстрировать возможности этого продукта, а также в качестве подарка читателям этого блога, я, начиная с этой недели, стану публиковать на специальной странице блога бесплатные темы для Wordpress, Drupal, Joomla. Следите за главной страницей сайта, там, где публикуются новости.

И — чуть подробнее о программе.

Генератор оформлений

Программа написана для Windows; возможно, у кого-то получится запустить её из-под эмулятора типа Wine, но шансов не очень много.

Системные требования: Windows (XP, Vista, 7); .NET версии 2. Программа легко и просто встала и заработала на моей любимой «игрушечной Windows» (KVM/Fedora 14).

Поддерживает стандарты: XHTML 1.0 Transitional, CSS2, PNG с прозрачностью и т.д.; поддерживает все популярные виды браузеров (в том смысле, что полученное оформление выглядит в них адекватно).

Среди языков интерфейса есть русский.

Примерно так выглядит основное окно (см. картинку ниже). Программа отдельно редактирует элементы оформления или же структуру макета в целом; нажатие на кнопку «Предложить дизайн» породит новое оформление, с высокой вероятностью совершенно уникальное. После доводки цветов, размеров и пр. вам останется только экспортировать дизайн в нужный вам формат и — установить на ваш сайт. Нажмите на картинку правой кнопкой, чтобы открыть её в новом окне и увидеть в её подлинном размере.

Artisteer  в работе

Соответственно, нажатие на другую кнопку «Предложить...» породит другой вариант указанного элемента оформления.

А вот пример оформления, образец которого на картинке выше — скачайте и попробуйте установить (тема для Wordpress): infotequewpsample.zip.

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

Адрес уведомления об обратной ссылке для этой записи:

//trackback/262

Комментарии

Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Сохранить установки".
Аватар пользователя Бабай

Чисто для саттелитов прога.

Чисто для саттелитов прога. Не встречал сайты сделанные на этой проге. (bizneshit dot ru)

Аватар пользователя Константин Бояндин

Если не встречали, то где,

Если не встречали, то где, по-вашему, вы написали об этом?
Да и на самом сайте программы полно ссылок-примеров.

Аватар пользователя Ev3rest

Еще 1 способ

Я думаю, существует еще 1 способ: заказать шаблон у проверенного человека. И цена средняя, и качество будет неплохое. К тому же времени совсем не отнимется, разве что на обсуждение будущего дизайна. (lp-digital dot ru)

Аватар пользователя Константин Бояндин

Время или деньги. Отнимается

Время или деньги. Отнимается всё равно, вопрос - что именно вы хотите отдать.

Аватар пользователя Eugen

...

сказать честно, не стал бы прибегать к помощи подобной программы. про шаблонность дизайнов сказано верно, но если нужно что-нибудь новое, лучше вникнуть в особенности веб-дизайна самому - прочитать для начала несколько уроков, потренироваться. Это даст, во-первых минимальный навык; во-вторых, экономию средств; в-третьих - вам не составит труда что-то менять в диазйне, если будет такая необходимость. в общем, есть деньги - лучше обращайтесь к веб-дизайнеру(человеку), нету - пробуйте сами. (/vidokq dot com)

Аватар пользователя Константин Бояндин

Есть такая ма-а-аленькая

Есть такая ма-а-аленькая проблема: не все талантливы в области дизайна.
И если среди "программных" вариантов ещё можно выбрать, а при минимальном усердии ещё и "отточить" вполне приличный дизайн, то просто так, с нуля далеко не все могут стать дизайнерами.

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

Аватар пользователя peshehod

Artisteer: сам себе дизайнер

Начинал с этой программы. Не понравилась, очень громоздкий код получается. Потратил немного времени на знакомство с html, css и php. В результате свой первой блог сделал в простом блокноте. Получилось не очень, но зато сам, своими руками. О полученных знаниях не жалею, теперь визуальными редакторами почти не пользуюсь.

Аватар пользователя Константин Бояндин

Ключевое слово: "не очень". Я

Ключевое слово: "не очень".
Я понимаю, что своими руками создать что-то - это приятно.
Вопрос только в том, оценят ли это посетители и не пройдут мимо неказистого сайта, ведь встречают всё-таки по одёжке.

Аватар пользователя peshehod

Дизайн, конечно, играет

Дизайн, конечно, играет важную роль, но если контент хороший, то посетители обязательно оценят и неброский сайт. Например, меня совершенно не впечатлил дизайн Kichrum's Bloga Сергея Пашко, а его статьи читать было интересно и, судя по комментариям, не мне одному.

Аватар пользователя Константин Бояндин

Всё верно. Но, если только вы

Всё верно.
Но, если только вы не пришли куда-то по точной наводке, в первую очередь бросается в глаза оформление и удобство использования, верно?

Не укажете адрес упомянутого вами блога?

Аватар пользователя Андрей S.

Я считаю, что дизайн должен

Я считаю, что дизайн должен быть хорошим. Конечно, если Вы делаете сайт домохозяек, то это не так принципиально.

Аватар пользователя Константин Бояндин

По мне, любой сайт должен

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

На кой делать халтуру?

Аватар пользователя автолюбитель

Слишком простые

Слишком простые по конструкции сайты получаются. Лучше всё прорисовывать в фотошоп, а потом натягивать на HTML (tuning-automobiles dot ru)

Аватар пользователя Константин Бояндин

Два вопроса 1. Что делать

Два вопроса
1. Что делать тем, кто не умеет рисовать?
2. Отчего думаете, что простые? Вариантов структуры и оформления там очень много.

Аватар пользователя БЛОGГЕР

Artisteer отличная программа.

Artisteer отличная программа. Сам пользуюсь. Единственный недостаток - нельзя дорабатывать не созданные в этой программе шаблоны. Т.е. нет импорта xml. (pro100blogger dot blogspot dot com)

Аватар пользователя Лысьва

Проверил это композер увы на

Проверил это композер увы на английском. Сложно разобраться у меня с этим языком проблемы. А вот за бесплатные блог сервисы человеческое спасибо. (bloglysva dot blogspot dot com)

Аватар пользователя Константин Бояндин

Увы, перевода на русский

Увы, перевода на русский никто пока не сделал.
Список блог-сервисов не очень часто обновляется, но и в текущем виде может пригодиться. Удачи!

Аватар пользователя Валерий

неплохо программа-то стоит...

неплохо программа-то стоит... 130$ с обновлениями на один год. Любителям создавать саттелиты должно понравиться :) (power-fit dot ru)

Аватар пользователя Константин Бояндин

Да ну, разве это запредельная

Да ну, разве это запредельная цена? Заказ дизайна у профессионалов стоит куда дороже.

Аватар пользователя Fiks

Вещь конечно любопытная, но

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

Аватар пользователя Константин Бояндин

Тогда, пожалуйста, поясните,

Тогда, пожалуйста, поясните, что имеется в виду под профессиональным дизайном? Критерии не назовёте?

Аватар пользователя yury

уникальный дизайн

Я считаю что лучше и уникальней ручного кодинга ничего нет.

Аватар пользователя Константин Бояндин

И сколько времени у вас уйдёт

И сколько времени у вас уйдёт на чисто ручной труд?
Надеюсь, картинки не в шестнадцатеричном редакторе делать будете?

Аватар пользователя yury

Времени совсем немного если

Времени совсем немного если знаеш что делать. А картинки здесь ни причём про код речь идеть.

Аватар пользователя Константин Бояндин

Картинки имеют прямое

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

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

Аватар пользователя Razon

Сам кое что использую, но в

Сам кое что использую, но в закладки положу :)

Аватар пользователя Константин Бояндин

Можно спросить, что именно

Можно спросить, что именно используете?

Аватар пользователя Govard

Не плохая программа. Юзал её

Не плохая программа. Юзал её какое-то время. Можно сделать довольно не плохой шаблончик,однако,как по мне,так лучше брать уже готовый,понравившийся шаблон из паблика и переделывать его,вносить свои изменения
Аватар пользователя Константин Бояндин

Можно попросить аргументы в

Можно попросить аргументы в пользу того, почему лучше брать и дорабатывать готовые?

Аватар пользователя Иван

когда-то скачал эту программу

когда-то скачал эту программу и ключ на неё не нашел, по этому удалил. А ссылочку не дадите на бесплатную прогу?

Аватар пользователя Константин Бояндин

Я не занимаюсь

Я не занимаюсь распространением ключей и "кряков" для программ.

Ссылки на бесплатные программы в тексте заметки.

Аватар пользователя Владимир

Если отлично выучить HTML и

Если отлично выучить HTML и CSS, то фантазия сразу появится. И не надо ни за что платить)

Аватар пользователя Гость

Э! Чувак! Каким боком HTML

Э! Чувак! Каким боком HTML относится к дизайну?
Выучив HTML ты сможешь только сверстать то что нарисовано. А рисовать дизайны вкус и минимальный талант нужен!

Аватар пользователя Константин Бояндин

Может, проведём соревнование?

Может, проведём соревнование? Вы (или любой человек, знающий HTML/CSS от вашего имени) и я - кто больше сделает XHTMLK-валидных, интересных дизайнов?

Вы - вручную, я - дорабатывая то, что выдаст Artisteer.

Можно ведь и в Paint сделать чудо какие хорошие картины и коллажи. Вот только в GIMP/PhotoShop это делается гораздо быстрее и с меньшими затратами.

Здесь та же история.

Аватар пользователя Максим

Artisteer

Без сомнения, Artisteer – одна из лучших дизайнерских программ, в прямом смысле облегчающая жизнь новеньким веб мастерам. Помню, как на заре своего сайтостроительства мучился с неправильным отображением формы в IE6, когда пробовал написать свой сайт. Здесь же – твори, и будь спокоен! И не беда, что с точки зрения поисковика шаблон сайт не будет уникальным, ведь artisteer подобных сайтов как плохих, так и хороших огромное количество на счету у ботов, поэтому-то и не схлопотать пессимизации! Я давно юзаю Artisteer – и на сатах, и на дорах и на белых проектах. Artisteer стоит своих денег!

Аватар пользователя Константин Бояндин

Соглашусь. Как минимум

Соглашусь. Как минимум экономится много времени, а если охота тонкой доводки - её несложно устроить по готовому дизайну.

Аватар пользователя Monotonik

Создание сайтов

В наше время уже совершенно не обязательно делать сайт с нуля самому. Достаточно использовать уже готовый CMS, например, WordPress и понравившеюся вам тему оформления. Делается всё быстро и совершенно без знаний языков программирования или дизайна. Это хорошо, ведь так каждый может что-то сказать миру и другим людям.
Аватар пользователя Константин Бояндин

Совершенно необязательно

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

Да, и передайте владельцам сайта, ссылку на который вы хотели поставить, что "несложно" в шапке сайта пишется слитно.

Аватар пользователя seo-самурай

Создавал тему в Artisteer, но

Создавал тему в Artisteer, но чем то она мне не понравилась, даже объяснить не могу чем. Возможно тем, что не работали вставки в код, например для перелинковки, уже не помню.
Но возможно ещё вернусть к Artisteer, вопрос дизайна у меня ещё открытый.

Аватар пользователя Константин Бояндин

Минутку, при чём тут вставки

Минутку, при чём тут вставки в код? Каким боком это к дизайну?

Аватар пользователя seo-самурай

Минутку, при чём тут вставки

Вставки? Вставить блок поделиться, код перелинковки. Куда пихать неизвестно.

Аватар пользователя Константин Бояндин

Минутку ещё раз. Это всё

Минутку ещё раз. Это всё делают уже в самом двигателе - CMS, то есть.
В сам дизайн конкретные блоки крайне редко вшивают намертво. В него закладывают только возможность создания таких блоков.

Создали тему - применили к своему сайту - а потом вставляете нужные блоки.

Аватар пользователя Гость

вопросик можно?

А эти генераторы только под CMS или можно использовать также при создании сайта вручную?
Аватар пользователя Константин Бояндин

А вы заглянгите на сайты, там

А вы заглянгите на сайты, там ваши вопросы откечаются на первой же странице.

Kompozer создаёт дизайн страницы, тему для CMS вам там придётся делать самостоятельно.

Аватар пользователя te444

Раньше пользовался этой

Раньше пользовался этой программой! Очень удобная!

Сейчас ознакомился с фотошопом и теперь сайт "рисую" сам

Аватар пользователя Константин Бояндин

Может, откроете читателям

Может, откроете читателям тайну, каким образом вы в Photoshop превращаете картинку в тему для той или иной CMS?

Впрочем, если у вас нашлись средства на лицензию Photoshop, то на дизайнера точно найдутся.

Аватар пользователя te444

Я через фотошоп рисую дизайн

Я через фотошоп рисую дизайн От самых мелочей до Лого!

В аистере получались обычные сайты! А через фотошоп прорабатываю самую мелочь потом её в штмл кодирую)

Аватар пользователя Константин Бояндин

В чём отличие ваших дизайнов

В чём отличие ваших дизайнов ручной работы от тех, что полуавтоматически делает Artisteer?

Покажете хотя бы один ваш сайт, из чистого любопытства?

infoworld