среда, сентября 30, 2009

Как создать дизайн для самого худшего клиента – самого себя

Перевод статьи «How to Design for Your Worst Client: You.«

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

Как создать дизайн для своего худшего клиента - самого себя

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

Внутренняя борьба

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

Правило №1: Конечное назначение

Когда вы садитесь в машину, вы же не начинаете просто куда-то ехать, надеясь как-нибудь попасть в пункт назначения? Нет, вы точно знаете, куда вы хотите отправиться. То же и со своим сайтом. Спросите себя, какой результат вы хотите получить на выходе? Только не нужно расплывчатых ответов типа «Хочу клевый сайт». Возможно, назначением сайта будет показать потенциальным клиентам, что вы заботитесь о восприятии сайта пользователем. Возможно, вы стремитесь получить признание в ряде галерей. Возможно, вам просто нужно место для эксперимента и совместного творчества с другими дизайнерами. В вашем сайте должно прослеживаться концентрированное и сфокусированное понимание его общего назначения.

Правило №2: Составьте распорядок

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

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

Профессионально выполненные копии швейцарских часов вы можете приобрести только на baselshop.ru
Хотите узнать, какие сейчас самые стильные стрижки и модные прически?

Правило №3: Контент прежде всего

Как можно конкретнее определитесь, что должно быть на каждой из страниц. То есть, первым делом решите, каким будет контент. Понятно, что это дизайнерское портфолио. При этом вам нужно к чему-то приложить свои дизайнерские навыки. Сколько раз клиенты заказывали вам дизайн, не говоря, каким будет наполнение сайта, или обещая сообщить об этом в скором времени (читай: за день до запуска сайта). Не поступайте так с собой.

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

Правило №4: Хватит сравнивать

Кто-то всегда будет лучше вас. Всегда. Но важно помнить: первые несколько сайтов этого человека тоже были отстойными. И даже не просто отстойными, возможно это были худшие сайты из созданных. Так зачем вы пытаетесь создать лучший в мире сайт вот так с пол-оборота? Вы не научитесь делать сайты лучше, если не начнете делать их самостоятельно.

Хватит использовать другие сайты как «костыли», бесцельно бродя в поисках озарения. Если вы определили свои цели и желаемый контент, вы можете быстро двигаться вперед, пока не найдете элементы, которые помогут достичь вашей цели. А затем ПРЕКРАЩАЙТЕ смотреть по сторонам.

Правило №5: Вдохновение и труд

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

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

Правило №6: Пуленепробиваемый бренд

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

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

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

Проектор Optoma EP721i – лидер продаж! Лучшая цена только на finebuy.ru
Не секрет, что ноутбуки Asus сейчас самые популярные. Выберите модель, которая подходит вашим критериям.

Правило №7: Совершенство бесконечно

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

Признайте свои слабые и сильные стороны. Дизайнеры по натуре любят то, что они делают, и привязываются к своим творениям. Все, что вы делаете, вы делаете с полной отдачей. Вы не сможете дать больше, и если вы не оставите что-то за рамками, вы никогда не сможете получить «обратную связь» или увидеть результаты работы. Без такого опыта невозможно вырасти до более профессионального дизайнера. Не забывайте, что лучшим дизайнерам иногда не удавалось понять, что лучше оставить за рамками своей работы.

Правило №8: Самое то

Ну так как вы узнаете, что получилось самое оно? Когда было потрачено достаточно времени? Дайте вашему дизайну «перебродить» несколько дней и вернитесь к нему вновь. Если вы смотрите на работу и понимаете, что она все еще хороша, или даже лучше, значит, вы на правильном пути.

Карате Кид

Даниэль: «Но как я узнаю, что моя картина хороша?»

Мияги: «Если она исходит из тебя, то она всегда хороша».

- Из Карате Кид

Правило №9: Вы не творческий гений

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

- Элизабет Джилберт о взращивании творческих способностей.

Правило №10: Используйте силу

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

Например, если вы увидели ссылку на классный сайт, после того, как вы прекратили смотреть и начали творить, используйте нечто вроде вашего Пуленепробиваемого Бренда. Подумайте о назначении того классного сайта. Он работает на того дизайнера, а не на ВАС. Цели того дизайнера, скорее всего, очень сильно отличаются от ваших. Просто посмотрите и продолжайте двигаться по пути к своему отличному дизайну.

