Исключительно главное о веб дизайне. » design / Статьи о веб дизайне, верстке, photoshop,illustrator, javascript. Wed, 19 May 2010 17:55:14 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Откуда берется креатив? /kreativ-where-is-creativity/ /kreativ-where-is-creativity/#comments Tue, 02 Feb 2010 15:01:32 +0000 mironov /?p=301 «Креативный» — самое популярное прилагательное в мире дизайна. Каждый хочет быть креативным, найти креативное решение для какой-либо задачи. У слова «креативный» есть много синонимов: инновационный, одаренный, вдохновленный, изобретательный, оригинальный. Но что действительно означает это суперпопулярное прилагательное? И как можно «включить» у себя креативность?

В латинском языке слово «creatio» означало «создавать» но было применимо исключительно к делам Божьим. Только в эпоху Ренессанса, когда человек полностью осознал свою способность создавать и вносить в мир что-то новое, это слово начало применяться по отношению к людям.

«Креатив» всегда включает в себя нахождение новых идей или направлений, будь то свежее решение извечных проблем, новый объект искусства или форма. Другими словами, креативная вещь — это всегда что-то оригинальное и нужное.

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

Есть 3 способа пробудить в себе креатив:

Мозговой штурм (Brainstorm)

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

Мозговой штурм заключается в следующем:

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

Жан – Мишель Баския, американский художник, прославившийся сначала как граффити-художник в Нью-Йорке, а затем, в 1980-х, как очень успешный неоэкспрессионист, в поисках вдохновения использовал и складывал вместе, на манер «мозгового штурма», предметы и символы Гаитяской, Африканской и Американской культуры. Начиная с самого простого, цветов и форм, он добавлял более сложные элементы и объединял полученное.
Jean-Michel Basquiat

Нестандартное мышление

«Нестандартное мышление» или «всесторонний подход» — это креативный способ раздобыть действительно свежие и неожиданные идеи. Заключается он в неординарном подходе к решению поставленной задачи и генерации идей, которые невозможно было бы изобрести традиционным пошаговым методом. Говоря другими словами – это способ решения задачи «обходными» путями.

Эдвард де Боно, человек который ввел термин «нестандартное мышление» (Lateral Thinking) в Английский язык, снискал славу одной из самых авторитетных фигур в области креативного мышления, инноваций и обучения мышлению как науки. Эдвард де Боно считает очень важным избегать традиционные, заложенные в мозге, способы мышления. Вот одно из его определений термину «нестандартное мышление»: «нестандартное мышление заключается в изменении общего представления о поставленной задаче и взглядов на нее вместо усердных попыток решить задачу используя традиционные взгляды и представления»

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

Альберт Эйнштейн, чье имя стало синонимом гения оригинальности и креативности, однажды сказал: «Современные проблемы будут решены в будущем используя подход, который никак не связан с сегодняшним подходом, который и привел к возникновению этих проблем». Совершенно очевидно, что Эйнштейн использовал метод нестандартного мышления чтобы обойти традиционные принципы в решении поставленных задач. Также, он использовал этот метод мышления в формулировке своих теорий и теорем, чтобы объяснить нам с вами мир физики.

Инверсия

В своей книге «Какая замечательная идея», Чарльз Томсон предположил, что единственным способом полностью понять этот мир — это взглянуть на вещи как с положительной, так и с отрицательной сторон. Например, инь – янь, лето-зима, день – ночь.
Метод инверсии основан на рассмотрении задачи наоборот. Сделайте из положительного утверждения отрицательное, постарайтесь взглянуть на проблему с обратной стороны. Это может помочь вам прийти к неожиданным решениям.

Рене Магритт, знаменитый сюрреалист из Бельгии написал эту картину, на которой изображена курительная трубка.

magritte_pipe

А под картиной Магритт написал – «Ceci n’est pas une pipe» (Это не трубка). Этой неожиданной надписью Магритт заставляет наблюдателей картины задать самим себе вопрос: Если это не трубка, то что же это?
Ответ на этот вопрос – картина. Магритт использовал метод инверсии, дабы придать особое значение объекту ее труда — картине, а не тому, что на ней изображено.

В заключение

Сэр Кен Робинсон, известный мыслитель 20-го века, утверждает, что большая часть детей, к моменту своего взросления, теряет способность к креативному мышлению. Они боятся ошибиться, они отучены быть креативными.

Почему это происходит?

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

Люди, чей повседневный труд — это изобретать креативные решения хорошо знают, как сложно иногда объяснить обществу чем ты занимаешься и зачем всё это нужно. Но не позволяйте им сломить себя. Поражайте всех своими креативными решениями, чтобы заставить общество поддерживать непохожие взгляды на вещи.

Таящийся в вас креатив уже рвется на свободу. Так выпустите же его!

Теперь вы можете:

Подписаться на RSS

]]>
/kreativ-where-is-creativity/feed/ 3
Анимация на сайте. Javascript и Flash. /website-animation-javascript-flash/ /website-animation-javascript-flash/#comments Sun, 29 Nov 2009 14:26:02 +0000 mironov /?p=241 Очень часто мне приходилось работать с людьми, которые были абсолютно уверены, что единственным способом анимирования контента на сайте является великая технология Flash. В свое время я считал точно так же, но, сейчас-то, уже, наконец, заметил, что есть и другие способы.
Для начала, несколько интересных примеров красивой анимации на сайтах, выполненной без использования flash.

1. Гослото

