Pull to refresh
16
Karma
0
Rating
Сергей @Mechanicus

User

Динамика формы и дизайн сайтов

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


(Hajo Rose, Highjumping, 1930)

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

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

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



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

Читать дальше →
Total votes 61: ↑54 and ↓7 +47
Views 2.7K
Comments 19

Антидизайн. Часть 3 (последняя). Неочевидные приемы

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

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

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

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

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


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

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



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

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

Читать дальше →
Total votes 202: ↑193 and ↓9 +184
Views 2K
Comments 127

Что такое качество в веб-дизайне: примеры и рекомендации. Часть 3

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

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

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


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

Читать дальше →
Total votes 95: ↑88 and ↓7 +81
Views 6.9K
Comments 35

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

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

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

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


Хотя реальные тексты для сайта будет писать не дизайнер, они играют такую же важную роль, как и общее качество контента. Дизайнер должен потрудиться, чтобы тексты легко читались и удерживали внимание. Существует множество способов сделать текст легко читаемым и приятным глазу. По мере перечисления правил и норм того, что следует и чего не следует делать, я приведу несколько примеров сайтов, где рациональная типографика действительно работает.
Читать дальше →
Total votes 82: ↑74 and ↓8 +66
Views 5.7K
Comments 24

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

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

quality

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

Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.
Читать дальше →
Total votes 164: ↑152 and ↓12 +140
Views 20K
Comments 64

Создание палитры

Design
Translation
imageОнлайн инструмент для создания цветовых схем. Есть 6 вариантов подборки цветов, возможность корректировки яркости контрастности отобранных цветов или выбор из имеющихся вариантов (темное / светлое и т. п.), возможность просмотреть шестнадцатеричные коды основного цвета и дополнительных, есть функция предпросмотра «сайта» с выбраными цветами со светлым / темным фоном, симуляция различных нарушений восприятия цветов людьми, рандомайзер, а так же API для интеграции с вашим сайтом. www.colorschemedesigner.com
Читать дальше →
Total votes 63: ↑59 and ↓4 +55
Views 1.6K
Comments 20

Как подобрать цвет для оформления своей работы

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

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

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



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

Читать дальше →
Total votes 86: ↑81 and ↓5 +76
Views 1.8K
Comments 43

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

Health

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


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

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

изучить подробности
Total votes 45: ↑28 and ↓17 +11
Views 17K
Comments 34

Для запуска мечты времени всегда достаточно

Product Management *
Это перевод статьи из блога 37signals.

«Я хочу начать бизнес / стать крутым программистом / создать потрясающий блог, но для этого мне не хватает времени в сутках!». Наглая ложь. Времени всегда достаточно, просто вы неграмотно им распоряжаетесь.

Я устал слышать ответ «нет времени» в качестве причины, по которой вы не можете быть великолепным. На самом деле начать что-либо делать не требует много времени, требуется лишь сильное желание. Большинство людей просто не хотят делать что-либо и защищают своё эго, ссылаясь на отсутствие времени.
Читать дальше →
Total votes 127: ↑108.5 and ↓18.5 +90
Views 334
Comments 140

2QR или Как сохранить ссылку в телефон

Data storage *Smartphones

Введение


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

К счастью, в сети есть множество сервисов, позволяющих анонимно выложить свои файлы. Не нужен аккаунт — значит, нет риска «засветить» свои пароли трояну. Однако возникает вопрос: как донести до своего компьютера сам адрес выложенного файла?
Читать дальше →
Total votes 58: ↑55 and ↓3 +52
Views 4.3K
Comments 60

Калибровка монитора без аппаратного калибратора

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

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

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

Ну а по завершении профилирования можете проверить результаты с помощью обоев от RealColor.ru.
Total votes 53: ↑40 and ↓13 +27
Views 17K
Comments 55

Устраняем щелчки винчестера Mac mini (и Macbook)

IT-companies

