Хью Дабберли и люди из студии Dubberly Design Office проделали огромную работу по поиску и обработке теоретических описаний процесса дизайна. Около 130 моделей составили содержание их книги How Do You Design. Книга написана для образовательных целей и свободно доступна на сайте авторов.



Кто недавно читал про схему от AIGA и удивлялся сереньким цветам вместо красного — это как раз оттуда. На своем сайте я отдельно перевел и выложил пару наиболее любопытных схем («AIGA» в том числе).

Под катом — еще немного слов про книгу.

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

Во вложении четыре части, у кого диалап — можно не заходить :):)

Всем известно, что во время долгого сидения за компьютером или постоянной писанины на бумаге надо разминать пальцы и кисти. Что же, вашему вниманию :)

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

Но представьте себе человека, который «неправ» по ту сторону тысячекилометровых проводов — скорее всего это будет мужчина. Этот стереотип, как оказалось, несколько отличается от реальности — согласно исследованию, проведенному Harris Interactive среди 2 119 пользователей интернета по заказу Intel, 95% ответчиков признают, что для них «достаточно важно» чтобы под рукой был какой-то девайс для доступа в сеть. 65% без тени смущения признают, что они просто не могут жить без доступа ко всемирной паутине.

Вся соль в деталях — почти половина (46%) опрошенных женщин заявила, что предпочтет интернет сексу на срок в две недели, а точные цифры наводят еще больший страх на мужское население планеты: 49% опрошенных дам в возрасте от 18 до 34 лучше проведут время перед компьютером, нежели в постели; то же самое ответили 52% респондентов в возрасте от 35 до 45.

Впрочем, мужчины тоже не прочь провести часок-другой в уютном кресле перед монитором: 30% опрошенных предпочитают компьютер сексу (39% в возрасте от 18 до 34 и 23% в возрасте от 35 до 45).

Но если вы думаете, что после строки «интернет» в результатах исследования сразу же идет «секс» — я вас, наверное, огорчу. Цифровое соединение отделяют от первопричины жизни на Земле такие радости жизни, как: кабельное телевидение, ужины, шоппинг, занятия спортом. Хотя очень многие (58%) утверждают, что согласны променять кабельное телевидение на интернет, к чему я добавлю только одно — давно пора! Ну а секс — дело личное, но мой вам совет: если 8-го марта девушке подарить приятный гаджет, сводить в кинотеатр и подарить цветы в ресторане, то вариант у нее останется только один.

via ArsTechnica

Данное руководство создано для тех, кто уже умеет пользоваться Adobe Illustrator, но пока не знает всех тонкостей работы с ним и хочет познакомиться поближе.

Товарищ CurlyBrace уже сверстал представленный здесь макет, спасибо ему!

Для начала посмотрите на то, что мы будем стараться сделать:

Добрый день, читатель!

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

В этот раз на нашей обложке мы постарались достигнуть ощущения Африки. Желтые, черные, зеленые тона и летящий гепард — все это Африка или то, что мы про нее знаем. Почему гепард? Потому что тема нашего номера memcached — система кэширования, которая призвана помочь работать вашим сайтам так же быстро, как гепард настигает свою добычу.

Темой номера система memcached стала неслучайно. Автор smira постарался и написал обширный материал под обобщенным названием ”Web, кэширование и memcached”, в котором очень подробно расписал, что такое система memcached и как она работает. Только у нас полная авторская версия статьи.

В этом номере вас ждут также статьи на такие новые темы как UML, DSL. А также пара статей на тему CSS, статья от Yarc, который продолжает писать отличные статьи на тему MooTools, перевод статьи на тему WPF и статья про то, как подружить GTK и Visual Studio.

Как вы помните, во втором номере лучшим автором стал Aesma с циклом статей про создание тем для WordPress. В этот раз однозначным победителем становится smira. Оба автора написали обширные материалы, поэтому трудно решить, кому отдать звание лучшего автора октября 2008. И все же мы признаем smira лучшим автором, который написал, по нашему мнению, более сложный и насыщенный материал.

• Скачать habradigest#3 октябрь 2008 (1.83 Мб)
• Перейти на сайт проекта habradigest.ru
• Подписаться на RSS

iPhone 3G буквально пару недель назад начал продаваться официально в России.
Новости про iPhone и технические обзоры про него уже сидят поперек горла.
Поэтому я решил написать статью, которая принесла бы реальную пользу пользователям iPhone.


Вы узнаете…
— как перезагрузить зависший iPhone
— где найти инструкцию на русском языке к iPhone
— как грамотно сделать рингтон
— как отслеживать новые программы/игры в AppStore и покупать их дешево
— как добавлять закладки в Delicious в Safari на iPhone.

