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


(Hajo Rose, Highjumping, 1930)

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

Cамая основная сила, которая действует на нас всегда — это сила всемирного тяготения. В форме она может быть выражена ассиметрией относительно горизонтальной оси — тяжесь заставляет массу объекта смещаться вниз к земле. Так же, о наличии тяготения свидетельствует поддержка объекта. Зрителю должно казаться, что если ее убрать, объект упадет.

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



Продолжение под катом.

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

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

В прошлых статьях (1, 2) я показал как антидизайн — применение законов дизайна для извлечения выгоды нечестным путем — может приводить к созданию лжи, манипуляций общественным мнением, созданию целых «индустрий-кровососов», кормящихся за счет усложнения нашей жизни.

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

1. Механические препятствия

Когда человек читает книгу и видит на одной странице график вместе с описанием, ему не надо использовать свою память. Если же перенести график на другую страницу, человеку придется листать книгу туда-сюда, чтобы проверить его на соответствие описанию. Таким образом можно спрятать небольшие неточности в одном или другом.

В бизнесе часто искусственные препятствия воздвигаются, когда надо придушить какой-то продукт. Допустим, компания купила конкурирующую СУБД, и чтобы придушить ее популярность, прячет техническую документацию подальше на своем сайте, прикрыв ворохом уверений в продолжении поддержки и ценности доставшихся им пользователей. Только самые стойкие поклонники такой СУБД преодолеют все трудности, чтобы продолжить пользоваться любимым продуктом.



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

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

Не забудьте почитать:
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1. (или здесь)
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 2. (или здесь)

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

05. Сдержанность и деликатность

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

Не забудьте почитать: Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1. (или здесь).

А сегодня поговорим о том, что такое хорошо продуманная типографика и как правильно организовать элементы на странице.

03. Хорошо продуманная типографика

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

Несколько выдающихся примеров и рекомендаций по созданию качественного дизайна веб-страницы или блога



Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.

Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.

Онлайн инструмент для создания цветовых схем. Есть 6 вариантов подборки цветов, возможность корректировки яркости контрастности отобранных цветов или выбор из имеющихся вариантов (темное / светлое и т. п.), возможность просмотреть шестнадцатеричные коды основного цвета и дополнительных, есть функция предпросмотра «сайта» с выбраными цветами со светлым / темным фоном, симуляция различных нарушений восприятия цветов людьми, рандомайзер, а так же API для интеграции с вашим сайтом. www.colorschemedesigner.com

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

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

Вот погожий зимний пейзаж



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

Восстановление зрения по методу Шичко-Бейтса.
Лекции Жданова В.Г. Анализ. Отзыв. Дополнения.

Кратко, и по сути:
0. Опробовал, помогло, сейчас зрение больше 160%. За первых 3 дня занятий восстановил с 85 до 100, ибо задача простая. Поддерживаю пальмингом и шестью базовыми упражнениями.
1. Научиться по видео можно, но надо понимать, о чём идёт речь и иметь достаточно мотивации и внутренней дисциплины.
2. В качестве упражнений даны простые и действенные методики, основанные на подходе Бейтса.
3. Если взялись восстановить зрение данным методом, чем строже следовать подходу, тем бОльший вас ждёт успех; если что-то подфиксили, это уже не оригинальный метод, а Рабинович напел, хотя тоже может работать. Например, мало просто «отказаться от очков» — это может даже навредить, стоит делать упражнения, это принесёт пользу.
4. Экстракт из метода:
Максимально быстро отказаться от очков. Шесть глазодвигательных мышц расслабить-натренировать. В работе делать трёхминутные перерывы на пальминг, ввести в привычку делать упражнения для глаз (влево-право, диагонали, прямоугольник, циферблат, змейка) на остановке, в транспорте. Периодически делать соляризацию глаз на свече.

По итогам первых 20и минут жизни статьи на хабре, остались частичная выжимка и ссылки на ресурсы. Личный опыт и рекомендации убраны в в журнал.Далее следуют рассуждения на тему. Если вас интересует просто краткое описание метода и опыта его применения, то прочтённого достаточно!

Введение

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

К счастью, в сети есть множество сервисов, позволяющих анонимно выложить свои файлы. Не нужен аккаунт — значит, нет риска «засветить» свои пароли трояну. Однако возникает вопрос: как донести до своего компьютера сам адрес выложенного файла?

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

Сейчас на рынке мониторов царствуют модели с TN-матрицами, калибровать которые можно простым наклоном головы. Но даже на таких мониторах, не говоря уже о *VA/IPS, можно добиться терпимой цветопередачи, не используя аппаратные калибраторы. Этим же способом можно проверить гамма-кривые монитора при покупке.

