Урок фотошопа: Теория создания качественных иконок в Фотошопе
Каждый день мы видим компьютер, стиральную машинку, телефон, или другие
предметы, с которыми мы можем взаимодействовать, мы видим иконки.
Иконки это доминирующий и необходимый элемент интерфейса, и таким
образом, об них заботятся и стараются их сделать наиболее приличными.
Иконки это компромисс между ясностью, эстетикой, удобством и простотой
использования. Мы выложим для вас существенный список важный в первую
очередь для дизайнеров, которые хотят разобраться в этой сумасшедшем и
фантастическом разделе.
Правило 1: Думайте об иконках, как о части системы. Иконка
создавалась не для выполнения индивидуальной работы. Главное не как
хорошо сделана иконка, а скорее ее эффективность как часть системы.
Когда вы приближаетесь к проектированию иконки, вы должны проникнуть
вовнутрь этой системы, понять её суть. Они должны быть ясными и
гармоничными в пределах этого проекта, независимо от проекта они
придадут ему чувство и целенаправленность, будь это веб сайт, слово на
аппликации или Mp3 плеер.
Безобразные
иконки не будут очень эффективны в интерфейсе с «водным» стилем, и
возможно, и хромовые отчетливые иконки. Эмблема "Metallica” не впишется
в ваш симпатичный веб-сайт детского продукта.
Правило 2: Используйте простое и необходимое содержание. Иконка
это проект, это целая метафора. Чтение некоторого эссе по простой
семиотике не будет причинять вред, но прежде всего, вы должны показать
особенности своего объекта, уменьшите идею, и останется только основа,
таким образом, символ будет немедленно признан. В других словах, вы
должны быть… и простить избыточность… «изобразительный».
Что
приютило … "домой"? действительно ли это - дверь? подъезд? или крыша
треугольной формы? Мы могли бы символизировать "домой" с каким-либо
другим объектом помимо дома? Что делает пленочную фотокамеру распознаваемой? Линза? Матовая коробка? Груз фильма? Всегда упрощайте свои объекты до их существенных форм и очертаний. Думайте, что делает Ваш объект универсальным.
Правило 3: Распланируйте свой процесс проектирования. Наличие
тщательно продуманного процесса проектирования даст вам ключ к
производительности. Начинать ваш проект непосредственно в фотошопе, не
будет лучшим способом. Идеи текут более последовательно, когда меньше
вмешательства между Вашими мыслями и руками. Я всегда думал, что
компьютеры созданы для живописи; это только финальные инструменты.
Производить изменения, конечно, возможно на тех стадиях, но это едва
практично. Всегда начинайте свое составление проектов с карандашом и
бумагой или обратитесь к маркеру. Выберите любые инструменты, которые
могут подвернуться, чтобы он был самым быстрым коротким путем между
Вашим мозгом и пальцами. Чем меньше изучение кривых, тем больше прямых
коммуникаций.
Проект
сначала без предшествующего исследования. Позвольте нам увидеть то, что
получилось у вас на начальной стадии. Заметили, что в эти дни дизайн
становится все более однородным? Это потому что все начинают с тех же
самых ссылок. Миллионы проектировщиков печатают "футуристическое
здание” в Google и начинают работать над той основой. Это - вид
становления "собакой преследующей хвост” ситуация, где Вы вдохновлены
Вашим соседом, и Ваш сосед был немедленно вдохновлен Вами. Это убивает
творческий потенциал. Неудивительно, почему нет больше Мишеля Анджело
вокруг. Проект идёт сначала от того, что в Вашем мозге и сердце.
Тогда начните фазу исследования. Сравните, противопоставьте и лелейте
свои ранние проекты. Тогда полируйте те проекты немного и
представьте их Вашему клиенту. Только тогда, вас порекомендуют надежным
человеком, владеющим фотошопом или иллюстратором.
Правило 4: Рассмотрите национальные и культурные различия. Много
грубых ошибок может быть допущено, если Вы не рассматриваете правильно
социокультурный контекст своей аудитории. Национально-культурная
специфика важна, чтобы достигнуть эффективной коммуникации с Вашими
пользователями. Британский телефон-автомат не мог бы быть лучшим
способом изобразить телефон или модем.
Гамбургер
не может быть мудрым выбором для "продовольственного" символа
бизнес-приложения в Иране. Вы должны знать о контексте и
приспосабливать Ваши идеи к Вашей цели.
Правило 5: проектируйте свои иконки, таким образом, чтобы они вписывались в различные проекты. Создавая
иконки, которые не предназначены для определенной потребности, имейте в
виду, что намного лучше создать чистые и элементарные наборы иконок,
которые могут быть достаточно универсальными, чтобы соответствовать
широкому диапазону заявлений. Не следуйте за тенденциями, только
нацельтесь к стилю, который может соответствовать где угодно.
Правило 6: проектируйте свои иконки по-другому для каждого размера. Как
Вы все можете знать, иконки имеют различные размеры, от 512×512 до
16×16. Конечно, Вы должны использовать те же самые основные формы и
цвета для каждого размера, фактически, Вы должны проектировать свои
иконки, таким образом, чтобы они работали в больших форматах так же как
в небольших размерах, но Ваш подход, делая большие версии не может быть
тем же самым что касается крошечных. Вы должны изменять элемент при его
уменьшении, только держа существенные основы соответствующие общей
картине.
Если
Вы наполняете каждую отдельную деталь из своей фантастической 512x512
иконки в маленькую 16×16 копию, единственной вещью, которую Вы
получите, является расплывчатый грязный беспорядок. В 16×16 также важно
изменить перспективу, изображающую Вашу иконку в лоб. Вы должны создать
иконку с сильным и отличительным дизайном, таким образом, это переживет
удаление украшений в маленьких версиях.
Правило 7: Используйте последовательный источник света. Примите
во внимание общую световую установку, которую используют в Вашем
заявлении или веб-сайте, и зарежьте себе на носу. Свет, рефлексы и тени
всех иконок в наборе должны быть равны, иначе иконки становятся почти
бесполезными. Изменение источника света, или объединение различных
теневых положений вдоль иконок одного и того же набора являются
огромным фактором непрофессионализма. Опасайтесь системы, в которую
иконки собираются быть помещенными. У Windows Vista и снежного барса
есть совсем другие руководящие принципы для света и теней. У Samsung
T10 есть совсем другие иконки, чем у ipod touch. Моя посудомоечная
машина отличается от Вашей. Хм. Вы понимаете.
Правило 8: Создайте свои иконки в векторном формате. Векторы
- идеальные инструменты для создания иконок. Они универсальны,
управляемы, и масштабируемы. Каждый элемент по векторному изображению -
результат математических уравнений, таким образом все может быть
отредактировано с непринужденностью в любое время, только изменяя
параметры или перемещая кнопки понижения без потребности изменения.
Насколько круто это? Ну, не столь круто, как это звучит. Вы не можете
жить на одном только векторе, делая иконки.
Вы
можете извлечь выгоду из масштабируемой природы векторов, производящих
от векторов большие версии, как 512 вниз к 128 или даже 72. Но оттуда,
Ваши великолепные векторы выглядят грязными, расплывчатыми и просто
ужасными.
Правило 9: Создавайте ваши иконки в формате bitmap. Противоречащие
звуки? Для профессионального создания символа Вы должны привыкнуть к
технологическому процессу между вектором и растрами.
Иконки
требуют очень мелких масштабов, которые векторной графике нельзя
воспроизвести решительно, если только растелизовать. Если Вы хотите
стать профи с хорошо окупаемым набором иконок, Вы категорично,
окончательно должны изменить Ваши иконки в их маленьких версиях.
Правило 10: Используйте различимые формы и контрастные цвета. Иконки
живут верхних густых слоях. Все происходит только позади них, и они
обязательно должны выделиться, чтобы быть полезными. У успешного
символа должна быть сильная цветовая палитра как символ Firefox, или
если Вы ищете для бледных цветов, противопоставленная палитра как
Safari или символ TextEdit идеальна.
Интересная
форма, блеск и выделение на общем фоне - также элементы, которые
укрепляют объект и заставляют пользователя хотеть нажать на него.
Правило 11: Создайте последовательный набор стилей для иконок. Освещение
и перспектива, конечно, способствует стилю иконки, хотя есть много
других факторов, которые могут способствовать стилю также. Если Вы
попытаетесь вместить свой символ в Веб-дизайн в стиле гранж, то Вы
будете, вероятно, добавлять структуру к дизайну иконки.
Правило 12: Хорошо используйте перспективу. Размещение
- решающий фактор, чтобы принять во внимание, проектируя этих
замечательных небольших тварей. Это дает надлежащую иллюзию земли, и
заставляет иконки смешаться изящно в интерфейсе. Снова, у каждой
системы есть их собственные руководящие принципы. Apple говорит, что их
иконки должны быть, как будто лежа на столе, и замечены по лобной
высокой угловой камере.
С
другой стороны руководящие принципы Microsoft говорят, что символы
windows vista должны быть "замечены по низкому виду с высоты птичьего
полета с двумя пределами”.
Правило 13: Не проектируйте набор без достаточного дифференцирования. Символ
должен быть распознаваемым без любой легенды. Если Вы делаете все свои
символы похожими друг на друга, целая суть выполнения символов упущена
и становится бесполезной. Если Ваши пользователи должны остановиться и
прочитать легенду, чтобы понять то, чем они щелкают, какой смысл того,
чтобы проектировать символ?
Это - одна из самых важных проблем, которые Вы должны предположить, планируя Ваши компании.
Правило 14: Не используйте чрезмерно оригинальные метафоры. Дизайн
иконки - компромисс между удобством, простотой использования и
эстетикой. Иконки должны быть универсально поняты, и это - самый важный
единственный фактор, о котором Вы должны думать.
Не
имеет значения, как круты Ваши иконки. Если никто не может сказать даже
интуитивно, что они поддерживают, тогда Вы выбрали неправильный путь.
Правило 15: Не используйте текст в иконках. Это
- хитрый пункт. Есть тонны символов, которые успешно используют текст,
но он сделан в крайних случаях и с вдумчивой заботой. Всегда пытайтесь
избежать текста, заменяя идею, переданную словом с надлежащим символом
или метафорой. Но если это для вас, как муравьев ловить, постарайтесь
использовать не больше, чем 3 или четыре знака и играйте с высокими
противопоставленными формами и цветами.
Правило 16: Не используйте перспективу и тени в маленьких символах. Перспектива
и затенение - плохое колдовство для иконок в небольших размерах. Они
делают иконку неузнаваемым. Попытайтесь избежать лишних затрат. Плохая
горилла! (когда-либо смотрел фильм "Congo"?)
Правило 17: Не включайте слишком много элементов. Очень
не хотите повторить, но опять, я должен точно определить это,
эмпирическое правило дизайна иконок состоит в том, что чем более
просто, тем лучше. Держите число объектов в единственном символе к
минимуму, всегда!
Вы
знали, что добавления иконки приносит плохую карму? Попытайтесь
избегать добавлений для того, чтобы идентифицировать функции, и
заставляют себя проектировать отдельные уникальные иконки для каждого
действия.
Правило 18: Не проектируйте свои иконки с неравными отношениями. Ваши
иконки всегда должны проектироваться внутри квадрата, не
прямоугольника. Ваш холст это реальное государство и вы должны защищать
каждый его пиксель, чтобы он не канул в воду.
Не тратьте впустую свое пространство, вращайте Ваши объекты, таким образом, чтобы они заполняли целую диагональ Вашего холста.
Автор: Blogger.Iconshock
Ссылка на источник для вставки в своём блоге, форуме, сайте:
Главная страница
Всё для Фотошопа
Каталог уроков
Заведи питомца
Учебники онлайн
Наш Форум
Магазин
Топ авторов
Друзья сайта
Гостевая книга
Обратная связь
Онлайн игры
FAQ (вопрос/ответ)