Статья будет больше интересна маководам, особенно начинающим. Надеюсь, что кому-нибудь пригодится. Будет ещё и вторая часть про ввод текста, если эта понравится.

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

Здесь, в Сан-Франциско, фанаты Apple празднуют долгожданное открытие Apple Store. (Конечно, уже несколько месяцев есть магазин за Заливом, но это совсем другое). Как новейший из пяти ведущих магазинов, «Apple Store — Сан-Франциско» отражает последние мысли компании о том, как перевести уникальность бренда с программных и «железных» продуктов на впечатления пользователей от покупки товаров.

Существует большое количество идей, применяемых в Apple Store, которые можно использовать в дизайне различных продуктов, а также несколько уроков, которые мы можем вынести из ошибок Apple.

1. Создавайте впечатление, а не продукт

Уговорить посетителя подняться на второй этаж — задача, от решения которой большинство розничных магазинов давно отказалось. Apple Store принимает вызов буквально, делая центром магазина лестницу — по-настоящему классную лестницу. Трудно устоять перед соблазном поставить ногу на первую, полностью стеклянную ступень. Как только вы на ней окажетесь, вы сможете различить демонстрационный кинотеатр в конце лестницы. Следующее, что произойдет — вы обнаружите себя на верхнем этаже еще до того, как вы закончили (или начали) с первым.

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

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

Сегодня я расскажу о библиотеке Typeface.js, которая, как видно из названия, работает на чистом JavaScript.

Перевод статьи Oliver Reichenstein «The 100% Easy-2-Read Standard».

Большинство сайтов доверху наполнены мелким текстом, который больно читать. Но зачем? Нет причины вжимать так много информации в экран. Это глупая коллективная ошибка, которая относится к временам когда экраны были действительно маленькими. Так что…

Экран и журнал: 100%-размер шрифта — это не много. Фотограф: Wilson Miner.

Не заставляйте нас изменять размер шрифта

Мы не хотим изменять настройки браузера каждый раз когда посещаем новый сайт!

     Доброго времени суток, уважаемый хабра–читатель. Я работаю в университете, в лаборатории вычислительной техники. Администрируем около сотни компьютеров. Перед нами встала проблема защиты от Autorun–вирусов на флэшках. Естественно у нас отключен автозапуск в Windows, однако нужно было защитить сами флэшки, чтобы работник дома, вставив рабочую флэшку, не заразил свой компьютер. Под катом решение проблемы.

Под катом замечательное видео от VFS об азах типографики, в очень интересной форме.

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

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

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

Для того, что бы быстрее разделать со всем этим — используем несколько хитростей.

1. Что такое PNG?
2. PNG vs GIF.
3. PNG vs JPEG.
4. Жизнь после Photoshop'а или сжимаем дальше.
5. Adobe Fireworks или PNG-8 с альфа-каналом.
6. Вердикт.

Осторожно, много картинок! Все кликабельны.

Готовим макет для клиента. Часть I: Гладить или нет?

Часть I: Гладить или нет?
Часть II: Если гладить, то как?

Недавно, просматривая портфолио различных дизайнеров на популярном фрилансерском портале, я заметил одну особенность.

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

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

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

После того, как я опубликовал давече тему о создании макета страницы, нам с тов. CurlyBrace пришла в голову одна интересная мысль: а не сделать ли того, что мы умеем делать лучше всего?

Да, вы правы! Денис любезно сверстал данный макет валидным и семантичным XHTML. Он — молодец, а я ему немного в этом подсобил, доделав небольшую деталь. Он большое внимание уделил размеру страницы и её исходного кода.

Внимание: топик не содержит WYSIWYG!

Вы не поверите, но в 85-м году компания Apple в своем руководстве для разработчиков прямо призывала всегда, когда это возможно, стараться заменять надписи пиктограммами. Якобы пиктограммы понятнее начинающему пользователю, чем слова. Конечно, это полная чепуха. Словами намного проще высказать почти любую идею.

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

Нижние 6 иконок прямо изображают результат применения соответствующих инструментов.

Такой подход применим также в интерфейсах конструкторских, архитекторских программ, и в других интерфейсах, основанных на принципе WYSIWYG. Но часто ли нам, простым дизайнерам интерфейсов из Самары, приходится прилагать руку к интерфейсам подобного софта? Признаюсь, не очень часто. Правда такова, что в современном цифровом мире мы гораздо чаще имеем дело с вещами, не имеющими визуального воплощения вовсе.

Уверен, что найдутся на Хабре люди, которые уже знают о этом замечательном способе заставить «ненавистный» ИЕ понимать такие вещи, как min-width и ::after. Но лично я об этом способе не знал, и испытал настоящий восторг, когда наткнулся в сети на очень элегантное и эффективное на мой взгляд решение данной проблемы.