Суть способа заключается в использовании программы ColorLineTest, также известной как CLTest. На проверку гамма кривых у Вас уйдёт около 30 секунд. За 5-10 минут можно добиться приемлемой цветопередачи. Подробные инструкции находятся в архиве с программой.

Ну а по завершении профилирования можете проверить результаты с помощью обоев от RealColor.ru.

Еще давно заметил, что во время простоев винчестер моего Мака мини издает с периодичностью примерно раз в пять секунд такие щелкающие звуки. И при каждом щелчке система на мгновение задумывалась. Ну, в принципе, во время работы это было незаметно, т. к. винчестер не простаивает и щелчков нет. С недавнего времени эти звуки стал замечать ночью, когда компьютер оставался включенным для закачивания торрентов. Стало раздражать. К тому же, надоели эти задержки во время просмотра видео, когда изображение и звук на долю секунды замирает, а потом прыгает вперед на пару секунд.

Совсем недавно пользователь ilzarka написал в своем блоге про интересный вирус, блокирующий Windows:
ilzarka.habrahabr.ru/blog/56869

Напомню еще раз: вирус выводит на экран окошко с предложением отправить смс на какой-то номер, чтобы разблокировать Windows. Ctrl + Alt + Del, Alt + Tab и прочие сочетания, которые должны свернуть/закрыть/переключить на другую программу естественно блокируются. Перезагрузка даже в безопасном режиме заканчивается этим же окошком.

Я сам сталкивался с этим вирусом (каюсь, сидел без антивируса). Первая мысль была загрузиться с Live-CD. Но его у меня не было (каюсь снова, лайв-сиди всегда нужно иметь под рукой). Помедитировав пять минут возле компьютера, я уж подумал что ситуация безвыходная. Но…

Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

Часть I — Часть II — Часть III — Часть IV — Часть V — Часть VI

Часть V

Очевидно, что в сфере высоких технологий развитие зачастую происходит быстро и бурно. Так произошло и со средствами отображения информации. В течении каких-то двух-трёх лет обычные ЭЛТ-мониторы почти целиком и полностью были вытеснены стремительно дешевеющими ЖК-собратьями. Что позволило существенно улучшить как геометрию отображения, так и цветопередачу, а также снизить утомляемость глаз за счёт отсутствия вредного мерцания. И если несколько лет назад подобное утверждение в пользу TFT-панелей можно было бы оспорить, то теперь этот факт не вызывает ни у кого сомнений: ЖК-дисплеи намного лучше для повседневной работы рядового пользователя. В связи с этим фактором возникла необходимость поиска качественно новых алгоритмов отображения шрифтов. Одно из таких решений пусть не сразу, но всё же получило определённое признание в среде пользователей, и на сегодняшний день является чуть ли не самым популярным на современных платформах. Речь, конечно же, о технологии рендеринга ClearType, которая послужила причиной разработки новых веб-ориентированных шрифтов…

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

Bumptop в виде концепции светится в интернете уже в течение нескольких лет. Bump позволяет по-разному организовывать объекты на своем рабочем, делать из них стопки, засовывать в папки, по-разному их крутить, бросать и т.д., как на вашем реальном столе.Также стол можно панорамировать и масштабировать. Bumptop работает и с touchscreen, и с мышью. И сейчас этот удивительный организатор рабочего стола с хорошей физикой доступен для скачивания (только PC).

Скачать можно тут

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

Под катом много букв! Чтоб не потеряться в их обилии все пункты выделены заголовками.

Задача:
Дизайнер нарисовал макет страницы, на заднем фоне которой была картинка. Я сначала было решил, что это фон который увеличивается по ширине в зависимости о разрешения монитора.
Но не тут то было. Дизайнер настаивал на то, что это масштабируемая картинка, которая сужается / растягивается при изменение окна приложения и по ширине и по высоте.
Заранее предупредив заказчика – что картинка будет грузиться 1 и в максимальном разрешении – его определили как 1600, приступил к работе.

Привет!

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

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

Я постарался облегчить эту задачу, создав сервис JetBytes.com. Он упрощает передачу файла до одного клика.

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

Давеча я написал неплохой хабратопик (сейчас у него рейтинг «+60»), но спорный (в том числе поэтому у меня последние несколько дней была отрицательная карма, даже и до «-7» — что, впрочем, заодно объясняется и моей дохабровской, внехабровской репутацией среди отдельных хабровцев).

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