Анимация на сайте

Законодатели мод русского веб дизайна уже давно игнорируют технологию Flash и всё, что с ней связано. Сайт “Гослото” просто напичкан анимацией, выполненной с помощью языка javascript, хотя, на первый взгляд, это тот самый flash.

2. Vimeo

Анимация на сайте

На сайте самого красивого видеохостинга “Vimeo” фоновые рисунки “летают” по мере прокрутки страницы. Вся эта красота тоже обходится без flash. Да и, наверное, нет другого способа, на не javascript, чтобы осуществить такую анимацию фона сайта.

3. Lionite

Анимация на сайте

Также анимация фона, созданныя при помощи Javascript и популярного фреймворка к нему, JQuery.

4. Arnaud-k

Анимация на сайте

Также красивая анимация фона, но реагирующая на движение курсора. Javascript, приправленный JQuery, опять же, творит чудеса.

5. Phpcli

Анимация на сайте

Сайт этого php-фреймворка вообще заслуживает отдельного внимания. На это стоит посмотреть. Разумеется, никакого Flash’а.

Думаю, что эти 5 примеров отлично доказывают, что анимация на сайте может быть прекрасна, и без использования технологии flash. Но теперь возникает резонный вопрос: “Зачем? Нам и Flash нравится!”. Недостатков у технологии Flash несколько, в прочем, как и достоинств:

Начнем, пожалуй, с плохого. Недостатки:

  • Сайт, сделанный на Flash, загружается в 2 – 10 раз дольше, чем обычный.
  • Для того, чтобы юзер смог увидеть flash-сайт, он должен установить плагин себе на компьютер и обновлять его каждые несколько месяцев.
  • Для разработки flash-сайта требуется дополнительное программное обеспечение.
  • Поисковые системы не смогут проиндексировать текст flash-сайта.
  • Flash-сайт, обычно, игнорирует все веб-стандарты. Текст, иногда, нельзя выделить и скопировать. Нельзя нажать в браузере кнопку “назад”, нельзя просто сохранить изображения, размещенное на flash-сайте.
  • Анимированные flash-банеры заведомо игнорируются пользователями.

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

Но, есть и достоинства:

  • Flash – объекты, вставленные в обычную HTML – страницу, позволяют использовать любые шрифты.
  • Это, кстати, как мне кажется, очень интересный плюс технологии Flash. Например, на ваше любимом блоге, который вы запустили на потрясающей системе управления контентом “Wordpress”, можено легко установить интересные плагины, которые заменяют заголовок любого поста/статьи на flash-объект с текстом заголовка, но уже в другом, красивом, шрифте. Компания “Envato” использует эту возможность на многих своих проектах, например:

    1. FreeLanceSwitch

    Анимация на сайте

    Заголовки на этом популярном блоге великолепны.

    2. Creattica

    Анимация на сайте

    3. TheNetSetter

    Анимация на сайте

    И опять крутотень с заголовками.

Итак, вернемся к плюсам технологии Flash:

  • Flash хорош для демонстрационных целей и презентаций каких-либо проектов.
  • Это достоинство здесь, благодаря хорошей особенности flash – это не только технология для веб. Flash – мульты, в свое время, захватили весь русский народ. И это, как вы помните, были отдельные видеоролики, которые можно было просматривать на своем компьютере без подключения к интернет.

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

    Некоторые недостатки Javascript-анимации:

    • No-script. Да, есть ребята, которые беспокоятся о своей безопасности в интернете чуть больше, чем нужно.
    • Они отключают javascript в своих браузерах, и, следовательно, не увидят всю эту красивую анимацию. Да и черт с ними!

    • Недостаточная скорость
    • В устаревших браузерах, которые, как известно, доминируют в мире, скорость работы javascript кода недостаточно высока. Это значит, что вся анимация, у счастливых обладателей IE6, будет притормаживать.

    Остается также добавить, что все прогрессивное интернет сообщество уже осознало преимущества Javascript перед flash в построении несложной анимации на сайтах. Но, пока остаются “консервативные” заказчика сайтов-визиток для своих компаний, у фрилансеров-флешеров будет высокооплачиваемая работа.

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

    ]]>
    /website-animation-javascript-flash/feed/ 4
    Зернистая текстура в дизайне сайтов. /texture-zernistost-texture-web-design/ /texture-zernistost-texture-web-design/#comments Mon, 05 Oct 2009 12:29:27 +0000 mironov /?p=126 Зернистая текстура в веб дизайне становится новым (хорошо забытым старым) трендом у американских веб дизайнеров. Разумеется, чтобы зернистая текстура в веб дизайне смотрелась круто, ее нужно круто использовать, со вкусом. Вот несколько примеров по-настоящему крутого использования зерна от американских дизайнеров:

    robalan.com

    зернистая текстура в современном дизайне

    atebits.com

    зернистая текстура в современном веб дизайне
    Смотрится симпатично и качественно. Создать макеты, подобные этим Photoshop не сложно. Можно прибегнуть к стандартным фильтрам , можно скачать вот эти текстуры:
    зернистая текстура Photoshop
    зернистая текстура Photoshop
    И использовать их в качестве фона размножая по обеим осям (в фотошопе создать узор).
    Также очень круто сочитать с зернистыми текстурами ‘вдавленный текст’. Тогда качество просто льется рекой из страниц вашего сайта:

    epicevent.com.au

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

    ]]>
    /texture-zernistost-texture-web-design/feed/ 0