В добрый путь

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

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru

среда, сентября 23, 2009

Понятие о безопасной палитре цветов

Перевод статьи «Understanding Web Safe Colors«

Существует палитра из 216 цветов, поведение которых мало предсказуемо при использовании разного железа и программных платформ. Она называется web-безопасной (или просто безопасной) палитрой, и эти цвета распознаются всеми браузерами и системами (ну, за исключением совсем уж древних систем). Хотя эти цвета и не выглядят точно один в один из-за особенностей разных мониторов, они хотя бы однозначно распознаются всеми системами.

Web-безопасные цвета были выбраны математически, а не в силу того, что эти цвета используются чаще всего. RGB-коды для безопасных цветов состоят из нуля и других шестнадцатеричных цифр, делящихся на три: 3, 6, 9, C (12) и F (15). Кроме того, эти цифры всегда используются попарно.

Профессиональная  разработка интернет-магазинов в Перми.
Нужна раскрутка сайта? Заходи на www.kokoc.com

Например:

  • #3366FF является безопасным цветом, потому что состоит из парных цифр, делящихся на три.
  • #2255AA не является безопасным, поскольку числа не делятся на три.
  • #3693CF не является безопасным, поскольку цифры хоть и делятся на три, но не являются парными.

Повышение значений парных цифр, например от 33 к 66, означает 20% повышение насыщенности данного тона.

Примеры безопасных цветов

Многие цвета помимо шестнадцатеричных кодов имеют имена. Например, в таблице стилей можно написать «color:red». Загвоздка в том, что только десять из этих имен цветов соответствуют в точности одному и тому же коду во всех браузерах. Казалось бы, нечто такое очевидное, как «red» должно бы всегда соответствовать коду #FF0000, но, к сожалению, это не всегда так. Например, имя цвета «brown» соответствует коду #A52A2A в Navigator 7.2 и коду #993333 в Internet Explorer 6. Хотя новые версии Internet Explorer и Firefox лучше согласуются между собой, все равно безопаснее использовать шестнадцатеричные коды, а не имена.

Фактически, все графические программы и среды web-разработки предлагают собственные версии безопасной палитры. К сожалению, эта палитра имеет строгие ограничения, особенно когда речь идет о более тонких и сложных оттенках, которые так любят многие дизайнеры. Так что происходит, если вы выбираете цвет, не являющийся web-безопасным? Если у посетителя сайта стоит достаточно мощная система, чтобы отобразить именно этот цвет, то он выглядит должным образом. Если же нет, браузер делает одно из двух: либо на свое усмотрение меняет цвет на ближайший к нему, который он может распознать, либо использует дитеринг.

Грамотная регистрация в каталогах Рунета
Веб-студия Юнима. Создание сайта в Саратове.

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

Есть несколько алгоритмов дитеринга. Один из самых ранних и самых популярных по сей день — алгоритм Флойда-Штейнберга, разработанный в 1975 г.

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

—    Wikipedia

Пример дитеринга

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

Это ставит нас перед дилеммой: следует ли ограничиться безопасной палитрой из 216 цветов, чтобы быть уверенными, что наши цвета не изменятся и не подвергнутся дитерингу у тех пользователей, чьи браузеры не могут распознать большее количество цветов? Или радостно и безоглядно выбирать из 16,8 миллиона великолепных, изумительных и выразительных цветов, которые все же могут увидеть на экране многие, пусть и не все, пользователи?

Заключение

Фактически, старых компьютерных систем с цветовым диапазоном из 256 цветов осталось так мало, что большинство специалистов уже объявляют, что web-безопасная палитра осталась в прошлом. И все же, ответ на вопрос, стоит ли использовать безопасную палитру, звучит как: «Зависит от обстоятельств». Зависит от того, насколько значительную долю вашей потенциальной аудитории составляют пользователи со старыми компьютерами, поддерживающими только 256 цветов. Зависит от того, будут ли заходить на сайт с коммуникаторов или сотовых телефонов, которые могут поддерживать только 256 цветов. Даже для таких пользователей использование безопасных цветов наиболее важно на больших поверхностях сплошного цвета в графических элементах и фонах HTML-страниц, где больше всего заметны дитеринг или смена цвета. Если ни одно из этих условий, вроде бы, не влияет на большую часть вашей аудитории, то вы можете спокойно использовать любые цвета, которые поражают ваше воображение.

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru