Irisar Centena

    102


    хабравчане, хочу вас «поздравить» с знаменательной датой 10\10\10 10:10. Как принято, на праздники с подарками. Специально для этой даты я подготовил мультицветной toolkit с динамической настройкой палитры цветов.
    Использовать его можно в любом вашем (коммерческом и нет) проекте, а приемы irisar и centesimo помогут вам модернизировать его под ваш интерфейс.
    Подробнее под катом.



    В конец поста добавлено видео демонстрации смены цветов через kuler.adobe.com


    Радужная сотня


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

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

    Centésimo — сотка.
    Irisar — переливаться всеми цветами радуги.


    Правило «centésimo». Сотка.


    При создании любого графического макета в Photoshop, будь-то сайт, кнопка или пользовательский интерфейс, я задаю себе минимальный модуль, равный участку в 10х10 пикселей (сотка пикселей). Благодаря ничем неприметному правилу я могу не задумываться о модульной сетке, размерах и выравнивании элементов.

    Irisar. Радуга.


    Сегодня сложно найти человека, связанного с предоставлением информации и не знакомого с продуктом компании Adobe — Kuler. Пятиступенчатые палитры Kuler’а использует большинство дизайнеров в своих работах, я не исключение. Используя в работе нововведение Photoshop — SmartObject, у меня возникла идея: почему бы не вынести все цвета в один «умный слой» и при необходимости менять его?.. Так родился прием Irisar, позволяющий в одно движение выполнить просьбу клиента «Добавить красненького во все элементы интерфейса». Как он работает? Читайте дальше.

    Рождение CentenaCe


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




    Выход в свет


    Десять, сто, один, ноль. Когда как не 10/10/10 в 10:10 выйти в свет набору — носителю имени Centena? Пакет элементов будет расширяться (надеюсь на ваши пожелания), но текущий вы можете скачать прямо сейчас (~600 Kb) и использовать в любом коммерческом проекте.

    PS HQ jpeg

    UPD. Демонстрация работы смены цветов


    Similar posts

    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 75

      –6
      Интересная штуковина. Кину на заметку нашему дизайнеру.
        –7
        Выглядит интересно. Скину ссылку дизайнеру.
          +53
          Выглядит интересно. Не буду кидать ссылку дизайнеру. Нет у нас его :)
            –7
            Выглядит интересно. Уже кинул ссылку дизайнеру.
              +32
              Выглядит интересно. Дизайнер кинул мне ссылку
                +9
                Судя по минусам многим не интересно :)
                  +6
                  Судя по комментариям, всё-таки интересно :)
                  +56
                  Выглядит интересно. Кинул дизайнера, он мне теперь не нужен.
                    +19
                    Выглядит интересно. Начинаем искать дизайнера.
                      +30
                      Выглядит интересно. Я дизайнер, меня кинули.
                        +2
                        Кинутый дизайнер выглядит интересно.
                        +19
                        Выглядит интересно? Кинь ссылку дизайнеру!
                          +21
                          Кинул дизайнер? Покажи ему интересную штуковину!
                            –5
                            Выглядит интересно. Уже кинул ссылку дизайнеру.
                              +42
                              Кинул интересно. Наш дизайнер уже выглядит.
                                0
                                Вау! Тут плюсом не обойдешься, тут нужно лично благодарить :)
                                Сердешное спасибо за этот комментарий! :)))
                                +2
                                а почему слеш обратный, обычно в датах используется прямой /
                                • UFO just landed and posted this here
                                    +1
                                    Мой факап, спасибо
                                    +21
                                    Я дизайнер. Нихера не понял :)
                                      +36
                                      тебе просто ссылку не кинули
                                        +8
                                        Пройди по ссылочке: habrahabr.ru/blogs/ui_design_and_usability/105863/
                                          +31
                                          Выглядит интересно
                                            +14
                                            ААА!!!!!11 Я стал дизайнером!
                                              +2
                                              Повысь скилл, прочитай еще раз инфу по этой ссылке.
                                                +1
                                                Теперь я могу кинуть всех!
                                            +6
                                            Вот ссылка: habrahabr.ru/blogs/ui_design_and_usability/105863/

                                            Тоже скинул ссылку дизайнеру.
                                              +11
                                              Я всегда буду обновлять комментарии перед отправкой, я всегда буду обновлять комментарии перед отправкой, я всегда буду обновлять комментарии перед отправкой…
                                                +9
                                                Я всегда буду обновлять комментарии перед отправкой, я всегда буду обновлять комментарии перед отправкой, я всегда буду обновлять комментарии перед отправкой…
                                                  +17
                                                  Ах! Чёрт!
                                                  Я всегда буду обновлять комментарии перед отправкой, я всегда буду обновлять комментарии перед отправкой, я всегда буду обновлять комментарии перед отправкой…
                                                    +1
                                                    Кинул ссылку дизайнеру, чтобы перед отправкой обновил комментарии.
                                                      0
                                                      Обновил дизайнера, чтоб не кидал ссылки перед отправкой комментариев.
                                              +12
                                              Кинут дизайнером. Интерес выглядывает на меня ссылкой.
                                                +12
                                                Конкурс петросянов ITT.
                                                  –2
                                                  Петросян конкурсов ITT! ;)
                                                    +1
                                                    Цепь Маркова
                                                      +3
                                                      И всё также уныло.
                                                      +20
                                                      Выглядит интересно. Сослал дизайнера в ссылку.
                                                        –2
                                                        Выглядит интересно. Дизайнер сосал ссылку.
                                                        +2
                                                        Кто здесь?
                                                          +3
                                                          Открыл в GIMP. Съело 2ГБ памяти и все намертво повисло. Кто здесь?
                                                            +5
                                                            Увы, но даже старые версии (ниже CS3) не поймут данный PSD.

                                                            Текущая версия GIMP не понимает большинства стилей слоя и напрочь отказывается поддерживать SmartObject
                                                            +1
                                                            Иногда правда бывает быстро разработать внутренний интерфес, а придумывать что-то новое нет желания. А вот такой шаблон как раз пригодится. Спасибо!
                                                              +22
                                                                +29
                                                                Я дизайнер. Хватит присылать мне одну и ту же ссылку!
                                                                +6
                                                                Интересный дизайнер, тебя сослали?
                                                                  +7
                                                                  Теперь это пост про кинутых дизайнеров…
                                                                    +3
                                                                    Дизайнеры кончились, а ссылки еще нет (
                                                                      +1
                                                                      «Я ласкал твою шейку ногтиком»
                                                                        0
                                                                        «Я кидал твою ссылку дизайнерам»
                                                                        +3
                                                                        Я дизайнер, и я не понимаю, что это за «побег из Кащенки» (я про посты) :)?
                                                                          0
                                                                          Не много не в тему, а как сделать ту голубую сетку из видео?
                                                                            0
                                                                            Киньте ссылкой в фотошоп.
                                                                            +3
                                                                            Кинул ссылку в дизайнера, теперь у него торчит ссылка.
                                                                              0
                                                                              палку киньте)
                                                                              +1
                                                                              мало что понял, но выглядит прикольно :)
                                                                                +7
                                                                                Я не дизайнер, но кинул себе ссылку.
                                                                                  +20
                                                                                  Я — ссылка. Вы реально задрали уже.
                                                                                    +5
                                                                                    Думаю, Aler не такой реакции ожидал
                                                                                    +11
                                                                                    Ссылка не моя. Я просто кинул дизайнеру.
                                                                                      +6
                                                                                      я — дизайнер, меня никто не искал?
                                                                                        +5
                                                                                        ИМХО, реакция ололокающих Петросянов, несомненно, оказалась весьма неожиданной, хотя сама идея, представленная в этом посте заслуживает более профессионального внимания.
                                                                                        Хотя, сдается мне, что подобный функционал доступен при верстке макетов в Индизайне штатными средствами.
                                                                                          +6
                                                                                          разумный подход! пойду кину ссылку дизайнеру
                                                                                          0
                                                                                          правда интересно но без фотошопа не разобраться, видео какое-то сумбурное, можно было и голоса добавить. это предназначено для смены цвета девяти кнопочекс помощью фотошопа или что с этим можно делать, интересно, повторяюсь, но не совсем понятно…
                                                                                            0
                                                                                            надо было до конца видео досмотреть :), вобщем уже понятней, но по начальному описанию казалось это чтото более интересное, или я чего-то снова не понял?
                                                                                            0
                                                                                            Ого этой штуке нужно 5.5гб на диске чтобы открыться.
                                                                                              +1
                                                                                              у меня было всего 4 свободных… долго открывалось, а потом ругнулось, что место закончилось :(
                                                                                              Это получается 5,5гиг упаковали в 44 мегабайта?
                                                                                              0
                                                                                              Извините, что по делу, но есть ли уже сверстанные готовые верстки для использования в своем проекте. Со строгим/нейтральным дизайном, а то
                                                                                              у нас тоже нет дизайнера, а то что раньше дизайнило куда-то свалило!

                                                                                              P.S. Для OpenSource проектика )))
                                                                                                0
                                                                                                У вас во втором пункте раздела «Как это использовать?» пропущена буква в слове «макЕтом»
                                                                                                  0
                                                                                                  эка вас ссылкой торкнуло, аж дизайнерами начали кидаться…
                                                                                                    0
                                                                                                    даже на мощном компе тормозит. всё-таки смарт-объекты дают о себе знать)

                                                                                                    Only users with full accounts can post comments. Log in, please.