Веб-дизайн *

Фото aloalo*

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

Рецепт прост как валенки, но подойдет скорее фрилансерам. Создав лого, добавляйте фирменный pdf-файл, где будет указана короткая информация по логотипу. Такой себе, урезанный по самые гланды, брендбук.

Последние несколько лет на рынке юзабилити активно используется такой, без сомнения удобный и хороший инструмент, как mouse tracking – система, позволяющая отслеживать движение мыши посетителя по вашему сайту и сделанные им клики. На российском рынке основным игроком в этой области является Яндекс.метрика, купившая быстро набравший популярность вебвизор.

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

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

Все мы рано или поздно сталкиваемся с ситуацией, когда несколько часов работы в Photoshop'e оказываются начисто убитыми только лишь потому, что мы гордо проигнорировали волшебный хоткей Ctrl+S, а наш любимый редактор изображений внезапно решил отойти на покой, заявив нам об этом малоинформативной, но бодрой табличкой с самыми искренними извинениями, от которых, однако, легче ни на йоту не становится.

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

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

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

• визуальный контакт,
• вербальный контакт,
• физический контакт.

Точно так же, используя те же приемы, мы «развиваем отношения» с сайтом.
Здесь надо понять важную вещь: всё, с чем мы можем так или иначе общаться (то есть получать некий фидбек в ответ на наши действия) подсознательно приравнивается нами к другому живому существу со сходным образом мысли. Отсюда привычка вести философские беседы с неработающим прибором, отсюда тяга наших предков давать человеческое лицо природным и физическим явлениям, отсюда даже смайлы.
Ведь куда проще найти общий язык с другим человеком, чем с неведомой бездушной штуковиной, верно?

Зашел я недавно на сайт ОНФ. Попал на него случайно, из блога Навального. Думаю, раз Навальный что-то ругает, стоит на это посмотреть. Посмотрел, ничего особенного или интересного не увидел, переключился на другие вкладки и забыл о нем. Через некоторое время мой Firefox начал меня удивлять.

Около месяца назад Adobe анонсировали новый Photoshop Touch SDK для разработки мобильных приложений, предназначенных для работы совместно с Photoshop. И вот сегодня утром первые программы для iPad появились в Appstore. Это


навигационная панель Nav, палитра Color Lava и рисовалка Eazel.

Все три приложения разработаны для iPad и могут так или иначе взаимодействовать с Photoshop начиная с версии 12.0.4, в меню которого появилась возможность включить приём соединений. Так как я фанат всяких расширений для Фотошопа, я конечно же эти все штуки испробовал и хотел бы поделиться мнением.

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

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

Из этих соображений родилось такое возможное решение: ширину колонки текста фиксируем в em'ах, чтобы по умолчанию строчка содержала какое-то считающееся удобочитаемым количество символов (относительно конкретного количества полиграфисты и Web-дизайнеры так и не определились, но не суть), а также дополняем её интерфейсом для настройки ширины. Например, чтобы можно было тащить правую границу колонки, а двойным кликом по ней попеременно распахивать на 100 % (и тогда ширина будет определяться шириной окна браузера) или возвращать первоначальную ширину.

Эта статья была опубликована еще в 2008 году на официальном сайте Adobe. В ней Nick Myers (ведущий визуальный дизайнер компании Cooper) рассказывает о преимуществах Fireworks в проектировании интерактивных продуктов.

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

Во время работы над крупными проектами с множеством макетов и видов объекта даже минимальное изменение в повторяющемся компоненте может потребовать времени. Проход по множеству макетов и подстройка цвета или начертания у подобного повторяющегося элемента может стать изнуряющим делом. Конечно же, если у вас есть подмастерье, выполняющий всю грязную работу за вас, то вы, определённо, везунчик, но что же делать нам, фрилансерам?

Неужели нам остаётся лишь сносить эту му́ку? Что ж, теперь нет! Недавно я обнаружил подход, который позволит дизайнерам распрощаться с открытием 23 PSD-файлов только ради смены цвета элемента в шапке. Вместо этого мы можем поступать разумно, как наши коллеги, разработчики, и импортировать внешние файлы при помощи кое-чего с названием «Variables (Переменные)».

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

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

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

Значительная часть маркетинговых компаний Apple осуществляется через сайт apple.com.
В настоящий момент по рейтингу Alexa этот сайт находится на 38 месте по популярности, рядом с такими гигантами, как BBC и Google.

У web-дизайнеров всегда были сложные отношения с типографикой.
С одной стороны, большинство web-дизайнеров не обучены как «типограф», в отличии от традиционных графических дизайнеров. С другой стороны типографики в web’е просто не было.

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



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

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

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

Однако, в зависимости от вида, каждые 7, 11, 13 или 17 лет периодические цикады одновременно массово вылезают на свет и превращаются в шумных летающих тварей, спариваются и вскоре умирают.

Хотя наши странные цикады весело уходят в иной мир, возникает очевидный вопрос: это просто случайность, или числа 7, 11, 13 и 17 какие-то особенные?

www.ilovepsd.ru — небольшой справочник по «Фотошопу» для веб-дизайнеров, но будет полезен и верстальщикам. Например, если вы занимаетесь версткой, то можете ссылаться на него, как на требования к макетам дизайнера.

Справочник призывает работать в «Фотошопе», соблюдая правила хорошего тона. Цель проекта — ускорить процесс дизайна, улучшить чтение файлов проекта и облегчить процесс верстки.

Полезные (и по делу) советы от комментирующих будут добавлены в проект. Велкам.

UP. Сделана фейсбук пейдж для желающих отписаться.

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

 

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

Бобер

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