Еще давно заметил, что во время простоев винчестер моего Мака мини издает с периодичностью примерно раз в пять секунд такие щелкающие звуки. И при каждом щелчке система на мгновение задумывалась. Ну, в принципе, во время работы это было незаметно, т. к. винчестер не простаивает и щелчков нет. С недавнего времени эти звуки стал замечать ночью, когда компьютер оставался включенным для закачивания торрентов. Стало раздражать. К тому же, надоели эти задержки во время просмотра видео, когда изображение и звук на долю секунды замирает, а потом прыгает вперед на пару секунд.
Как от этого избавиться?
Total votes 53: ↑49 and ↓4 +45
Views 14K
Comments 85

Безвыходных ситуаций не бывает

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

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

Я сам сталкивался с этим вирусом (каюсь, сидел без антивируса). Первая мысль была загрузиться с Live-CD. Но его у меня не было (каюсь снова, лайв-сиди всегда нужно иметь под рукой). Помедитировав пять минут возле компьютера, я уж подумал что ситуация безвыходная. Но…
безвыходных ситуаций не бывает
Total votes 425: ↑399 and ↓26 +373
Views 5.4K
Comments 217

Чёрточки: только ли тире, минус и дефис?

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

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

Читать дальше →
Total votes 311: ↑288 and ↓23 +265
Views 167K
Comments 208

Веб-типографика сегодня. Часть V

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

Часть V



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

Читать дальше →
Total votes 2: ↑2 and ↓0 +2
Views 27K
Comments 121

25 ярких и разноцветных сайтов

Web design *
Translation


Сегодня мы взглянем на 25 сайтов, которые создают настроение использованием цвета. Существует широкий спектр цветовых схем и стилей дизайна представленных здесь, так что я надеюсь, что работа этих дизайнеров наполнит вас вдохновением для своих работ.
Порадовать глаз
Total votes 58: ↑45 and ↓13 +32
Views 7K
Comments 49

Bumptop

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

Скачать можно тут
Total votes 81: ↑69 and ↓12 +57
Views 1.1K
Comments 92

Пуленепробиваемый HTML: 37 шагов к идеальной разметке

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

Под катом много букв! Чтоб не потеряться в их обилии все пункты выделены заголовками.
Читать
Total votes 144: ↑135 and ↓9 +126
Views 19K
Comments 83

Суровая правда о корпоративном веб сайте

Website development *
Translation
Корпоративных сайтов много — хороших мало.

Я думал что такая ситуация сложилась только на постсоветском пространстве. Красные директора, те немногие кто до сих пор руководят остатками крупнейших заводов Европы, естественно лучше лягут под танк, чем отдадут деньги, людей и материальные ресурсы на создание «непонятно чего в какой-то там сети». Новые директора, толком не окончившие школу в конце 80-х, начале 90-х и уж конечно не учившиеся в институтах (славные 90-е) чувствуют местом, на котором сидят что их, мягко говоря, вводят в заблуждение, когда предлагают создать корпоративный сайт для привлечения новых клиентов, поддержания деловой репутации и имиджа фирмы. Да ещё когда с такой просьбой приходит собственный программист, зачастую выполняющий обязанности от грузчика до системного администратора, и просит выделить средства — брови директора резко ползут вверх, а рот всё громче и внятнее предлагает пойти прогуляться в места не столь близкие — к звёздам как минимум.
Читать дальше →
Total votes 86: ↑81 and ↓5 +76
Views 1.7K
Comments 84

Масштабируемая картинка на фоне сайта

Website development *
Задача:
Дизайнер нарисовал макет страницы, на заднем фоне которой была картинка. Я сначала было решил, что это фон который увеличивается по ширине в зависимости о разрешения монитора.
Но не тут то было. Дизайнер настаивал на то, что это масштабируемая картинка, которая сужается / растягивается при изменение окна приложения и по ширине и по высоте.
Заранее предупредив заказчика – что картинка будет грузиться 1 и в максимальном разрешении – его определили как 1600, приступил к работе.
Смотрим что получилось ...
Total votes 69: ↑53 and ↓16 +37
Views 20K
Comments 50
1

Information

Rating
Does not participate
Location
Украина
Date of birth
Registered
Activity