Pull to refresh

Как увидеть 120 Гц и выбрать три телевизора. Часть 1

Easy Easy
Reading time 20 min
Views 63K
Gadgets Monitors and TV Desktop PC's Games and game consoles Electronics for beginners
Tutorial

Разбираемся, зачем экранам 500 Гц, почему телевизор не монитор, за сколько часов выгорит OLED и как вообще это всё работает.

Читать далее
Total votes 170: ↑170 and ↓0 +170
Comments 410

Web-типографика — четыре золотых совета

Reading time 3 min
Views 4K
Typography *
Основы web-типографики пришли к нам из далекого 1991 года, еще от небезызвестного Tim Berners-Lee :)

Если оглянуться назад, в страшные времена царствования IE 1.0, то web-типографика (я не говорю о web-дизайне) находилась в зачаточном состоянии. На данный момент, ситуация иная. Мы имеем достаточно средств, для грамотного оформления текста на web-странице.

Cуть web-типографики заключаться не просто в выборе нужного шрифта и умение отличить начертание одного шрифта от другого.


Рис. 1: Как показали последние опыты, 90% тренированных обезьян правильно отличают шрифт Helvetica.

Мы поговорим о web-типографике как о рецепте, содержащем четыре основных компонента. Если вы когда-нибудь пытались приготовить суфле, то скорее всего, смогли ощутить насколько важен рецепт его приготовления.
Читать дальше →
Total votes 66: ↑47 and ↓19 +28
Comments 64

Эффективный цветовой контраст. Дизайн для людей с частичными проблемами зрения и восприятия цвета

Reading time 2 min
Views 5.5K
Interfaces *Accessibility *
Translation
Здесь упоминаются три основных правила эффективного выбора цветов, которые хорошо воспринимаются практически всеми. Далее приводятся объяснения трех свойств цвета в человеческом восприятии — тона, яркости и насыщенности — в контексте науки о зрении.

Читать дальше →
Total votes 33: ↑31 and ↓2 +29
Comments 19

Почему текст, набранный заглавными буквами, трудно читать

Reading time 2 min
Views 60K
Typography *
image
Неизвестно откуда пошла мода на оформление текста заглавными буквами, но факт остается фактом – использование заглавных букв окружает нас повсеместно. Если вы напишете в интернете текст прописными, люди решат, что вы кричите, или усомнятся в вашем психическом здоровье. Но чаще всего все прописные раздражают людей, а текст написанный таким образом очень трудно быстро прочесть.
Читать дальше →
Total votes 208: ↑185 and ↓23 +162
Comments 164

10 базовых принципов визуального дизайна

Reading time 7 min
Views 41K
Typography *Graphic design *
Translation
Вчера я слушал подкаст и обратил внимание, как кто-то задавал вопрос и по ходу дела сказал: «Старый фанат, впервые звоню». По какой-то причине это заставило меня подумать о Medium. Я читаю тут статьи давным-давно, но никогда не вставлял свои два цента. Сегодня тот день, когда это изменится.

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

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

Итак, готовы? Всё начинается с…
Читать дальше →
Total votes 14: ↑12 and ↓2 +10
Comments 3

Выбираем веб-шрифты: руководство для начинающих

Reading time 11 min
Views 58K
Web design *Website development *Typography *
Translation
Устраните элемент таинственности в выборе шрифтов с нашим пошаговым руководством

Если всё сделать правильно, то типографика становится невероятно мощным инструментом. Обратимся к сочинениям Роберта Брингхёрста, чья книга «Основы стиля в типографике» (The Elements of Typographic Style) десятилетиями служила остроумным справочником для профессионалов. Там вы найдёте возвышенную формулировку ремесла. По Брингхёрсту, типографика «существует для уважения контента», а правильная типографика «показывает каждый элемент, каждое отношение между элементами и каждый логический нюанс текста».

Может, эти слова кажутся вдохновляющими или пугающими. Но очевидный факт в том, что правильный выбор типографики всегда отражает конкретные потребности самого проекта. Это не только эстетические потребности, но также технические и функциональные — и очень разные сообщения вы можете создать из фрагментов текста, прокручивая выпадающий список от Alegreya до Zapf Dingbats. Некоторые шрифты лучше работают в заголовках, а другие хорошо читаются в абзацах. Некоторые семейства достаточно велики, чтобы вместить международные алфавиты и специальные символы. И если шрифт идёт в разных стилях (например, курсив или малые прописные) и начертаниях (от тончайшего Hairline до ультра-чёрного), то по мере сборки проекта он предоставит больше возможностей для тонкой настройки дизайна.

Конечно, есть о чём подумать, но некоторые из наиболее важных соображений — это практические и функциональные особенности проекта. Начав с уже известных вещей и пройдя по следующим пунктам, вы найдёте шрифт, который соответствует вашим нуждам.
Читать дальше →
Total votes 8: ↑8 and ↓0 +8
Comments 1

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

Reading time 8 min
Views 6.3K
ua-hosting.company corporate blog Popular science Biotechnologies Health


Современная диагностика заболеваний путем визуализации насчитывает множество методов: МРТ, КТ, ФА, УЗД и т.д. Каждый из них по-своему уникален и предоставляет определенный спектр информации про здоровье пациента. Однако у всего есть свои недостатки, и вышеперечисленные методы не исключение. Ученые из Стэнфордского университета решили разработать новый метод визуализации, который будет объединять в себе сильные стороны сразу нескольких классических методов, но при этом будет лишен их недостатков. Основой изобретения стал разработанные ими контрастный агент, с помощью которого можно проводить раннюю диагностику ишемической болезни сердца пациентов, у которых пока еще нет видимых симптомов. Что лежит в основе нового метода и как он работает? Об этом мы узнаем из доклада ученых. Поехали.
Читать дальше →
Total votes 23: ↑22 and ↓1 +21
Comments 0

CSS: работа с текстом на изображениях

Reading time 7 min
Views 16K
SkillFactory corporate blog Web design *Firefox Website development *CSS *
Tutorial
Translation

Вы можете встретить компонент пользовательского интерфейса, у которого есть текст над изображением. В некоторых случаях в зависимости от используемого изображения текст будет трудно прочитать. У этой проблемы есть несколько различных решений, таких как добавление градиента или затемнение изображения, наложение тени на текст и другие. Этот прием будет полезен не только frontend и веб-разработчикам, но и ui/ux-дизайнерам. Написать эту статью меня вдохновил твит от Эдди Османи, работающего над Google Chrome.

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

Приятного чтения
Total votes 6: ↑6 and ↓0 +6
Comments 1

Компьютерная томография: диагностика на контрасте

Reading time 9 min
Views 2.3K
FirstVDS corporate blog Reading room Popular science Health Biology


Медицина всегда шла рука об руку с диагностикой. Прежде чем заниматься лечением болезни, следует выяснить, что происходит с организмом пациента, каков характер этого процесса и где он протекает.
Читать дальше →
Total votes 31: ↑31 and ↓0 +31
Comments 18