Главная ошибка производителей смартфонов с тач-экранами, это использование еще и тач-кнопок под экраном.
.
.
Я ни когда не страдал коряворукостью, но эти кнопки неудобны. Они нажимаются само произвольно. Все это знают и понимают. Плются, матерятся но продолжают есть кактусы.
.
Кнопки должны быть хардварными!
.
.
Такие кнопки всегда предсказуемы и удобны.
Иду на работу. От перекрестка, где останавливается маршрутка, до офиса идти три квартала. По времени 10 минут. А у меня в запасе еще полчаса — сегодня водитель «пятнашки» возомнил себя шумахером.
Прохладно. Скукожившись, я быстро топаю в общем потоке людей. Я часть упорядоченного движения. Людям комфортно быть в потоке. Идешь ли ты по улице, сидишь ли в автомобиле или держишься за поручень в метро — ты в потоке. Очень важно, чтобы тебя этот поток не засосал совсем. Как только мне пришла эта мысль в голову, я остановился. Люди стали меня обходить.
— Встал посреди… — буркнул пожилой строитель. Кто-то задел плечом, кто-то сумкой. Серая масса не хотела преград на пути. Поэтому я юркнул в узкий проем между двух домов.
Из этого укромного местечка можно было наблюдать за потоком людей. Но в этом зрелище ничего интересного, даже наоборот оно пугает своей безжизненностью. Другое дело этот узкий коридор — он хранит кучу всяких историй и является свидетелем многих событий.
На кирпичной стене я заметил надпись: КОСТЯ. У меня есть только один знакомый Константин, который очень любит кофе и прекрасно его готовит сам. Именно этим своим умением он мне больше всего запомнился. И когда я его вспоминаю, чувствую во рту вкус кофе.
Конечно же эту надпись сделал другой Костя, а может даже юная девушка выцарапала имя своего парня. Но почему-то мысленно я представил именно «моего» Костю и то как он украдкой царапает свою подпись на красном кирпиче.
Вот так и прошло пол часа. Можно идти на работу. Но для этого придется снова окунутся в поток.
Мой любимый сервис по прослушиванию музыке в сети grooveshark.com изменил интерфейс.
Все осталось на своих местах, но стало более мягко.
Напомню, что это один из самых удачных для меня проектов реализованных на flash.
Мне кажется, что двойная тт в русском слове твитэр явно лишняя. Все заимствованные слова и транслитерации новых слов из других языков не имеют четких правил. Правила сформировываются позднее когда большинство принимает ту или иную позицию.
.
Вот например: office — офис. Куда делась еще одна ф? Или business — бизнес.
.
Вы можете сказать что это название торговой марки или там еще чего и надо сохранить двойную т. Но любые слова в русской транслитерации будут выглядеть иначе и с этим сделать ничего нельзя.
.
Google — гугл или гугэл? Pepsi — пэпси или пепси? Тут уж кто на что горазд.
.
Для меня твитэр читается наиболее близко к оригиналу twitter.
Элементы интерфейса, которые выполняют «листание» чего-либо (такие как вперед → и назад ← ) Ни при каких обстоятельствах не должны менять свою форму, размер и местоположение в рамках одного экрана. Это закон!
Я воспринимаю суперобложку для книги как упаковку для продажи и только. При покупке таких книг, я смело срываю фантик и выкидываю его в мусор.
.
А вот некоторые даже умудряются читать книги в супер обложке.
Иду по улице. Вдоль тротуара тянется одноэтажный барак времен революции. Через приоткрытое окно и выглядывающую накрахмаленную, но с засаленными краями тюль вижу старого деда. Сидит вплотную к окну, облокотившись рукой о подоконник. Тут же стоит телевизор. Новости отчетливо слышны и на улице, поэтому проходя мимо окна Николая Андреича можно ухватить порцию последних событий в мире.
В перерывах на рекламу дед смотрит через свою тюль на улицу. Самое интересное что там происходит это проезжающие мимо троллейбусы. А легковушек не видно, они где-то там ниже. Но сегодня удача, в окне «застрял» парень и пялится.
— Здравствуйте! — сказал я то, что первое пришло на ум. Андерич медленно кивнул.
Секунд 10 мы смотрели друг на друга. Потом кончилась реклама и дедушка снова повернулся к телевизору. Я пошел дальше.
В следующем окне сидел жирный белый пушистый кот. Ему даже новости не нужны были…
Я снова в эфире. Долгое времени не было записей из-за неоплаченного хостинга. Спешу запустить тизер.
Скоро ВЕРСИЯ II
Версия чего? И когда скоро? В этом и суть тизера. Заинтриговать. Ну и самомотивация, конечно.
Все таки радует, когда твои идеи реализуются. Пусть и не тобой, а большой компанией вроде Яндекса.
Это значит, что мыслишь ты в правильном прогрессивном направлении.
.
Почти год назад я хотел чтобы на картах проезда к офисам находилась еще и фотка фасада здания.
И вот Яндекс реализовал мою задумку.
.
Клёво!
.
Вот почему так? Встречал много раз такое.
.
Большой и уважаемый банк (суд, бизнес-центр…) потратил много денег на мраморный фасад, хромированные поручни и качественные пластиковые железные двери. На ресепшине милая девушка, а где-то рядом серьезный охранник в форме. Имидж. Все как полагается.
.
На фотографии мы видим вход в банк. Мало того, что он двойной (войти можно только в левую секцию). Тут уже охранник, видимо, проявил смекалку и наклеил скотчем грязную мятую бумажку на стекло. (Имидж и респектабельность ёклмн…)
.
Еще входная секция состоит из двух дверей. И, конечно!, открывается только одна! Каждый человек подходит и дергает сначала одну на себя, потом толкает от себя, потом берет другую и проделывает тоже самое.
.
Что это такое? Как это назвать?
Я не люблю аудиокниги. Ну вот вроде бы удобно. Можно ехать на велосипеде (работать, полоть огород, и т.д.) и слушать.
.
Когда слушаю книгу, то не могу сконцентрироваться на «тексте». В одном месте надо отвлечься, чтобы заплатить за проезд, в другом — надо подольше подумать над действиями героя и таких ситуаций очень много. В итоге, книга превращается в кашу.
.
Мгновенно нажимать паузу на любое отвлечение — не реально.
.
А когда ты читаешь просто книгу или айпад, то отрывая глаза от текста пауза нажимается сама. Целостность текста сохраняется.
Я помню как первый раз мне позвонил Джулиан Сас и сказал, что есть идея нового концерта. Я тогда даже не представлял во что это все выльется.
Мы решили назначить встречу и обсудить детали.
.
Джулиан совершенно позитивный человек, безумно любящий музыку. Я подготовился ко встрече и прослушал все его альбомы.
.
— Я хочу удивить людей, которые придут на мой концерт. Я хочу показать меня с другой стороны — сказал он.
— Но твоя музыка и так удивляет. Ты играешь и люди наслаждаются.
— Все верно, брат. — он тогда так хитро улыбнулся. — Просто живой концерт для поклонников это некое шоу. Единение музыки и образов. Зачем по твоему рокеры раскрашиваются, пускают из гитар фейерверки, ну и наконец, разбивают их? А на дискотеках мигает музыка. Да возьми любой концерт. Музыканты делают из выступлений шоу не просто так. Когда ты слушаешь своего кумира, наслаждаешься каждой нотой и тут происходит нечто на сцене, что заставляет погрузится тебя в экстаз…
— Ты задумал нечто грандиозное Джул…
— Да нет, Сашь. Просто хочу некий штришок, который в некоторые моменты заставит зал ахнуть.
.
Концертная программа Джулиана называлась «Show your rock» — это и послужило толчком для всей идеи.
Я решил, чтобы Джул сам показал людям свою музыку и придумал гитару, которая будет не только «играть» музыку но и показывать.
Не каждый мог реализовать столь смелую идею, но к нашему счастью нашлась компания, которая согласилась нам помочь. Руководство компании Тэйлор воодушевилось музыкой Дулиана Саса и моей идей и заказ был готов всего за несколько недель.
Я рад представить специально разработанную гитару для выступления с малой сцены. Гитару для концерта «Show your rock» Джулиана Саса.
.
.
В выключенном состоянии это обычная черная гитара с глянцевым покрытием. Но стоит её включить…
Под одну композицию мы начинаем лететь в космос, под другую тихо наслаждаемся покоем на берегу озера.
Концерт прошел с невероятным успехом. Никто не ожидал такого от Джулиана. Особенно произвел фурор момент, когда в разгар неистово виртуозной игры гитара загорелась в руках исполнителя.
.
.
Джулиан остался доволен проделанной работой.
— Такого драйва я давно не испытывал — тогда сказал он. Мне были очень приятны эти слова.
.
Позже компания Тэйлор подписала разрешение со мной и Джулианом на массовое производство этой гитары.
Над названием долго думать не стали «Show your rock!»
В этой статье я расскажу, а вернее будет сказать покажу, как нарисовать вот такую штучку:
.
— Ну и что такого? — спросите вы. Ключевое слово здесь «растягивающееся».
.
Любой дизайнер интерфейсов должен в своем арсенале иметь набор готовых GUI-элементов, с помощью которых он легко может накидывать экраны. А для дизайнеров айфоновых и айпадовых приложений сам бог велел.
Немного лирики:
Фотошоп уже давно сдает свои позиции на рынке программ для рисования интерфейсов. Первая проблема это слои-слои-слои. Вторая это скругленные углы. На самом деле проблем гораздо больше и когда-то я уже описывал их.
Возвращаемся к нашему уроку.
.
Первое, что мы должны сделать это нарисовать подходящий прямоугольник.
Видите панельку Appearence? Она не спроста тут показана. В этой панельке мы будем делать практически все действия.
И так закругляем углы, применяя соответствующий фильтр.
Теперь мы должны применить к белой заливке (именно к заливке) фильтр трансформацию — сдвиг на пискель вниз. И сделать ей прозрачность в 60-70%. Это будет белый блик нижней грани нашего поля.
Теперь начинается магия. Добавляем поверх нашей белой заливки новую, с заранее выбранным цветом. Цвет должен быть добавлен в Swatches и обязательно с галочкой Global — это избавит нас потом от рутинных процессов и позволит менять цветовые гаммы во всем макете прямо на лету. (Фотошоп соси!) Это будет цвет нашей кромки поля.
Нам нужна еще одна заливка, которая будет выкаршена 50% -ый цвет нашей кромки. К этой заливки нужно применить фильтр Offset path в -1 пиксель.
Это уменьшит внутрь нашу заливку ровно на пиксель внутрь.
.
А теперь еще одна заливка (да сколько можно?!?) Её цвет 30% от кромочной. У нее уже два фильтра Offset path в -2 пикселя и Transform со сдвигом по вертикали на 1.
А теперь самый крутняк. Нам надо подготовить маленький паттерн для заливки следующей заливки (простите за тавтологию) . А выглядит он вот так:
Это сильное увеличение как видно объект состоит из четырех прямоугольников шириной почему-то в 6 пикселей. На самом деле можно сделать и в один и в 100, разницы нет — ведь это паттерн. Для меня это почему-то 6 — видимо мне так удобней. Самый нижний прямоугольник высотой в 1 пиксель и белым цветом. Второй тоже в 1 пиксель и сереньким цветом. (не забывайте про Swatches и Global!) Третий на половину светлей второго. И последний, четвертый, самый важный, высотой в 44 пикселя — по сути это высота вашей строки ввода в нашем поле. Цвет для нее следуют выбрать немного серенький? Почти белый, но не белый :-)
.
Теперь эту нашу конструкцию надо засунуть в Swatches, тем самым превратить её в паттерн. Как это сделать можно глянуть здесь.
.
Возвращаемся к нашему супер объекту. Остался один маленький шаг. Это добавление еще одной заливки! (о ужас). К этой последней заливочке мы применяем наш паттерн:
Паттерн встает не так как нам нужно. Исправить это занимает 5 секунд. Выделяем наш объект, идем в панельку Transform, а там в дополнительное меню. (см. рисунок ниже). Выставляем галку Transform pattern only и сдвигаем по вертикале наш паттерн внутри объекта.
Не забудьте потом галочку в панеле поставить на Transform object only. Вот и всё! Наше резиновое поле готово! Его можно трансформировать как угодно, тянуть за любой край, делать любой высоты и ширины. Вот вам три сразу:
Вы спросите зачем такие долгие мучения, ради такой простой штучки? Ответ прост: эта штуковина делается не на раз, а на много последующих проектов. Этим же способом можно делать разные ниспадающие меню и еще кучу всего. А еще делается это очень быстро, я трачу на создание такого поля минуту.
.
Русские любят чины, звания, регалии и так далее. Любят козырять этим перед остальными. Возьмём простой пример — визитка директора клиники:
Посмотрите какой послужной список на русской версии и как скромно на английской.
Правильно, ведь зарубежным партнерам похуй на все это. Для них это набор медицинских терминов.
ps// две электронки заслуживают отдельных аплодисментов.
Почти на каждой АЗС в Краснодаре висит требование о высадке пассажиров перед заправкой. Все водители кладут на это требование. Заправщики кладут на то, что кладут водители. А висит требование потому что пожарники якобы не кладут.
.
Еще водители легко могут парковать свои машины на пешеходных переходах (зебре) а гаишники на это кладут, хотя будут стоять в полуметре от нарушения.
.
А еще на улицах с трамвайными линиями вместо асфальта лежат обычные круглые булыжники, водители на это кладут и едут сильно трясясь.
Нарисовал интерфейс для демо сайта по созданию досок объявлений по продаже недвижимости. Да, всё так сложно. Поэтому надо было все упростить и сделать более понятным для конечных пользователей.
.
Главная
.
Список и фильтр
.
Детализация выбранного
.
Всего было нарисовано порядка 25 экранов
