Планировка серия п 43: Серия дома П-43

Содержание

Дома серии П-43: планировки, фото, характеристики


Описание

В столице «панельки» П-43 можно встретить практически во всех районах, где застройка велась в 70-х – начале 80-х годов прошлого века. После того, как ДСК-1 перестал выпускать панели соответствующего типоразмера, строительство жилых домов П-43 завершилось. По числу этажей типовые здания данной проектировки иногда еще обозначаются как «П-43/16», на первом этаже шестнадцатиэтажки расположены жилые квартиры. Всего в столице и области возведено около двухсот домов П-43.

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

Сносу жилье серии П-43 в настоящее время не подлежит, предусмотрены массовые капремонты таких домов с 2010 года.

Конструктивные особенности серии и отделка фасадов

Конструкция домов П-43 имеет меридиональную ориентацию. Наружные стены зданий этой модификации представляют собой однослойные панели из керамзитобетона 35 см в толщину, внутренние стены — ЖБ-панели (18 см), а перегородки между комнатами сделаны из гипсобетона (12 см). Функцию перекрытий между этажами выполняют сплошные ЖБ-плиты толщиной 14 см. Кровля плоская, оснащена внутренним водостоком. Над 16-тым этажом находится технический чердак, где размещены инженерные коммуникации. Фасады П-43 узнаваемы по светло-зеленой и белой отделке.

В секциях имеется по два лифта, один из которых – грузопассажирский на 500 кг, лестницы незадымляемые и имеют выходы на противопожарные лоджии.

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

Особенности квартирных планировок

На каждом этаже секции в П-43 расположено по восемь квартир с количеством комнат от одной до трех. В «однушках» П-43 санузлы совмещенные, а в остальных квартирах – раздельные. Вентиляционные вытяжки имеют выходы в сантехкабине и на кухне.

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


Технические характеристики

Параметр

Значение

Альтернативное наименование:
П-43/16
Регионы строительства:

Москва: Лианозово, Нагатино, Печатники, Царицыно, Бирюлёво, Вост., Чертаново, Ярославский, Бабушкин, Владыкино, Бибирево, Левобережный, Тушино, Фили, Свиблово, Олимпийский проспект и проч.,

Московская область: Мытищи, Одинцово, Реутов, Химки, Долгопрудный, Железнодорожный.

В других регионах РФ эти дома не строились.

Технология строительства:
панельный
По периоду строительства: брежневка
Годы строительства: с 1972 г. по 1985 г.
Перспектива сноса: Снос не предусмотрен
Количество секций/подъездов: 1-2
Количество этажей: 16, первый этаж жилой
Высота потолков:
2,64 м
Балконы/лоджии:
Во всех квартирах
Санузлы:
В однокомнатных квартирах – совмещенные; в 2- и 3-комнатных – раздельные. Ванны: стандартные, длиной 170 см
Лестницы:
Незадымляемые, с выходами на два противопожарных балкона, расположенные в торцах общего межквартирного коридора
Мусоропровод:
Мусоропровод с загрузочным клапаном на межэтажной лестничной площадке
Лифты:
Один пассажирский (320 кг) и один грузопассажирский (500 кг)
Количество квартир на этаже:
8
Площади квартир:
Общая/жилая/кухня
1-комнатная квартира 35-37/18-20/8,2-8,4
2-комнатная квартира 52-55/30-32/8,2-8,6
3-комнатная квартира 63-66/40-42/8,1-8,4
Вентиляция:
Естественная вытяжная на кухне и в санузле
Стены и облицовка:
Наружные стены – однослойные керамзитобетонные панели толщиной 35 см
Внутренние — ЖБ-панели толщиной 18 см
Перегородки гипсобетонные 12 см
Перекрытия – сплошные ЖБ-плиты толщиной 14 см
Несущие стены – наружные и межквартирные
Фасады отделаны крупной плиткой белого и салатового цветов
Тип кровли:
Плоская с рулонным покрытием и внутренним водостоком
Производитель:
ДСК-1
Проектировщики:
МНИИТЭП (Московский НИИ типологии и экспериментального проектирования)
Достоинства:
Просторные кухни, изолированные комнаты, грузопассажирский лифт
Недостатки:
Недостаточная теплоизоляция, неудовлетворительное качество швов в отдельных домах, затрудненная механическая обработка керамзитобетонных наружных стен

Игорь Василенко

Планировки квартир дом серии П-43

Дом серии П-43 
Типовые планировки квартир

ТЕХНИЧЕСКИЕ ХАРАКТЕРИСТИКИ

 

 

 

 

 

 

ЭТАЖНОСТЬ

16 этажей

ВЫСОТА ЖИЛЫХ ПОМЕЩЕНИЙ

264 см.

ТЕХНИЧЕСКИЕ ПОМЕЩЕНИЯ

Технический
этаж для размещения инженерных конструкций

СТРОИТЕЛЬНЫЕ КОНСТРУКЦИИ

Наружные
стены
– керамзитобетонные панели
толщиной 35 см.

Внутренние
стены
— железобетонные панели
толщиной 18 см.

Перегородки

Железобетонные панели
толщиной 12 см.

Перекрытия – железобетонные панели
толщиной 14 см.

ОТОПЛЕНИЕ

Центральное, водяное

ВЕНТИЛЯЦИЯ

Вентиляционные блоки в ванной комнате и туалете

ВОДОСНАБЖЕНИЕ

От городской сети

МУСОРОПРОВОД

Мусоропровод на лестничной площадке

ЛИФТ

Грузо
подъемностью
400 кг.

Планировка квартир П-43. Ремонт в П-43.

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


К основным достоинствам серии П-43 можно отнести полную изолированность комнат, большие кухни и лоджии. Наружные стены выполнены из однослойных керамзитобетонных панелей, толщина которых составляет 35 см. Внутренние железобетонные стены имеют 18-сантиметровую толщину. Перегородки гипсобетонные, их толщина составляет 12 см. Перекрытия – железобетонные плиты 14-сантиметровой толщины. Наружные и межквартирные стены несущие. Облицовка выполнена крупной прямоугольной плиткой. Дом серии П-43 имеет весьма привлекательный внешний вид, благодаря светло-зеленому фасаду. Плоская кровля имеет рулонное покрытие. В доме П-43 планировки предусматривают расположение технических этажей и технического подполья для размещения в них инженерных коммуникаций. В ближайшей перспективе снос домов серии П-43 не планируется.


Мобильность жильцов жилого дома серии П-43 обеспечивают два лифта: пассажирский рассчитанный на 400 кг и грузовой – рассчитанный на 630 кг, которые осуществляют свое движение с больших и удобных лифтовых площадок. Стены и перегородки данной серии обладают высочайшими звуко- и теплоизоляционными характеристиками. На каждом этаже имеется клапан для мусоропровода. Незадымляемые лестницы имеют выходы на два противопожарных балкона. В доме П-43 планировки также ничем не отличаются от серии П-42. Первый этаж, как правило, жилой. Высота потолков составляет 2,64 метра. Балконы имеются во всех квартирах, в четырехкомнатных квартирах их два. Санузлы в квартирах с одной комнатой совмещенные, с двумя и тремя комнатами – раздельные. Ванны стандартные, их длина составляет 170 см. На каждом этаже расположено по 8 квартир. Всего этажей 16.

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

Башни-близнецы — советские многоэтажки с 4-х к. квартирами. Планировки, плюсы/минусы, стоит ли брать? | Дно Мещанства

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

Такие «китайские стены» загромождают пространство, создать огромные дворы, в которых от размеров неуютно, но при этом узкие проезды заставлены машинами.

Поэтому сегодня будут башни, #П-42, и заодно #П-43.

Башни легко узнаваемы по зеленой мелкой фасадной плитке.

П-43, Яндекс.Картинки

П-43, Яндекс.Картинки

История

Эта серия проектировалась в то же время, в начале 70-х. После довольно удачных П-3, но еще до популярных П-44, проектный институт МНИИТЭП фонтанировал идеями. На этот раз архитекторы попытались совместить два подхода: башня с большим количеством квартир на этаже и возможность соединения домов в секции.

Из каталога МНИИТЭП

Из каталога МНИИТЭП

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

Изначально серия П-42 была без однушек на этаже, но потом стало понятно, что нужны такие же дома только с однушками в большом количестве. И вот появилась П-43. Причем впоследствии П-43 было построено гораздо больше. Листайте галерею ⏩

П-42, из каталога МНИИТЭПП-43, из каталога МНИИТЭП

П-42, из каталога МНИИТЭП

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

Яндекс.Картинки. у м. Алтуфьево очень плотная застройка такими домами — в основном П-43 (на фото), ул. Череповецкая

Яндекс.Картинки. у м. Алтуфьево очень плотная застройка такими домами — в основном П-43 (на фото), ул. Череповецкая

Рассматривать башни будем вместе, а с фасада их отличить очень легко — у П-43 сдвоенные лоджии.

Планировки

Поэтажный план П-42

Поэтажный план П-42

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

Двушки

Начнем с двушек, так как однушек в П-42 нет. А все двушки одинаковы.

Двухкомнатная в П-42

Двухкомнатная в П-42

Двушка практически идентична маленькой двухкомнатной в П-44, но все оке имеет отличия. Маленькая комната побольше и имеет вход не напротив входной двери, большая комната — наоборот, чуть меньше за счет лоджии — она отъедает кусок жилой площади. При этом квартира имеет площадь комфортные 52 метра.

Из минусов — не очень большая кухня.

Трешки

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

Трехкомнатная в П-42

Трехкомнатная в П-42

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

Небольшая 8-ми метровая кухня — откровенно мало для трехкомнатной, и это самая маленькая кухня в доме.

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

Четырехкомнатная

4-х комнатная в П-42

4-х комнатная в П-42

А вот четырехкомнатная квартира выглядит интересно. Она образована фактически из перевернутой трехкомнатной с добавленной кухней и вторым санузлом!

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

Действительно, для двоих и даже троих квартира огромна. Оптимальный сценарий — семья с двумя детьми.

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

А минус один — все спальни очень маленькие. Нет, на 9 кв. метрах тоже можно жить, особенно ребенку. Но четырехкомнатная квартира подразумевает какой-никакой простор. А тут он пришелся на общие пространства.

Однушки

Поэтажный план П-43, zdanija.ru

Поэтажный план П-43, zdanija.ru

Однокомнатные квартиры есть только в П-43 и они на мой взгляд оптимальны. Хорошая площадь, целых 35.9 метров, большая, 8-ми метровая кухня, раздельный санузел. Оптимальные квартиры для проживания молодой пары.

Перепланировка

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

Листайте галерею⏩

Перепланировка 4-х комнатной, типовой проект от МНИИТЭППерепланировка трешки, типовой проект от МНИИТЭП

Перепланировка 4-х комнатной, типовой проект от МНИИТЭП

Четытрехкомнатная — это решение скорее подойдет тем, кто уже живет в квартире. Сейчас объясню почему: маленькая спальня превращается в гардеробную между большим санузлом и средней, 9.7-метровой спальней. Взамен маленький санузел делается больше. Конечно, очень странно делать 9-метровую гардеробную, и покупать квартиру 82-х метровую квартиру только для этого. Но все же, это впервые, когда в типовой советской квартире появляется полноценная #мастер-спальня.

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

Плюсы и минусы серии П-42 и П-43

Начнем с плюсов, частично характерных для всех домов крупнопанельной серии (которые начинаются на П-):

  • относительно высокие потолки, 2,64м
  • стандартные ванны, 170 см
  • лоджии в каждой квартире, в 4-х комнатных две
  • дополнительные лестницы (всего их 3), см. план
  • в П-42 нет однушек

Но минусов у серии достаточно много:

Много квартир на этаже

105 квартир для П-42/16 и целых 120 квартир для П-43/16 будут пользоваться двумя лифтами! Это характерно для всех башен, но больше, чем даже в II-68-01/16.

Несущие стены

Для перепланировки частично подходит только трешка — все остальное — извращение.

Маленькие комнаты

Как ни крути, а здесь комнаты меньше, чем в предыдущих П-3 или в II-68-03/12Ю. Сравнивать с П-44 не буду, их еще не было, но и там все лучше!

Небольшие кухни

Кухни 8.1-8.4 метра во всех квартирах, и только в четырехкомнатной она более 11 метров.

Недостаточная теплоизоляция

Как и в П-3 панели однослойные и теплоизоляция недоросла до хороших показателей П-44.

Стоит ли брать?

Серия не получила массового распространения. Это переходный вариант от П-4 до П-44, дома предназначались для точечной застройки.

Трешки и четтырехкомнатные я бы изначально не рекомендовал: маленькие комнаты и кухни. Для покупки трешки куда лучше обратиться к уже упомянутой II-68-03/12Ю если необходима небольшая площадь, или к П-3, если планировка устаивает.

Можно рассмотреть однушки в П-43 — они похожи на аналогичные в крупнопанельных домах, и если устраивает местоположение дома, то почему бы и нет.

Двушки могу рекомендовать, в П-42 и П-43 хорошие сбалансированные двушки.

Разбор типовых серий домов в Москве. Плюсы/минусы, планировки:

Подписывайтесь на канал, ставьте лайк статье! Среди подписчиков разыграем приз в конце декабря 2020-го!

8 самых удачных серий типовых домов, где жить хорошо

Типовые серии жилых домов разработали для того, чтобы снизить стоимость их возведения. По всей России железобетонные комбинаты изготавливали стандартные блоки, из которых можно было легко и быстро построить дом.

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

Хрущевки

Хрущевки начали строить с середины 1950 годов. Площадь однокомнатной квартиры составляла 30 кв. м, двухкомнатной — 43–45 кв. м. Санузел был совмещенным, кухни — 5–7-метровыми, а высота потолков редко превышала 2,5 м.

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

Мария Литинецкая,управляющий партнер компании «Метриум» , участник партнерской сети CBRE

II-14

Серия кирпичных пятиэтажек серии II-14 относится скорее к сталинкам, чем к хрущевкам, хотя и возводилась с 1956 по 1964 год. По нынешним меркам эти дома комфортными не назовешь. Но они станут настоящей находкой для людей с ограниченным бюджетом. Все комнаты в квартирах обычно изолированные, площадью более 15 кв. м. Кухня — 7–8 кв. м, что почти роскошь по сравнению с традиционными хрущевками. Ванны не сидячие, а полноразмерные, длиной 170 см, а санузел даже в однокомнатных квартирах раздельный.

Возможная планировка одной из модификации серии

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

Брежневки

Брежневки называют промежуточным вариантом — то ли улучшенная хрущевка, то ли ухудшенная сталинка. Их начали строить с середины 1960-х. Площади квартир немного увеличились, а вместо проходных комнат появились изолированные. Высота потолка увеличилась до 2,8 м.

II-67

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

Особенно стоит выделить однокомнатные квартиры этой типовой серии. Кухня в них 10-метровая, к тому же есть кладовая при прихожей, а общая площадь составляет 40 «квадратов», что даже сейчас вполне нормально.

КОПЭ

Серия КОПЭ на переднем плане

Панельные высотки КОПЭ очень популярны. Существовало множество вариантов с разными планировками, а в 2000-х годах появились новые модификации современных серий на основе КОПЭ. Они отличаются особой прочностью конструкций: даже после взрыва газа на 11-м этаже 22-этажного дома в Москве в 2008 году дом устоял — потребовалось лишь отремонтировать фасадные панели.

Широкий выбор из множества планировок — одно из главных преимуществ серии. К тому же во всех квартирах изолированные комнаты и 10-метровые кухни правильной формы. Даже самые маленькие жилые комнаты обычно больше 11 кв. м. А помимо стандартного набора квартир в КОПЭ встречаются даже четырехкомнатные площадью 100 кв. м и шестикомнатные площадью 133 кв. м.

Некоторые виды планировок в серии КОПЭ

Единственный недостаток — невозможность сделать перепланировку: почти все стены в здании несущие.

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

П-44

П-44 — одна из самых распространенных серий панельных домов. На ее основе позже разработали модификации П-44Т, П-44К, П-44ТМ и П-44ТК. «Однушки» в них мало чем примечательны, зато в двух- и трехкомнатных квартирах встречаются кухни более 10 кв. м, просторные холлы и изолированные комнаты.

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

Антон Детушев,генеральный директор Ikon Development

И-522А

О том, насколько удачна серия домов И-522А, свидетельствует уже то, что сносить их не планируется даже в долгосрочной перспективе. Типовая серия внешне отличается выступающими лоджиями, которые есть в каждой квартире.

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

Современные дома

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

П-111М

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

Один из вариантов планировок в серии П-111М

В отличие от старых «панелек», П-111М очень теплая и соответствует требованиям Госстроя по энергоэффективности.

Кухни в домах серии П-111М очень просторные — от 12 «квадратов» в «однушках» до 16 «квадратов»— в четырехкомнатных квартирах.

Гостиная обычно расположена рядом с кухней, и в стене между ними уже предусмотрен дверной проем. Если бы его не было, сделать перепланировку в панельном доме было бы нельзя. К тому же площадь гостиных увеличена до 21–22 кв. м — даже в однокомнатных квартирах.

И-155

Фото: «Яндекс.Карты»

Серия И-155 — «панелька» со множеством модификаций, в том числе башенной и малогабаритной. В каждой из квартир есть остекленная лоджия, во многих — эркеры. Потолки 2,78 м.

Планировка одной из модификаций серии

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

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

Антон Детушев,генеральный директор Ikon Development

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

Почти во всех квартирах запроектированы кладовые, которые позволяют сделать совсем уж немыслимую для «панельки» перепланировку: перенести кухню на место кладовки и присоединить к гостиной.

И-1723

Кирпично-панельных новостроек И-1723 много в Подмосковье и российских регионах. Площадь однокомнатных квартир в них превышает 40 кв. м, а трехкомнатные доходят и до 100 «квадратов». При этом все комнаты изолированные, помимо них предусмотрены кладовые. Отличительная особенность серии — эркеры в гостиной, а иногда еще и в спальне.

Гостиные в домах серии И-1723 просторные (19–20 кв. м) и соседствуют с кухней (10–14 «квадратов»).

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

Изображения: Andreykor, Dzasohovich, Igor Rozhkov/shutterstock.com, liaz_677, moscowcity.vsedomarossii.ru, Алексей Трофимов, АПБ1, Валерия Белоусова, Даша Ухлинова, Игорь Порхомовский, Михаил Лоскутов, Надежда Поспелова, Юрий Гришко.

дизайн с коробом, фото интерьера

Планировка

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

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

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

Особенности организации пространства

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

Как обыграть вентиляционный короб

В кухнях домов серии П-44Т есть эркер, а воздуховод вынесен в коридор. С необходимостью обыгрывания вентиляционного короба сталкиваются только владельцы квартир в домах с планировкой П-44. В зависимости от роли воздуховода в дизайне используют следующие виды маскировок.

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

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

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

Барная стойка

В кухнях домов П-44 ее можно поместить у короба. Но это может уменьшить полезную площадь. Другим вариантом является установка барной стойки у окна. Такой вариант позволяет не терять пространство.

П 3 16 планировка с размерами. Панельные дома П3 и П44 – недостатки и преимущества конструкций

Количество секций (подъездов): 2-6
Количество этажей: 8-17, наиболее распространенные варианты — 14, 17
Высота потолков: 2.64 м.
Лифты: грузопассажирский 500 кг. и пассажирский 350 кг.
Балконы: лоджии и/или балконы в 2-, 3- и 4-комнатных квартирах домов типовой серии П-3М, выше 5-го этажа также и эркеры. С 2002 г. балконы и лоджии остекляются, на окна ставятся стеклопакеты
Количество квартир на этаже: 4 (в отдельных корпусах — 6)

Годы строительства: с 1990 по наст. время
Районы строительства панельных домов типовой серии П-3М в Москве: Жулебино, Люблино, Марьинский Парк, Северное и Южное Бутово, Зюзино, Беляево, Ясенево, Раменки, Ново-Переделкино, Кунцево, Митино, Сев. Тушино, Ховрино, Свиблово, Марфино и др. В Московской области новостройки серии П-3М построены/строятся в городах: Химки (мкр. Юбилейный, мкр. Новокуркино), Мытищи (мкр. Ярославский), Люберцы (мкр. Красная Горка, мкр. Люберецкие Поля), Красногорск (мкр. Павшинская Пойма), Подольск (мкр. Кузнечики), Одинцово (мкр. Новая Трехгорка — Кутузовский)
Количество построенных домов в Москве: около 100, в Московской области (с учетом строящихся) — около 50
Площади 1-комнатных квартир: общая: 35-38 кв. м., жилая: 14-18 кв. м., кухня: 9.1-10 кв. м. Также существует малогабаритная модификация (П-3М-6) с метражами 34/14.3/7.4
Площади 2-комнатных квартир: общая: 53-54 кв. м., жилая: 32-34 кв. м., кухня: 9.1-10 кв. м.
Площади 3-комнатных квартир: общая: 74-85 кв. м., жилая: 43-50 кв. м., кухня: 10.1 кв. м.
Площади 4-комнатных квартир: общая: 91-100 кв. м., жилая: 63-66 кв. м., кухня: 10.1 кв. м.
Все комнаты в квартирах домов серии П-3М изолированные. В угловых 3- и 4-комнатных квартирах есть темные комнаты
Санузлы: раздельные, ванны: стандартные, длиной 170 см.

Мусоропровод: с загрузочным клапаном на каждом этаже
Тип кухонной плиты: электрическая
Стены: наружные железобетонные трехслойные панели (бетон — утеплитель — бетон) общей толщиной 30 см. Поперечные железобетонные межквартирные стены толщиной 18 см., продольные межквартирные и межкомнатные железобетонные панели толщиной 14 см. Перекрытия — крупноразмерные («на комнату») беспустотные железобетонные плиты толщиной 14 см.
Несущие стены: все межквартирные и большинство межкомнатных
Тип секций (подъездов): торцевые, рядные (рядовые) и поворотные (угловые)
Количество шагов в секции (подъезде): 8, ширина шага (расстояние между двумя соседними несущими стенами, ширина пролета перекрытия): 300 см., 360 см.
Облицовка, штукатурка наружных стен: нет
Варианты цветов внешних стен: белый с бежевым, салатовым, голубым, розовым, оранжевым, коричневым
Тип кровли: плоская
Отличительные особенности: дома типовой серии П-3М в отличие от базовой П-3 (строилась с 1975 по 1998 г.) имеют 3-слойные наружные стены с повышенной теплоизоляцией и скругленную форму балконов. Межпанельные швы дополнительно утепляются и оштукатуриваются. Конструктивных отличий от базовой серии П-3 практически нет. С 2002 г. окна в домах серии П-3М остекляются 2-камерными стеклопакетами.
Иные достоинства: в квартирах домов серии П-3М есть встроенные шкафы, антресоли, при пожаре включается автоматическая система дымоудаления. Все стеклопакеты в домах серии П-3М, кроме эркерных, содержат форточки
Недостатки: ограниченные возможности перепланировки
Производитель: ДСК-3 (входит в Группу Компаний ПИК)
Проектировщик: МНИИТЭП (Московский НИИ типологии и экспериментального проектирования)

Олимпийская Деревня-1980 в Москве (жилой сектор) целиком состоит из типовых панельных домов серии П-3, которая была взята за основу при проектировании типовой серии П-3М в конце 1980-х гг.
Модификация П-3М-6 была создана в середине 2000-х гг. для переселения жителей сносимого ветхого и пятиэтажного жилого фонда. На каждом этаже здесь по 6 квартир уменьшенных метражей
Квартиры в новостройках серии П-3М нередко продаются с чистовой отделкой

Серия П-3 достаточно часто встречается в застройке столицы и области, справедливо считаясь одним из наиболее успешных проектов многоэтажек. Изначально дома этой серии возводились «шестнадцатиэтажками», однако в 80-е годы архитекторы решили добавить еще один этаж (заложенный в первоначальном проекте запас прочности позволял это). В южной части Москвы можно встретить и малоэтажные варианты П-3. Первые дома П-3 стали частью знаменитой «Олимпийской деревни», а модифицированные версии данной серии строятся и в наши дни.

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





Конструктивные особенности серии и отделка фасадов

Дома П-3 состоят из изолированных секций-блоков. Внутренние стены представляют собой сборные ЖБ-панели, которые имеют толщину 14 см или 18 см, а межкомнатные перегородки изготовлены из прокатных гипсобетонных панелей толщиной 8 см. Перекрытия между этажами сделаны из сборных ЖБ-панелей по размеру комнаты (толщина 14 см). Балконы сделаны из ЖБ-плит (22 см), которые опираются на наружные керамзитобетонные панели. Ограждение балконов – металлическое (глухой экран).

Обратите внимание, что электропроводка в П-3 уложена в плинтусные коробки, куда от ввода электропитания ведет специальная железная труба с проводами.

Секции в П-3 могут быть как рядовыми (по 4 квартиры на этаже), так и угловыми (8 квартир на этаже). Первый этаж в типовых П-3 может быть как жилым, так и занятым объектами инфраструктуры.

Особенности квартирных планировок

Несмотря на то, что большинство внутриквартирных стен серии П-3 являются несущими, что затрудняет перепланировки, такое жилье пользуется повышенным спросом на рынке недвижимости. Это отчасти объясняется тем, что комнаты там изначально просторные, а планировка хорошая и без переделок. Наиболее часто при ремонтах квартир П-3 увеличивают площадь санузла за счет «заимствования» квадратных метров у коридора. Площадь кухонь во всех квартирах серии от 8 до 10 м2.

Пожалуй, единственным недостатком серии П-3 считаются маленькие жилые комнаты в «однушках», но сегодня это может стать даже «плюсом», учитывая современную моду на небольшие «смарт-квартиры». Кроме того, в однокомнатных квартирах серии не предусмотрены балконы.


Технические характеристики

Параметр

Значение

Альтернативное наименование:
П-3
Регионы строительства:

Москва: Ясенево, Теплый стан, Беляево, Олимпийская деревня, Тропарево, Черемушки.

Московская область: Мытищи, Химки, Нахабино, Горки Ленинские, Московский, Реутов, Электросталь, Балашиха, Люберцы, Мосрентген, Щербинка.

Другие города: Рязань, Набережные Челны, Тула.

Технология строительства:
панельный
По периоду строительства: поздние брежневки
Годы строительства: с 1975 г. по 1998 г.
Перспектива сноса: Снос не предусмотрен, включены в планы санации.
Количество секций/подъездов: От 2
Количество этажей: 16, 17
Высота потолков:
2.64 м
Балконы/лоджии:
Балконы во всех 2-х, 3-х и 4-х комнатных квартирах.
Санузлы:
Раздельные, выполнены в виде сантехнических кабин-стаканов, ванны стандартные длиной 170 см.
Лестницы:
Сборные, двухмаршевые из сборных ЖБ-ступеней и площадок, ограждение из готовых металлических элементов.
Мусоропровод:
Мусоропровод с загрузочным клапаном на каждом этаже
Лифты:
Пассажирский 400 кг, грузопассажирский 630 кг
Количество квартир на этаже:
4
Площади квартир:
Общая/жилая/кухня
1-комнатная квартира 34-35/14-15/8,4
2-комнатная квартира 44-60/29-37/9,2
3-комнатная квартира 73-83/45-49/10,2
4-комнатная квартира 92-93/62-63/10,2
Вентиляция:
Естественная вытяжная на кухне и в санузле.
Стены и облицовка:
Наружные стены – керамзитобетонные панели, толщиной 350 мм
Внутренние несущие стены – ЖБ-панели (140, 180 мм)
Перегородки гипсобетонные, толщиной 80 мм
Перекрытия – ЖБ-панели толщиной 140 мм
Цвета стен — произвольные
Тип кровли:
Плоская рулонная
Производитель:
ДСК-3
Проектировщики:
Моспроект
Достоинства:
Продуманные планировки квартир, наличие грузового лифта, большие лоджии.
Недостатки:
В «однушке» маленькая площадь жилой комнаты и нет балкона

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

Обе серии были разработаны в конце 70-х, уже к Олимпиаде 1980 года были сданы в эксплуатацию первые объекты. Они предусматривали 10-метровые кухни, холлы в трехкомнатных квартирах, грузовые лифты и место для консьержки (возможность устройства отдельного помещения) — всё это в конце 1970-х гг было огромной редкостью и колоссальным преимуществом.

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

К «слабым» местам зданий обеих серий можно отнести:

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

  • , расположенные по периметру кровли (дома серии П3 и их поздние модификации), — их недостаточная гидроизоляция приводит к попаданию атмосферной влаги в тело стеновых панелей, распространению влаги внутри технологических полостей.

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

П44 П3

Стены дома — облицованы плиткой .

Нижние этажи могут быть облицованы серыми декоративными панелями «под камень».

Стены дома — окрашены краской .

Цвета стен (сочетания):

  • Белый/ бежевый;
  • Белый/ синий;
  • Белый/ коричневый.
Других вариантов не бывает!

Цвета стен (сочетания):

  • Могут быть различными.
Дом может быть «согнут» только под прямым углом (90 град) . Дом может быть «согнут» только под углом 120 град .

Этажность:

8-17 этажей — Москва.

4-17 этажей — другие города.

Наиболее распространенные варианты — 16, 17 этажей.

Этажность:

16 этажей — ранний вариант (П3/16).

17 этажей — поздний вариант (П3/17).

Других вариантов быть не может!

В доме не может быть арки. В доме может быть арка.
Продолжение серии — дома П44Т, П44К, П44М. Продолжение серии — дома П3М.

Благодаря невысокой стоимости строительства и удачным планировкам серия панельных домов П-3 получила широкое распространение в Москве и области. Годы постройки серии: c 1975 по 1998 гг. Основные районы строительства: Олимпийская деревня, Тропарево, Черемушки, Ясенево, Теплый стан, Беляево, Новокосино, Выхино-Жулебино. В Подмосковье дома серий П-3 построены в городах: Мытищи, Химки, Нахабино, Горки Ленинские, Московский, Реутов, Электросталь, Балашиха, Люберцы, Мосрентген, Щербинка. Наряду с еще одной популярной серией — это одна из самых успешных и долговечных московских серий.

Серия панельных домов П-3 была разработана в конце семидесятых годов. Первые объекты были сданы в эксплуатацию к началу Олимпиады 1980-го года, главный из которых — Олимпийская деревня (Юго-запад Москвы, район Тропарево).

Экспериментальные дома этой серии, построенные в Тропарево, были 16-этажными (П-3/16), позднее к проекту добавили еще один этаж (П-3/17). На юге Москвы иногда встречаются и малоэтажные варианты. Что характерно, благодаря изначально заложенным проектным особенностям, на планировках и конструктивном решении это никак не сказалось.

Серия панельных домов П-3 в список сносимых не входит, вероятность сноса даже в отдаленной перспективе крайне мала. Начало санации (капремонта) в Москве: 1-я половина 2010-х гг.


Планировка дома П-3 предусматривает два вида типовых секций — рядовые четырехквартирные и поворотные (угловые) двухквартирные. Все комнаты в квартирах панельных домов серии П-3 изолированные. Планировки этажей включают все типы квартир вплоть до четырехкомнатной. Во всех квартирах предусмотрены большие кухни. Балконы присутствую во всех квартирах кроме однокомнатных. Все квартиры оборудованы раздельными санузлами. В каждом подъезде присутствует один грузопассажирский и 1 пассажирский лифт. Лестницы обычные, противопожарный балкон отсутствует. В трех- и четырехкомнатных квартирах предусмотрены просторные холлы. Кухонная плита — электрическая, вентиляция естественная вытяжная, блоки на кухне и в санузле. Мусоропровод на лестнице, с загрузочным клапаном на площадке.

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

В конце восьмидесятых начале девяностых годов на смену серии П-3 пришла новая модернизированная серия .

Подробные характеристики серии

Подъезды от 2
Этажность от 7 до 17 (самый распространенный вариант 17)
Высота потолков 2.64 м.
Лифты Один пассажирский (400 кг.), один грузопассажирский (630кг.)
Балконы Во всех квартирах, кроме однокомнатных. Ограждение – металлическое с глухим экраном.
Квартир на этаже 4
Годы строительства с 1975 по 1998
Построенных домов
Площади квартир 1-комнатная квартира общая: 34-35 м², жилая: 14-15 м², кухня: 8,4 м²
2-комнатная квартира общая: 44-60 м², жилая: 29-37 м², кухня: 9,2 м²
3-комнатная квартира общая: 73-83 м², жилая: 45-49 м², кухня: 10,2 м²
4-комнатная квартира общая: 92-93 м², жилая: 62-63 м², кухня: 10,2 м²
Санузлы Раздельные во всех квартирах, ванны стандартные.
Лестницы Обычные, без противопожарного балкона.
Мусоропровод На лестнице с загрузочным клапаном на площадке.
Вентиляция Естественная и принудительная вытяжная, на кухне и санузле.
Стены и перекрытия Наружные стены – керамзитобетонные панели, толщиной 350 мм. Внутренние, железобетонные панели 140 или 180 мм. Перегородки гипсобетонные, толщиной 80 мм. Перекрытия — железобетонные панели толщиной 140 мм.
Несущие стены Внутренние межквартирные продольные и поперечные
Цвета и облицовка Белый, часть панелей окрашено в красный (самый распространенный) оранжевый или голубой.
Тип кровли Плоская с рулонным покрытием и внутренним водостоком. Технический этаж над верхним жилым этажом.
Достоинства Удачные планировки квартир. Наличие грузопассажирского лифта. Большие кухни во всех квартирах.
Недостатки Отсутствие балконов в однокомнатных квартирах
Производитель ДСК-3
Проектировщик МНИИТЭП (Московский НИИ типологии и экспериментального проектирования)

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

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

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

Потолок сделали двухуровневым, по периметру выступов установили встроенные светильники, чтобы обойтись без люстры. Разрабатывая дизайн спальни мы воспользовались простыми приемами. Цвет для стен выбрали желтый. Это было желание хозяев. Одну из стен для контраста оклеили красивыми бордовыми обоями с желтоватыми цветочными рисунками. Потолок имеет такую же конструкцию, как и в гостиной, — он двухуровневый, со встроенными светильниками на выступах. Матовые двери шкафа-купе имеют такой же зеркальный узор, как и двери шкафа в прихожей. Что, безусловно, подчеркивает единство стиля . Мебельный гарнитур светлый, с серыми вставками, которые повторяются в виде зеркальных обрамлений. Смотрится это все красиво и современно.

Для кухни также подобрали светлые тона, интересное решение — кирпичный светлый фартук кухни, сделанный в современном стиле. Пол выложили плиткой двух видов: большие плитки рыжеватого оттенка образовали своеобразную вставку в зоне обеденного стола. А мелкая россыпная мозаика украсила помещение по периметру. Мебельный гарнитур выбрали современный: нижняя его часть выполнена в коричневом цвете, что прекрасно гармонирует с темным обеденным столом и дверью, а верхняя часть гарнитура белая. Такая интересная задумка создает контраст и подчеркивает гармонию цветов. Обеденный стол и стулья выбрали классические, из темного дерева. Освещение создают встроенные светильники, которые в нашем интерьере смотрятся очень выигрышно. На стене разместили красивые картины в серо-белых тонах определенной тематики.

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

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

PHF-P Series Digital Signage Ph53F-P Техническая поддержка и руководство

Название серии

Дисплей

Панельные технологии

60 Гц E-LED BLU

Коэффициент контрастности (типичный)

3000: 1

Угол обзора (Г / В)

178/178

Возможности подключения

Вход

RGB: DVI-I (общий D-Sub), DisplayPort 1.2 (2)
ВИДЕО: HDMI (2)
АУДИО: стерео мини-разъем
USB: USB 2.0 x 2

Выход

АУДИО: стерео мини-джек

Внешний контроль

RS232C (вход / выход) через стереоразъем, RJ45

Мощность

Источник питания

100 — 240 В переменного тока (+/- 10%), 50/60 Гц

Потребляемая мощность (типичная / максимальная)

108 Вт / ч / 154 Вт / ч

Потребляемая мощность (в режиме ожидания)

меньше 0.5 Вт

Характеристики

Особый

ОБОРУДОВАНИЕ: панель без бликов, датчик температуры, видеостена (15 x 15 [OSD]), последовательное соединение видеостены (16), поворотный дисплей, батарея часов (80 ч.Синхронизация), встроенный динамик (10 Вт x 2), встроенный модуль Wi-Fi, IP5X, Center IR

ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ: Magic Clone (на USB), автоматическое переключение источников и восстановление, RS232C / RJ45 MDC, Plug and Play, PIP / PBP, поворот изображения, блокировка кнопок, цифровая гирляндная цепь DP 1.2 (поддержка HDCP), обновление прошивки по сети, новый главный экран, видеостена без ПК, многоканальность, мобильное управление, расписание событий, резервный проигрыватель

Платформа SMART Signage

Есть

Тип медиаплеера

Cortex-A12 1.4 ядра 3 ГГц, 2,5 ГБ DDR3, 8 ГБ FDM, USB 2.0, Tizen 2.4 (VDLinux)

Стандартный настенный интерфейс VESA

200 x 200 мм

Встроенные динамики

Встроенный динамик (10 Вт + 10 Вт)

Размеры

Без подставки (Ш x В x Г)

37.7 дюймов x 21,6 дюйма x 1,1 дюйма

Упаковка (Ш x В x Г)

40,8 x 24,7 x 5,1 дюйма

Ширина лицевой панели

6.9 (сверху / сбоку), 8,9 (снизу)

Масса

Сервис

Стандартная гарантия

, 3 года, обслуживание на месте (детали / работа / подсветка)

Принадлежности

Включено в коробку

Краткое руководство по установке, Нормативное руководство, Гарантийный талон, шнур питания, пульт дистанционного управления, батареи, адаптер RS232C (IN), заглушка

Дополнительный комплект для настенного монтажа

WMN4070SD

Дополнительная подставка

STN-L3240E

Дополнительный медиаплеер

SBB-DA / SBB-DI / PIM

Экологическое управление

Сертификат ENERGY STAR®

НЕТ

Возможность вторичной переработки упаковки

Упаковочные материалы, пригодные для вторичного использования

Операция

Рабочая Температура

0ºC ~ 40ºC

Влажность при эксплуатации

10 ~ 80%

Dora Wings Kit No.DW48029 — Обзор Republic P-43 Lancer от Бретта Грина

Республика P-43 Lancer

Dora Wings, масштаб 1/48

Сумма:

Номер по каталогу:

Dora Wings Kit No. DW48029 — Republic P-43 Lancer

Масштаб:

1/48

Содержание и материалы

116 деталей из серого пластика; семь частей прозрачными; 14 фототравленных деталей на одном ладу; высеченные маски; декали для четырех вариантов маркировки.

Цена:

GBP 24,99 фунтов стерлингов Цена в ЕС (20,82 фунтов стерлингов экспортная цена) плюс доставка возможна онлайн от Hannants

и дистрибьюторы по всему миру

Нажмите здесь для конвертации валюты

Тип обзора:

Первый взгляд.

Преимущества:

Чистая форма; высокий уровень детализации; надлежащее использование мультимедиа; добро пожаловать в тему.

Недостатки:

Отсутствие установочных штифтов на основных деталях означает, что для выравнивания потребуется осторожность.

Заключение:

Это прекрасно проработанный комплект и достойная замена винтажному P-43 Lancer от Classic Airframes.Поскольку это предложение ограничено, потребуются некоторые навыки моделирования для подготовки и выравнивания деталей, но я не вижу здесь ничего страшного. P-43 Lancer от Dora Wings в масштабе 1/48 будет тепло встречен поклонниками американских истребителей времен Второй мировой войны.


Отзыв от Brett Green

Republic P-43 Lancer — одномоторный цельнометаллический истребитель-моноплан с низкорасположенным крылом, построенный компанией Republic и впервые поставленный в 1940 году для ВВС США.

Несмотря на то, что P-43A не был особенно выдающимся истребителем, он имел очень хорошие высотные характеристики в сочетании с эффективной кислородной системой.

Быстрый и хорошо вооруженный с отличными дальнобойными возможностями, до появления Lockheed P-38 Lightning, Lancer был единственным американским истребителем, способным догнать японский разведывательный самолет Mitsubishi Ki-46 «Dinah» на большой скорости и высоте. на котором они летели.

самолетов P-43 по ленд-лизу были доставлены в Китай через американскую добровольческую группу Клэр Ченно «Летающие тигры».Пилоты, участвовавшие в перегонке, высоко оценили P-43 за его хорошие высотные характеристики по сравнению с Curtiss P-40, хорошую скорость крена и радиальный двигатель без уязвимой системы жидкостного охлаждения.

USAAC с самого начала считал P-43 и его варианты устаревшими и использовал их только в учебных целях. Осенью 1942 года все уцелевшие P-43 USAAF (переведенные из USAAC в июне 1941 года) были переименованы в RP-43, что указывало на их непригодность для боя.

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

Восемь P-43 (четыре P-43A-1 и четыре P-43D) были переданы в аренду Королевским ВВС Австралии в 1942 году и служили в составе фоторазведки № 1. RAAF выполнили множество дальних высотных фоторазведочных миссий, прежде чем шесть выживших были возвращены в USAAF в 1943 году. *

Поклонники Lancer остались в беде, если говорить о наборах в масштабе 1/48. Насколько мне известно, единственным комплектом Lancer в масштабе 1/48 был ограниченный выпуск Classic Airframes прошлого века.

Поэтому было очень приятно видеть, что Dora Wings вступила в бой с совершенно новым Republic P-43 Lancer в масштабе 1/48.

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

Панели эскизов:

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

Кабина экипажа состоит из 16 пластиковых деталей, приборной панели с фототравлением и ремней безопасности.

Неудивительно, что компоновка кабины очень напоминает P-47 Thunderbolt, хотя приборная панель сильно отличается. Наклейка на циферблаты прибора поставляется. Также имеется альтернативная прочная пластиковая приборная панель.

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

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

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

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

Dora Wings включает в себя высеченный самоклеящийся фонарь, оконные и колесные маски, что сэкономит время!

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

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

Инструкции представлены в 12-страничном глянцевом буклете.Есть 27 иллюстрированных этапов строительства.

Маркировка полноцветная.


Маркировка

Декаль напечатана компанией Decograph из Украины. Этикетки имеют атласную отделку.

Регистрация и печать выглядят хорошо.

Маркировка

поставляется для четырех вариантов: одна полностью серебристая, а три других окрашены в верхнюю поверхность Olive Drab и ниже — в нейтральный серый.

Это прекрасно проработанный комплект и достойная замена винтажному P-43 Lancer от Classic Airframes в масштабе 1/48.

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

Dora Wings P-43 Lancer в масштабе 1/48 будет тепло встречен поклонниками американских истребителей времен Второй мировой войны

* Историческое резюме, адаптированное из Википедии

Спасибо Dora Wings за образец для обзора.


Текст обзора и изображения Авторские права 2020 Бретт Грин

Страница создана 24 августа 2020 г.
Последнее обновление 25 августа, 2020

Вернуться на главную страницу HyperScale

Вернуться на страницу отзывов

% PDF-1.4 % 1790 0 объект > эндобдж xref 1790 127 0000000016 00000 н. 0000004425 00000 н. 0000004625 00000 н. 0000004654 00000 н. 0000004704 00000 н. 0000004741 00000 н. 0000004879 00000 н. 0000005002 00000 н. 0000005608 00000 н. 0000005712 00000 н. 0000005952 00000 н. 0000006285 00000 н. 0000040870 00000 п. 0000070879 00000 п. 0000070939 00000 п. 0000071094 00000 п. 0000071307 00000 п. 0000071402 00000 п. 0000071559 00000 п. 0000071693 00000 п. 0000071873 00000 п. 0000072005 00000 п. 0000072125 00000 п. 0000072352 00000 п. 0000072464 00000 п. 0000072612 00000 п. 0000072825 00000 п. 0000072951 00000 п. 0000073151 00000 п. 0000073305 00000 п. 0000073445 00000 п. 0000073573 00000 п. 0000073737 00000 п. 0000073871 00000 п. 0000074011 00000 п. 0000074151 00000 п. 0000074333 00000 п. 0000074477 00000 п. 0000074599 00000 п. 0000074751 00000 п. 0000074881 00000 п. 0000074993 00000 п. 0000075169 00000 п. 0000075303 00000 п. 0000075489 00000 п. 0000075655 00000 п. 0000075783 00000 п. 0000075935 00000 п. 0000076051 00000 п. 0000076219 00000 п. 0000076345 00000 п. 0000076487 00000 п. 0000076695 00000 п. 0000076839 00000 п. 0000076987 00000 п. 0000077145 00000 п. 0000077329 00000 п. 0000077505 00000 п. 0000077633 00000 п. 0000077781 00000 п. 0000077905 00000 п. 0000078031 00000 п. 0000078235 00000 п. 0000078377 00000 п. 0000078563 00000 п. 0000078675 00000 п. 0000078821 00000 п. 0000079021 00000 п. 0000079223 00000 п. 0000079419 00000 п. 0000079647 00000 п. 0000079781 00000 п. 0000079893 00000 п. 0000080095 00000 п. 0000080225 00000 п. 0000080339 00000 п. 0000080511 00000 п. 0000080627 00000 п. 0000080741 00000 п. 0000080849 00000 п. 0000080999 00000 п. 0000081139 00000 п. 0000081287 00000 п. 0000081441 00000 п. 0000081593 00000 п. 0000081761 00000 п. 0000081913 00000 п. 0000082075 00000 п. 0000082205 00000 п. 0000082319 00000 п. 0000082449 00000 п. 0000082601 00000 п. 0000082767 00000 п. 0000082933 00000 п. 0000083063 00000 п. 0000083153 00000 п. 0000083243 00000 п. 0000083373 00000 п. 0000083523 00000 п. 0000083635 00000 п. 0000083757 00000 п. 0000083879 00000 п. 0000084057 00000 п. 0000084185 00000 п. 0000084315 00000 п. 0000084455 00000 п. 0000084603 00000 п. 0000084753 00000 п. 0000084875 00000 п. 0000085075 00000 п. 0000085255 00000 п. 0000085375 00000 п. 0000085505 00000 п. 0000085619 00000 п. 0000085733 00000 п. 0000085861 00000 п. 0000085989 00000 п. 0000086117 00000 п. 0000086245 00000 п. 0000086371 00000 п. 0000086497 00000 п. 0000086623 00000 п. 0000086749 00000 п. 0000086877 00000 п. 0000087005 00000 п. 0000087133 00000 п. 0000002836 00000 н. трейлер ] / Назад 3956372 >> startxref 0 %% EOF 1916 0 объект > поток hVmLSW ~ O @ oiiT | m ᢠ j) EZLNDPdN? K} 9, + f6ɢ2%.Idq22 = [& ܹ {y? YsZ

4. Организация страницы: макет элементов страницы

Глава 4. Организация страницы: макет элементов страницы

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

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

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

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

Основы макета страницы

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

Визуальная иерархия: что важно? Что связано?

Визуальная иерархия: что важно? Что связано?

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

Что самое важное на разрабатываемой вами странице? Сделайте это центром внимания. Можете ли вы расположить другие вещи в порядке убывания важности? Расставьте их на странице способами, которые привлекают все меньше внимания; заставить их выглядеть меньше интересно.

Короче говоря, хорошая визуальная иерархия дает мгновенные подсказки:

Как сделать вещи важными

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

Рисунок 4-1. Большой текст в иерархии

Блоки более мелких элементов, таких как основной текст, ссылки или интерактивные инструменты, могут быть подчеркнуты или уменьшены с помощью этих инструментов. Примеры каждого из них см. На рис. 4-2.

Плотность

Плотный массивный блок имеет более сильный контраст с окружающим пространством. страница; открытый вид менее контрастен.

Цвет фона

Контраст привлекает внимание.Черное по белому или наоборот — самое сильное возможен контраст.

Положение и размер

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

Ритм

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

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

Поместите небольшие, но важные элементы вверху страницы, вдоль левой стороны или в в верхнем правом углу (см. Рисунок 4-3). Дай им высокий контрастность и визуальный вес и выделите их пробелами. Но учтите, что в экран с большим количеством текста, как и на большинстве веб-сайтов, некоторые элементы управления, особенно поля поиска, поля входа и большие кнопки — все равно выделяются! Это меньше о сырье визуальные характеристики, чем значение: если кто-то ищет окно поиска, для Например, ее взгляд будет направлен прямо на текстовые поля на странице.(Она может даже не прочтите метки для этих текстовых полей.)

Рисунок 4-3. Выделение мелких предметов

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

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

Как показать отношения между элементами страницы

Сгруппированные элементы выглядят связанными (см. Рисунок 4-4). И наоборот, изоляция подразумевает различие — в предыдущем разделе я рекомендовал по этой причине небольшие, но важные элементы должны быть выделены пробелом. Это использует Гештальт-принципы близости и закрытия (см. врезку «Четыре важных принципа гештальта» на стр. 139).

Подобные элементы выглядят как аналоги (см. Рис. 4-5). Если у тебя есть несколько вещей «в своем роде», и вы хотите, чтобы зрители увидели в них не менее интересную альтернативы, дайте им идентичную (и отличительную) графическую обработку.

Является ли один предмет более «особенным», чем другие? Дайте ему немного другое обработка, например, контрастный цвет фона, но в остальном сохраняйте его единообразие с другими (см. рисунок 4-6). Или используйте графический элемент, чтобы нарушить линию, по которой элементы выровнены, например, выпуклость, перекрытие или что-то под углом.

Список из множества похожих элементов, выстроенный в сильную линию или столбец, становится набором одноранговых элементов для просмотра в определенном порядке (см. рисунок 4-7). Совместите эти предметы очень точно друг с другом, чтобы создать визуальную линию (см. Гештальт-принцип непрерывности на следующей боковой панели). Примеры включают маркированные списки, меню навигации, текст поля формы, таблицы с чередованием строк и списки пар заголовок / сводка. Обратите внимание попеременное повторение, используемое в последних двух примерах.Чередование повторений может выглядят красиво, когда все сделано хорошо, и могут создать приятный визуальный ритм на странице.

Рисунок 4-4. Группирование связанных элементов

Рисунок 4-6. Выделение одного объекта среди аналогов

Рисунок 4-7. Списки предметов

Текст с отступом и сужением, заправленный под более сильный элемент, изменяет этот более сильный элемент. Подписи к изображениям, дополнительный текст, комментарии и т. Д. Ведут себя так. (см. рисунок 4-8).

Сдерживание подразумевает отношения родитель / потомок (см. Рисунок 4-9).Используйте блоки, блоки цвета фона, вкладки модулей, гармошку и текстовые блоки или группы инструментов, окруженные пробелом, чтобы содержать и вкладывать связанные элементы (см. гештальт-принцип (закрытие на следующей боковой панели). Отступы также подразумевают отношения родитель / потомок в контексте схемы или иерархического меню.

Рисунок 4-8. Подписи и комментарии

Рисунок 4-9. Сдерживание

Визуальный поток: на что смотреть дальше?

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

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

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

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

Так как же создать хороший визуальный поток? Один простой способ — использовать подразумеваемые линии, либо изогнутые, либо прямо, чтобы соединить элементы на странице (см. Рисунок 4-10).Это создает визуальное повествование для зрителя.

Рисунок 4-10. Подразумеваемые строки для визуального потока

Поместите призывы к действию после текста, который зрители должны прочитать в первую очередь. Если тебе все равно читают они это или нет, вы можете изолировать призывы к действию с помощью пробелов (см. Рисунок 4-11).

Рисунок 4-11. Призывы к действию, как в потоке, так и вне его

Аналогичным образом, если вы разрабатываете форму, расположите элементы управления по непрерывной траектории. и поставьте кнопки «Готово» (ОК, Отмена, Отправить, Купить и т. д.) в конце этой строки (см. Рисунок 4-12). См. Шаблоны «Выравнивание по правому краю / левому краю» и «Диагональный баланс» для получения информации о двух конкретных подходах к формированию макета и заметную кнопку «Готово» в главе 6.

Рисунок 4-12. Кнопка «ОК» в конце формы

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

На рис. 4-13 показано явно плохое пример визуального потока и визуальной иерархии. Сколько всего координационных центров и как они конкурируют друг с другом? Куда хочет направить ваш глаз в первую очередь и почему? Какие эта страница говорит о важности?

Рисунок 4-13. Беспорядочная визуальная иерархия Weather Underground (устаревшая версия веб-сайт)

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

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

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

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

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

Шаблоны этой главы дают вам конкретные способы применить все эти концепции макета в играть.

Первые три адресуют визуальную иерархию всей страницы, экрана или окна, независимо от типа контента, который вы размещаете на этой странице. Вам следует рассмотреть Visual Framework довольно рано в проекте, поскольку он влияет на все основные страницы и окна в интерфейс.

У вас есть одна важная вещь, которую можно показать на странице, или несколько функций или параметров аналогичного значения? Центральная сцена применяется к страницам, которые содержат один основной элемент или задачу с другими меньшими элементы вокруг него, тогда как Grid of Equals делает несколько «одноранговых» элементов похожими. (Вы можете использовать оба в отдельных разумеется, разделов большой страницы.)

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

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

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

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

Вы создаете веб-сайт с несколькими страницами или пользовательский интерфейс с несколькими окнами — в Другими словами, практически любой сложный софт. Вы хотите, чтобы они «держались вместе» и выглядели как одно, специально разработанное; вы хотите, чтобы им было легко пользоваться и ориентироваться.

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

Вы когда-нибудь видели книгу, в которой номера страниц и заголовки были разными? разместить на каждой странице?

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

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

Цвет

Фоны, цвета текста, акцентные цвета и другие цвета

Шрифты

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

Стиль письма и грамматика

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

Все остальные страницы или окна также должны иметь следующее, если необходимо:

  • Указатели «Вы здесь», такие как заголовки, логотипы, хлебные крошки маршруты, глобальная навигация с индикаторами текущей страницы и вкладки модулей

  • Навигационные устройства, включая глобальную и служебную навигацию, OK / Отмена кнопки, кнопки возврата, кнопки выхода или выхода, а также шаблоны навигации, такие как карта последовательности и панировочные сухари (все в главе 3)

  • Методы, используемые для определения разделов с заголовками

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

  • Общий макет или размещение элементов на странице в столбцах и / или строках, принимая во внимание проблемы с полями и интервалами, перечисленные ранее.

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

Реализация Visual Framework должна вынудить вас отделить стилистические аспекты пользовательского интерфейса от содержимого.Это неплохо. Если вы определяете фреймворк только в одном месте, например в CSS таблица стилей или класс Java — он позволяет изменять структуру независимо от контент, а это означает, что вы можете легко настроить его и исправить. (Это тоже хорошо практика разработки программного обеспечения.)

На сайте JetBlue используется ограниченная цветовая палитра, сильный заголовок и единообразный использование шрифтов и изогнутых прямоугольников в Visual Framework (см. рис. 4-16).Даже страница входа в систему и модальные диалоги используют эти элементы; они не выглядят неуместными.

Таким же образом сайт TED использует ограниченный цвет и сетку макета для сохранения согласованность (см. рис. 4-17). У него есть интересная проблема: чаще, чем может показаться: его дочерние или связанные сайты (например, его блог и сайт конференции) должен выглядеть как основной сайт TED, но все же иметь отчетливые визуальная идентичность.В этом случае два связанных сайта используют большую часть своей структуры. элементы с сайтом TED, с некоторыми ключевыми отличиями (см. рис. 4-18).

Рисунок 4-16. Веб-сайт JetBlue

Рисунок 4-17. Веб-сайт TED

Рисунок 4-18. Веб-сайты, связанные с TED, с похожими, но немного отличающимися визуальными каркасы

Рисунок 4-19. Flash-редактор

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

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

Дизайн должен сразу же направлять взгляд пользователя к началу наиболее важная информация (или задача), а не блуждание по странице в путаница.Однозначная центральная сущность привлекает внимание пользователя. Так же, как ведущий предложение в новостной статье устанавливает предмет и цель статьи, поэтому сущность в Center Stage устанавливает цель пользовательского интерфейса.

Как только это будет сделано, пользователь оценит элементы на периферии с точки зрения того, как они относятся к тому, что находится в центре. Это проще для пользователя, чем многократно просматривая страницу, пытаясь понять это. Что на первом месте? Что второе? Как это относится к этому? И так далее.

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

Размер

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

Цвет

Используйте цвет, контрастирующий с элементами на полях.В пользовательских интерфейсах рабочего стола белый хорошо сочетается с серым цветом Windows, особенно для таблиц и деревьев. Как это бывает, что белый цвет часто работает и на веб-страницах, так как реклама и панели навигации обычно использовать в качестве фона другие цвета; кроме того, пользователи Интернета были «обучены» соглашение искать простой текст на белом фоне.

Заголовки

Крупные заголовки являются центром внимания и могут привлечь внимание пользователя к верхней части Центральная сцена.Конечно, это случается и в печатных СМИ. Видеть введение в главу и разделы с заголовками для получения дополнительной информации.

Контекст

Что ожидает увидеть пользователь, открыв страницу? Графический редактор? Длинная текстовая статья? Карта? Дерево файловой системы? Работайте с ее предубеждениями; положил это в центре внимания и сделать его узнаваемым. Пользователь будет искать его — это превосходит все другие правила о визуальном восприятии.(Но это не значит, что вы можете расстроить ее скрывая то, что она ищет! Некоторые веб-сайты так далеко опускают свой основной контент страница, которая находится ниже сгиба, в коротких окнах, требуя от пользователя прокрутки вниз, чтобы найти это. Это просто садизм.)

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

Текстовый редактор Google Docs посвящает почти все свое горизонтальное пространство документу, отредактировал; то же самое делает его редактор электронных таблиц. Даже инструменты в верхней части страницы не работают до огромного количества места. В результате получается чистый и сбалансированный вид (см. Рис. 4-20).

Рисунок 4-20. Текстовый редактор Google Docs

Текстовый контент, например статьи в блогах, часто переполнен слишком большим количеством элементов в поля. Сайты для Newfangled (Рисунок 4-21) и Steepster (Рис. 4-22) дают основному контенту достаточно места для конкуренции с навигацией и другими периферийными функциями.Обратите внимание на процент пространства посвящен основной статье для обоих этих сайтов, и насколько высоко на странице статья начинается.

Рисунок 4-21. Новомодный артикул

Рисунок 4-22. Статья Steepster

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

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

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

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

Выясните, как разместить каждый элемент в сетке. У них есть миниатюры изображений или графика? Заголовки, подзаголовки, сводный текст? Ссылки на страницы перехода (например, страница с полный рассказ)? Визуализируйте их не только с помощью блоков основного текста: делайте заголовки разные цвета, творчески подходите к пробелам и используйте изображения, если вы можете сделать это равномерно по всем позициям. Поэкспериментируйте, как уместить всю нужную информацию в относительно небольшого пространства — высокого, широкого или квадратного — и примените этот шаблон к элементам, которые вы нужно отображать.

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

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

Связанный шаблон — это сетка эскизов из главы 5. Это способ визуализации списка в виде двухмерной матрицы небольших размеров. картинки, возможно, с небольшим количеством текста в каждой. См. Также шаблон списка эскизов и текста для мобильного дизайна (глава 10).Речь идет об одном столбце, а не о сетке, но идея та же: используйте согласованный, богато оформленный шаблон для всех элементов в списке.

Hulu (рис. 4-24), CNN (рис. 4-25) и Nike (рис. 4-23, показано вверху шаблона) используют жесткие шаблон для каждого элемента. Общий эффект ритмичный и успокаивающий. Обратите внимание, как каждый сайт использует другой баланс текста и изображений.

Примеры от MapQuest (рис. 4-26) и IBM (рис. 4-27) показывают, как это сделать, используя только одну строку. пунктов.(Технически это все еще «сетка».) Последовательная визуальная обработка помечает эти элементы как равные друг другу. Каждый элемент заканчивается одной или несколькими ссылками — и это верно и для примеров Hulu и CNN. В большинстве случаев, которые я видел, этот шаблон используется для демонстрации связанного контента.

Рисунок 4-27. Внутренняя страница веб-сайта IBM

Рисунок 4-28. Разделы с заголовком JetBlue

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

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

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

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

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

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

  • Попробуйте перевернуть заголовок на полосе контрастного цвета.

  • Используйте пробелы для разделения разделов.

  • Используйте блоки контрастного цвета фона позади всего раздела.

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

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

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

На странице настроек учетной записи Amazon показывает три уровня заголовков, соответствующих три уровня визуальной иерархии: заголовок страницы, заголовки разделов (Заказы, Оплата, Настройки), а также субтитры поверх списков ссылок (см. Рисунок 4-29).Обратите внимание на использование пробелов, полей и выравнивание для структурирования страницы.

Рисунок 4-29. Настройки учетной записи Amazon

Утилита синхронизации iPhone, показанная на рис. 4-30, показывает одну красивый способ поместить самые разные типы контента в поля с заголовками. Эти разделы показывают очень небольшую внутреннюю согласованность (другие чем типографика) — у них нет общей сетки, выравнивания или плана макета. Но коробки и пробелы так сильно разбивают страницу, что это не имеет значения.

Рисунок 4-30. Утилита синхронизации iPhone

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

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

Часть содержимого страницы представлена ​​группами или модулями (или может быть отсортирована по группы).Эти модули имеют следующие характеристики:

  • Пользователи должны видеть только один модуль за раз.

  • Они одинаковой длины и высоты.

  • Модулей не так много — меньше 10 и желательно небольшая горстка.

  • Набор модулей довольно статичен; новые страницы не будут добавляться часто, и будут ли существующие страницы часто изменяться или удаляться.

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

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

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

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

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

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

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

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

(В первом издании этой книги этот шаблон назывался «Стопка карточек». Однако теперь большинство людей знает эту концепцию просто как «вкладки» и Вкладки модулей — это имя, используемое по крайней мере двумя другими библиотеками шаблонов.)

Microsoft Office для Windows 7 использует «ленту» поверх документов вместо традиционное меню и панели инструментов (см. рис. 4-32). В Лента — это, по сути, набор вкладок модуля.

Рисунок 4-32. Две вкладки на ленте Excel

Некоторые вкладки модулей в Mac OS не похожи на вкладки — они выглядят как кнопки. Они ведут себя точно как вкладки, однако. Вкладки расположены вверху и помечены как «Аудио», «Фото», «Фильмы». и «Виджеты», как показано на Рисунке 4-33.

Выступы также могут работать по бокам модуля, как показано на Рисунке 4-34.

Рисунок 4-34. SourceForge

Рисунок 4-35. Палитра Word

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

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

Часть содержимого страницы представлена ​​группами или модулями (или может быть отсортирована по группы). Эти модули имеют следующие характеристики:

  • Пользователи могут захотеть видеть более одного модуля одновременно.

  • Некоторые модули намного выше или короче других, но все они похожи ширина.

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

  • Содержимое модулей может быть иным образом связанным или подобным.

  • Вы можете сохранить линейный порядок модулей.

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

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

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

Аккордеон может быть полезен в системах навигации по веб-страницам, но они действительно сияют в настольных приложениях.Палитры инструментов, в частности, хорошо работают с Accordion (а также с подвижными панелями для аналогичных причины). Поскольку пользователи могут открывать любой набор модулей и оставлять их открытыми, Accordion помогает пользователям изменять свое «жизненное пространство» так, как им удобно. Тем не менее, когда возникает необходимость, повторно открыть редко используемый модуль.

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

Позволяет одновременно открывать более одного модуля. Есть разные мнения по поводу это — некоторые дизайнеры предпочитают, чтобы одновременно был открыт только один модуль, а некоторые реализации позволяют только один (или иметь переключатель, который разработчики могут установить, по крайней мере). Но по моему опыту, особенно в приложениях, лучше позволить пользователям открывать несколько модулей за раз.Это позволяет избежать внезапного и неожиданного исчезновения ранее существовавшего открытый модуль: «Эй, а куда делось то другое меню? Это было прямо здесь! »

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

Аккордеон может быть вложен, если требуется дальнейшее содержимое модуля подразделение, но они, как правило, сбивают с толку.Пользователям трудно отличить разницу между «внешней» панелью-гармошкой и «внутренней» панелью-гармошкой; со всем в одном столбец, нет ясности в иерархии включения. Лучше использовать только один плоский набор модулей аккордеона, и использовать какой-либо другой шаблон структурирования внутри модуля (например, вкладки) при необходимости.

Этот метод существует по крайней мере с 1993 года, а возможно и раньше. В Конструктор графического интерфейса пользователя на основе Motif под названием UIM / X использовал закрывающиеся панели — даже с поворотными стрелками — для своего виджета. палитры.

(В первом издании этой книги этот шаблон назывался Closable Panels. Спустя годы сообщество пользователей, похоже, остановилось на названии Вместо этого аккордеон.)

В окне просмотра Picasa используется аккордеон для отображения нескольких разные способы просмотра изображений человека. В каждой панели содержимое может быть дальше разделенные или организованные, как это делает Picasa в примере на рис. 4-36 с разделами с заголовками.Chrome инструменты разработчика, с другой стороны, вкладывают Accordion друг в друга (см. Рисунок 4-37). Вы можете выяснить схема гнездования, если на нее смотреть достаточно пристально, но это непросто.

Рисунок 4-36. Левая боковая панель Picasa

Рисунок 4-37. Правая боковая панель Chrome с вложенными гармошками

CNN использует гармошку для отображения персонализированного материала (см. Рис. 4-38). Только один в этой реализации панель может быть открыта сразу.Если бы это было до меня, я бы хотел увидеть обе эти панели открываются одновременно, но, возможно, у CNN было очень ограниченное количество вертикальное пространство для работы.

Рисунок 4-38. Боковая панель CNN

Как показано на рис. 4-39, Yahoo! Developer Network использует в нижнем колонтитуле аккордеон, чтобы пользователи могли скрывать и отображать разделы, которые им интересны (или не интересуют). Обратите внимание на использование нижнего колонтитула файла Sitemap, описано в главе 3.

Рисунок 4-39. Yahoo! Нижний колонтитул страницы Developer Network

Рисунок 4-40.Google Maps

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

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

Часть содержимого страницы представлена ​​группами или модулями (или может быть отсортирована по группы).Эти модули имеют следующие характеристики:

  • Их содержимое аннотирует, изменяет, объясняет или иным образом поддерживает содержимое. в основной части страницы.

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

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

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

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

  • Модули практически не связаны друг с другом. Когда используются вкладки модуля или аккордеон, они группируются модули вместе, подразумевая, что они каким-то образом связаны; Складные панели не группируют их.

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

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

Поместите каждый вспомогательный модуль в панель, которую пользователь может открывать и закрывать через один щелчок. Присвойте кнопке или ссылке название модуля или просто «Еще» и рассмотрите возможность использования шеврона или вращающегося треугольника, чтобы указать, что больше содержимого скрыто там. Когда пользователь закрывает панель, сверните пространство, используемое этой панелью, и выделите его к другому содержимому (например, перемещая содержимое под ним на странице).

Рассмотрите возможность анимации панелей при их открытии и закрытии. Кажется, меньше вывихов когда они плавно расстегиваются и снова закрываются.

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

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

Карты Google, показанные на Рисунке 4-40 в верхней части шаблона, демонстрирует, насколько полезным может быть сворачивание панели, которая перестала быть полезной — видимая область карты значительно больше без боковой панели.

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

Рисунок 4-41. Комментарии к статье MSNBC

Многие приложения показывают дополнительные боковые панели, прикрепленные к их окнам Center Stage. Боковая панель Firefox, показанная на рис. 4-42, закрывается одним щелчком по кнопке «X», и пользователь может вернуть его, выбрав пункт меню (или используя сочетание клавиш). Обратите внимание на асимметрию — ее гораздо проще скрыть, чем показать, по крайней мере, пока пользователь запоминает последовательность клавиатуры! На веб-странице или в приложении, которое не часто при использовании видимая кнопка для возврата панели была бы лучшим выбором.

Рисунок 4-42. Боковая панель закладок Firefox

На момент написания этой статьи YouTube размещает множество сворачиваемых панелей на странице видео (см. Рис. 4-43). Они содержат дополнительный контент, такой в качестве описания видео, статистики просмотров и других видео с этого плаката (не показано на рисунке). Страница привлекает внимание к этим расширяемым областям, выделяя их синим цветом при наведении указателя мыши. Все они закрыты по умолчанию и закрываются, когда страница перезагружается.Полученная страница менее загромождена, чем могла бы быть в противном случае, предоставляя интересную информацию пользователям, достаточно вдохновленным, чтобы открыть эти панели.

Рисунок 4-43. Складные панели YouTube; показаны три состояния: ни одна панель не открыта, видео открыта панель описания и открыта панель статистики (обе не могут быть открыты в один раз)

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

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

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

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

  • Пользователи почти наверняка захотят видеть более одного модуля одновременно.

  • Их стоимость может сильно варьироваться от пользователя к пользователю.Некоторым нужны модули A, B и C, в то время как другим они вообще не нужны и хотят видеть только D, E и F.

  • Модули сильно различаются по размеру.

  • Их положение на странице не так важно для вас, но может быть пользователей. (Напротив, страница статических разделов с заголовками должна быть организовано с учетом важности позиции страницы; важные дела идут наверх, например.)

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

  • Вы можете разрешить пользователям полностью скрыть некоторые модули от просмотра (и предложить механизм, чтобы вернуть их).

  • Модули могут быть частью инструментальной палитры или другой согласованной системы интерактивные элементы.

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

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

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

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

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

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

Рассмотрите возможность полного удаления модулей.Кнопка «X» в строке заголовка знакомый способ удалить один. Как пользователь может вернуть его после удаления модуля? Разрешить пользователям добавлять модули — в том числе, возможно, совершенно новые — из списка доступных модулей. которые можно просматривать и искать.

Модули могут индивидуально допускать настройку; они могут предложить редактор настроек (глава 2) для настройки различных параметров контента или просмотра. (Погодный виджет может спросить пользователь, чтобы установить желаемое местоположение, например.) В некоторых проектах это доступно через другую кнопку или раскрывающееся меню в строке заголовка модуля.

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

iGoogle, показанный на рисунках 4-45 и 4-46, демонстрирует механизм перетаскивание подвижных панелей по странице. Пользователь хватает заголовок панели; в начале операции перетаскивания пунктирная линия «призрак» показывает место, где была панель. Поскольку панель перетаскивается рядом с другой зоной перетаскивания между панелями появляется еще один «призрак» — если пользователь сейчас отпускает панель, вот где он приземлится.

Рисунок 4-45. iGoogle, после запуска панели перетащите

Рисунок 4-46. iGoogle, собирается закончить перетаскивание панели

Настольные приложения могут использовать подвижные панели несколькими способами: для отображения всех основных окон инструментов в комплексе приложение, такое как MATLAB, или расположить небольшие окна палитры вокруг документа, как Photoshop и другие приложения Canvas Plus Palette это делают. MATLAB (рис. 4-47) размещает панели в одном окне, как My Yahoo! и iGoogle, но для каждой панели можно задать собственный размер.Photoshop (рис. 4-48) размещает окна палитры на рабочем столе, где пользователь может свободно перемещать их, изменять их размер и складывать на вкладках модулей.

Рисунок 4-47. Рабочий стол MATLAB

Рисунок 4-48. Рабочий стол Photoshop

Рисунок 4-49. Системные настройки Mac OS

При разработке формы или таблицы с двумя столбцами выровняйте по правому краю метки слева и выровняйте элементы справа по левому краю.

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

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

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

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

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

Если ярлыки будут переведены на разные языки, они станут другими. длины. Макет становится неудобным, когда ярлыки располагаются слева от элементов управления — поместите их вместо этого сверху. (Это труднее читать, и страница становится длиннее.)

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

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

Затем выровняйте элементы управления по левому краю относительно воображаемой линии в нескольких пикселях от правые края этикеток.Сделайте их точно выровненными, с точностью до пикселя. Если нет, элементы управления будут выглядеть неаккуратно. (Человеческая зрительная система действительно хорошо распознает небольшие перекосы!)

Опять же, другой край контрольной колонки может быть неровным. Это не так хорошо, если вы имеете дело с текстовыми полями, полями со списком и другими визуально «тяжелыми» объектами, как в Рисунок 4-49. Попробуйте растянуть их так, чтобы их правые края тоже выровнены, насколько это возможно.Можно попробовать выровнять короткое одни друг с другом, а длинные — друг с другом.

Выравнивание по правому / левому краю также работает с макетами, в которых вообще нет элементов управления вводом. Mac OS запись в адресной книге, показанная на рис. 4-50, имеет очень мало пробел между двумя столбцами, но разница в цвете помогает их разделить визуально. Обратите внимание, что метка «домашняя страница» намного длиннее других; это будет сделали выравнивание этикеток по левому краю менее приятным для глаз и трудным для чтения.

Рисунок 4-50. Запись в адресной книге Mac OS

Рисунок 4-51. Панель управления Windows 7

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

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

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

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

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

Подумайте, как будет выглядеть диалоговое окно на рис. 4-51, если вы поместите кнопки ОК и Отмена на левый край вместо правый край.Весь диалог будет казаться левосторонним и ненадежным.

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

Классическая книга Кевина Маллета и Даррелла Сано до публикации в Интернете Designing Visual Интерфейсы (Sun Microsystems) описывает идеи диагонали balance:

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

Ниже приведены примеры того, как можно достичь этого баланса.

Простой экран, показанный на Рисунке 4-52, направляет внимание зрителя в правом нижнем углу, где находится призыв к действию.

Рисунок 4-52. Экран Starbucks WiFi

Основными элементами сайта, показанного на рис. 4-53, являются логотип, движущийся автомобиль, строка с надписью «Let’s Motor» и текст поиска дилеров. поле внизу справа — все по диагонали (приблизительно). Движение фотографии толкает взгляд вниз и вправо даже сильнее, чем в других примерах. Несомненно, дизайнеры сайта хотели побудить людей использовать текстовое поле. Если бы это было внизу слева, страница потеряет большую часть своей мощности, и текстовое поле может потеряться на странице.

Рисунок 4-53. Веб-сайт Mini Cooper от 2005 г.

Рисунок 4-54. AutoTrader

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

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

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

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

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

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

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

Как выбрать между этим шаблоном и адаптивным включением? Если вы используете адаптивное включение, вам нужно будет поставить все элементы управления для всех вариантов пользовательского интерфейса — вы просто отключите ненужные, пока они становятся актуальными (опять же, в ответ на выбор пользователя). Иногда это может сделать Пользовательский интерфейс слишком загроможден или выглядит сложно. Это вызов суждения: если вам нужно приспособить пользовательский интерфейс в очень маленькое пространство, или, если вы думаете, что слишком много элементов управления в пользовательском интерфейсе могут плохо выглядеть или заставьте пользователей нервничать, используйте вместо этого отзывчивое раскрытие информации.

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

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

Концепция оперативного раскрытия информации не нова. Он был использован в 1981 году на первом коммерческий интерфейс WIMP, Xerox Star.Его дизайнеры считали «прогрессивное раскрытие» более общая концепция, которая включает в себя гибкое раскрытие информации, что является основным принципом дизайна: «Постепенное раскрытие информации требует, чтобы детали были скрыты от пользователей, пока они не спросят или не потребуют чтобы увидеть это. Таким образом, Star не только предоставляет настройки по умолчанию, но и скрывает настройки, которые пользователи вряд ли изменятся, пока пользователи не укажут, что хотят их изменить ». [] Действительно.

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

Пример каяка на рис. 4-55 скрывает календарь и поле сравнения. пока пользователь не заполнит форму. Как только они появятся, пользователь сместит внимание к ним.

Другой способ использования отзывчивого раскрытия информации — это замена части пользовательского интерфейса в зависимости от выбора, сделанного в раскрывающийся список или другой элемент управления с ограниченным выбором.Примеры на рис. 4-56 из Google Docs делают следующее: когда пользователь изменяет выбор «Тип вопроса», соответственно меняются и последующие вопросы. (Так делает пример AutoTrader в верхней части паттерна на Рисунке 4-54.)

Рисунок 4-56. Создание поля формы в Google Документах

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

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

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

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

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

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

По возможности размещайте отключенные предметы в непосредственной близости от того, что позволяет их. Это помогает пользователям найти волшебное действие и понять взаимосвязь. между ним и отключенными предметами. Примеры на рисунках Рисунок 4-57 и на рис. 4-58 разместите это текстовое поле (или флажок, соответственно) вверху или слева от отключенных элементов, который следует за естественный поток интерфейса сверху вниз и слева направо.

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

Еще одна проблема удобства использования, которую следует избегать, — это то, что Брюс Тоньяццини однажды назвал «Загадочно затемненными пунктами меню» — когда дизайн не дает подсказки относительно того, почему данный пункт отключен. Опять таки, минимизировать набор вещей, которые у есть у , которые нужно отключить, особенно когда они находятся далеко от того, что их заводит. Кроме того, где-то в или его справочная система, расскажите пользователю, что вызывает недоступность функции. Опять же, всей этой проблемы можно легче избежать, если отключенные элементы управления не меню в строке меню, но вместо этого сидят в основном пользовательском интерфейсе, совмещенном с любым включает их.Пространственная близость — важный ключ к разгадке.

Системные настройки Mac OS, показанные на рис. 4-58, представляют собой типичный пример отключения на основе двоичного выбора: должен ли рабочий стол отображать дату и время в строке меню, или нет? Если пользователь решает показать это, он получает множество вариантов того, как это должно быть показано. В противном случае выбор не имеет значения, поэтому они инвалиды. Это поведение (плюс отступ для параметров под флажком) сообщает пользователю, что эти варианты влияют на отображение даты / времени, установленного флажком. переключился — и больше ничего.

Рисунок 4-58. Системные настройки Mac OS

Вы также можете изменить смысл этого шаблона и сделать «отзывчивый» отключение «. Система навигации, используемая в автомобилях Toyota Prius и Lexus, использует этот метод, когда пользователь вводит адрес назначения. (см. Рисунок 4-59). Зная, какие улицы существуют в с учетом области поиска система сужает список возможных названий улиц с каждым последовательное письмо, введенное пользователем. Затем он отключает буквы, которые не могут следовать за набранной в данный момент строкой; у пользователя меньше кнопок, о которых нужно думать, плюс некоторые уверенность в том, что система «знает», что она пытается напечатать.Таким образом производится ввод адреса проще и приятнее. (Когда совпадают только несколько улиц, система убирает клавиатуры и показывает улицы в виде списка вариантов — см. шаблон автозавершения в главе 8.)

Рисунок 4-59. Гибридная навигационная система Lexus

Рисунок 4-60. Диалоговое окно открытия Mac OS

По мере того, как пользователь изменяет размер окна, изменяйте размер содержимого страницы вместе с ним так, чтобы страница постоянно «заполняется».

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

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

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

Если вам нужно больше убедительности, подумайте, что происходит с «неживым» пользовательским интерфейсом с фиксированным макетом. при изменении языка или размера шрифта.Столбцы по-прежнему выстраиваются в линию? Сделать страницы внезапно становятся слишком широкими или даже обрезанными по краям? Если нет, отлично; у вас есть простой и поэтому прочная конструкция. Но страницы спроектированы так, чтобы хорошо работать с изменением размера окна обычно также учитывают изменения языка или размера шрифта.

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

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

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

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

(При этом есть свидетельства того, что текст с большей длиной строки, например 100 символов в строке, читать быстрее, чем более короткие строки, хотя пользователи предпочитают читать строки длиной менее 55 символов. [] )

Mac OS позволяет изменять размер стандартного диалогового окна «Открыть», в котором используется жидкий макет. Это хорошо, потому что пользователь может видеть как можно больше иерархии файловой системы. как он хочет, вместо того, чтобы быть ограниченным крошечным заранее определенным пространством. См. Рис. 4-60 в верхней части шаблона.

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

Рисунок 4-61. С Drupal.org

Google Docs позволяет пользователю уменьшить окно до очень узкого размера (см. Рис. 4-62). Хотя он размещает длинные панели инструментов поперек в верхней части документа, эти панели инструментов плавно оборачиваются и сворачиваются, когда окно сжимается. (Пользователь не может изменить его размер, чтобы он был меньше наименьшего показанного размера. здесь.)

Рисунок 4-62. Редактор слайд-шоу Google Docs

RGB против субпиксельного макета BGR

Если вы покупаете новый монитор для продуктивной работы или чего-то еще, что требует много чтения и набора текста, важно, чтобы вы выбрали дисплей с субпиксельным макетом RGB (красный, зеленый, синий) для наиболее четкого и четкого текста!

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

К счастью, в основном 43-дюймовые мониторы 4K и очень старые модели используют субпиксельную компоновку BGR (синий, зеленый, красный), которая делает текст размытым, в основном в Windows.

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

BGR против компоновки субпикселей RGB

Мониторы

с BGR-компоновкой имеют обратное расположение субпикселей по сравнению со стандартной структурой пикселей RGB.

Это приводит к тому, что текст выглядит размытым на мониторах BGR (особенно с низкой плотностью пикселей), поскольку Windows по умолчанию обрабатывает субпиксельное сглаживание в соответствии с более распространенной компоновкой RGB.

В результате получится примерно так:

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

Как улучшить четкость текста на мониторах BGR-Layout

В Windows есть несколько способов улучшить четкость текста, если у вас есть монитор с субпиксельной компоновкой BGR.

Метод 1. Масштабирование

Если у вас есть монитор с относительно низкой плотностью пикселей, такой как популярные 43-дюймовые 4K-мониторы с ~ 103 PPI (пикселей на дюйм), вы можете просто применить масштабирование, которое сделает текст больше и резче.

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

Метод 2. Настройте ClearType

В Windows вы можете ввести «Настроить текст ClearType» в строке поиска, чтобы открыть приложение, которое может сделать текст более резким и четким с помощью сглаживания.

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

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

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

Метод 3: переверните экран

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

Таким образом, вы, по сути, получаете субпиксельную схему RGB, но, помимо эстетической проблемы, вам также придется учитывать управление кабелями, горячие клавиши OSD / доступ к джойстику и покупку монтажного кронштейна, который может надежно удерживать экран.

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

Механическая или мембранная клавиатура — какую выбрать? Схема ноутбука

Sony серии VGN-FZ (MBX-165 MS90) — Física I

 LED # 38,61
SATA_LED № 33
SUSPEND_LED38,61
MS / SD_LED45 MFUNC445
5
5
4
4
3
3
2
2
1
1
D D
С С
B B
А А
(23.05.2006)
P.65 Del PR295, добавляя PR1964 100K pull high + 3.3VSUS
из отчета Intel Crestline о наблюдениях (Rev: 1) - открытый вопрос.
P.38 SISTEM ID изменить Удалить R725, R716; Добавление R717, R719, R724 100 кОм для низкого уровня.P.65 Удалить PR436 437 439 440, PJ32 ~ PJ36; Добавление PR1965 ~ PR1968 для проблемы с VID.
P.08 Сигнал отключения: DFGT_VID_2 от северного моста для VID.
P.34 Добавление понижающего резистора R650 100 кОм на VRMPWRGD из CRB Rev: 1.0.
(2006/04/17)
Стр.25,26 Измените VRAM DDR на DDR3
MS90 EVT
P.08 Измените R103, R104 80,6 Ом на 20 Ом с Intel CRB Rev: 1.201.
(2006/05/04)
P.29 Измените значение U106 NV_74AHC1G08GW на 74AHC1G08GW.
P.11 Измените значение L23 CA_180R-100MHZ_0603 на 180R-100MHZ_0603.
(2006/06/02)
P.58 Измените PU6 MAX8743EEI + на TPS51124RGER для пространства листа.P.45,48 Изменить Q77, Q78, Q84, Q85Q89 ~ Q92 PBSS2515F.115 на PBSS2515E.115
 потому что будет EOL 31 декабря 2006 года.
(29/05/2006)
P.06 Измените R72, R1022 33 Ом на 22 Ом с CRB Rev: 0.95.
P.30 Удалить R483, R487 из CRB Rev: 1.201
Стр.45 Измените CAP22, CAP23 SHOEI на Panasonic, потому что детали SHOEI будут EOL.
P.34 Измените значение R1926 NC_0 на 0, R1447NC_2K на 2K, U33 NC_SN74AHC1G14DCK
 по SN74AHC1G14DCK, R1927 от 0 до NC_0 для Intel Desgin Guide rev: 0.9
(2006/04/14)
P.35 C884 измените значение 0,01uF_5% _1 / 16W_X7R на 0,01U_16V_K, поскольку значение ошибки.(2006/04/20)
P.07 ~ 13 Обновление символа U112.
Стр.32 ~ 36 Обновить символ U31.
(2006/06/07)
Удалить функцию стыковки.
P.06 Удаление RP3 для уровня напряжения тактового сигнала не соответствует норме.
(2006/06/05)
P.09 Измените CRB 1.201a на 2.37K 1% на 2,4 тыс. Руб.
Стр.51 Замените CN58 Molex на Foxconn того же MS70.
P.54 Измените микросхему LAN RTL8101E-GR_1.0 на 82562V.
P49 ~ 51 Измените микросхему CardBus с TI8402 на R5C847.
(2006/06/08)
P.51 Добавление цепи питания карты MS.
Стр.71 Добавление цепи Робсона.
Стр.72 Добавление схемы сенсорной панели.
Стр.73 Добавление цепи переключателя.P.18 [Обновление NB8M] Добавьте один дополнительный бит для обвязки 3GIO_PADCFG
P.18 [Обновление NB8M] Добавьте один дополнительный бит для обвязки PCI_DEVID.
P.19 [Обновление NB8M] Новые сигналы ввода-вывода, I2CS_SDA и I2CS_SCL
P.24 [Обновление NB8M] Замена шины питания IFPAB_PLLVDD, IFPCD_PLLVDD, PLLVDD и VID_PLLVDD
P.26 [Обновление NB8M] Вывод G23 NB8M - H_PLLVDD, подключение к 1,2 В.
P.26 [Обновление NB8M] Новая функция: FBA_COM27, NV_GPIO13, NV_GPIO14, FBC_CMD27
Стр.26 [Обновление NB8M] Добавить схему SPDIF для функции HDMI.
Стр.20 [Обновление NB8M] Подключите сигнал горячего подключения HDMI к GPIO0
П.20 Удалите внешнюю HDMI ненужную сеть (одиночную сеть).
P.66 Обновление библиотеки KB3920
(2006/06/09)
P.49 Удалите R776 из цепи Damo R5C847.
P.61 Удаление цепи питания + 1_05VRUN и + 1_25VRUN.
P.05 Del R28 0 Ом для пространства листа.
P.11 Del R661, R673, R674, R677, R679, R680, R682, R696, R695 0 Ом для пространства макета.
P.12 Del R670, R671, R672 0 Ом для пространства листа.
(2006/06/12)
P.35 DelR764, R770 ~ R775, R1931, R758R762, R766, R752, R755, R757, R768, R765
для планировочного пространства.
Стр.68 Изменить R1676 ~ R1683; R1692, R1921, R1892 ~ R1895, R1685, R1684
Размер от 0 Ом 0603 до 0 Ом 0402 для сохранения шага макета.P.51 Рекомендуется добавить резистор R1844, R1857 0 Ом.
Стр.31 Удалите C644, C645 для функции стыковки.
P.50 Замените C1661 0,47u на 0,33u с демонстрационной схемы R5C847.
Стр.74 Добавление функции AV.
Стр.38 Удалите R681 для пространства листа.
(2006/06/13)
P.57 Измените PQ36, PQ37 на PQ65, Измените PQ35, PQ38 на PQ64 для пространства листа
P.34 R1936 до NC_0_J, добавив R1938 0 Ом для поддержки только Intel LAN W / S0 (без WOL).
Измените + 1_25VSUS и + 1_05VSUS на + 1_25VRUN и + 1_05VRUN.
P.33,34 Измените вывод EC_OUT1 из U31.Ah37 до U31.AG14
 для отладки карты к проблеме заусенцев M / B.
P.31 ~ 33 Удалите цепь LVDS_GPIO.
(2006/06/14)
P.35 Измените R664 1_F на 0_J с CRB Rev: 1.201.
P.06 Измените R1944 2.2K на 10K из контрольного списка Rev: 1_201a.
P.50 Заменить L73 120R-100MHZ_0R12 на 90R-100M_0.06R
от продавца FAE.
Стр.18 Удалите R200, R201, потому что ремешок TV MODE бесполезен.
Стр.22 Удалите R1456, R1457, R1421, потому что не требуется ремешок выбора 16M / 8M.
P.22,23 Удалите завершение адреса VRAM (A2 / A3 / A4 / A5).
Стр.23 Удалите R1482, R1480, R1493, потому что не требуется ремешок выбора 16M / 8M.P.22,23 изменить завершение FBCLK
Стр.68 Изменить схему HDMI
P.29 Изменить схему semi-pnp
Стр.38 Добавьте R1763 и R1764 для внутреннего термодатчика NB8M.
P.38 Обновление MS90 и MS20 GPIO в другой таблице
(2006/06/15)
P.54 Удаление сигнала R1971, R1970, TP95 ~ 97, TP281, PLT_RST.
потому что нет функции отключения supprot LAN.
Стр.61 Добавить PU125: YCBCSYSNS8011EL, PR321: 1K,
PR322: 10K, PR323: 0, PR324: 0, PC217: 1 мкФ, PC218, PC219: 220PF Для аккумулятора
идентифицировать.
P.12 Удалите R666 ~ R669 для пространства листа.
(2006/06/16)
Стр.64 Измените PC208 с 0.От 1u до 0,22u для опорного напряжения PU17.
Измените PR300 с 8,87k до 6,49k в зависимости от спецификации линии нагрузки графического процессора.
добавить PR330: 1K для напряжения смещения Gnds
Стр.61 Добавление нового чипа батареи (PU125) и цепи связи EC.
P.20 Замените U8 F75383M на G781P8f
потому что термодатчик должен быть того же производителя.
P.37 Удалите + 3VRUN (pin8,9,10) из CN11; добавление R1450;
CN32 Pin3 подключается к GND от MOR.
Стр.43 Добавление резистора R1094, R1096 никакие материалы от MOR не предлагают.
P.41 Добавление C1689, C1690; удалить R1067 из Intel CRB rev: 1.201а.
P.26 Changy L76 NV_NB8M_120R-100MHZ_0603 до NV_220R-100MHZ_0603 для NB8M.
(2006/06/19)
(2006/06/20)
P.43 Измените U36 TPS2231PWP на TPS2231PW из MOR.
P.54,33 Добавление сигнала LAN R2004 ~ R2009 из MOR предлагает.
(2006/06/21)
P.61 Add = 1_8RUN схема разряда.
P.63 Резервный PR333, схема демпфера PC221.
P.58 измените PR149 с 8.2K на 7.87K для уровня + 1_05VRUN.
P.51 Рекомендуется добавить понижающий резистор R2010 от поставщика FAE.
P.52 Переместите цепь порта USB 0 и 1 на дочернюю плату аудио и USB.Стр.44 ~ 46 Переместите аудиосхему на дочернюю плату аудио и USB.
Стр.25 Добавление CAP32 в NV_VDD для уменьшения шума пульсации.
P.05,11,12 Замените конденсатор CAP1, CAP14, CAP15, CAP25 с H = 1,9 мм на H-1,8 мм
для верхнего предела ME.
P.06 Добавление U123 Pin4 Подтяните 10 кОм к + 3VRUN.
Стр.71 Замените мини-карту разъема Робсона на разъем B на разъем B.
P.60 Измените MAX8771 на ISL6262ACRZ-T для Layout Space.
P.63 Измените MAX8743EEI + на ISL6269ACRZ-T (PU15) и APL5912-KAC-TRL_A6 (PU16) для пространства листа.
МС90-1-01 1.0
История (1)
A3
65 72, вторник, 27 марта 2007 г.
Заголовок
Размер Номер документа Ред.
Дата: Лист
HON HAI Precision Ind.Компания с ограниченной ответственностью.
CCPBG - Отдел исследований и разработок
5
5
4
4
3
3
2
2
1
1
D D
С С
B B
А А
(2006/06/22)
P.43 L110 поменять местами на раскладку удобно.
P.54,32 Добавление U131 для цепи LAN EEPROM.
P.08 Добавление M_A_A14 и M_B_A14 подключения к P.14 CN1 Pin A14 &
P.15 CN5 Контакт A14 для технологии 2 ГБ и поддержка 8 модулей DIMM.
Стр.74 Снимите цепь функции AV, чтобы переключить плату.
Стр.73 Снимите цепь кнопки Vol +/- и Mute с платы переключателя.
(23.06.2006)
P.43 CN18 Pin37,40,43 добавление 0 Ом к GND для WLAN 3945.
P.51 Изменение силовой цепи MS / SD на выключатель питания TPS2055AD
форма MOR предложить для OCP.Стр.65 Добавление винта h2 ~ h21.
Стр.72 Замените переключатель SW17, SW18 сенсорной панели для запроса ME.
P.51 Измените слот SD CN58 для запроса ME.
P.30 Замените соединитель CN4 CRT для запроса ME.
Стр.72 Замените разъем CN61 сенсорной панели для запроса ME.
P.43 Замените разъем CN21 OIDE для запроса ME.
(2006/06/24)
P.08 Удалите R1309, потому что EXTTS1 # больше не мультиплексируется с входом DPRSLPVR.
P.15 Удалите R176, потому что EXTTS1 # больше не мультиплексируется с входом DPRSLPVR.
P.43 Вставьте R1094 и R1096 слева от подтягивающего резистора.Стр.65 Добавьте h22 ~ h25 для отверстия в кронштейне процессора.
(2006/06/28)
P.56 Измените разъем DC-IN PCN1 для запроса ME.
Стр.68 Замените разъем HDMI CN60 для запроса ME.
P.09 Удалите R1409, R1410 и + 1_05VRUN для CRT_BLUE # / GREEN # / RED #
и подключите эти сигналы непосредственно к GND из MOR.Crestline design guide Rev: 1.0
Стр.75 Добавление схемы ТВ-тюнера.
(29.06.2006)
P.34 LAN_RST #: IMVP_PWRGD ==> SUS_PWRGD_10MS (только R1937, без R1938).
P.35 VccLAN3_3: + 3VRUN ==> + 3VSUS; VccCL3_3: + 3VRUN ==> + 3VSUS. для пробуждения S3.P.31 Подключение инвертора к разъему LVDS.
(30.06.2006)
P.57 удалите PR138, добавьте PR142: 0 для повышения эффективности
P.61 измените PQ51, PQ55 с IRF7807 на IRF7823 ДЛЯ низкого падения напряжения
Стр.63 измените PR278 с 3,65 КБ на 2,37 КБ ДЛЯ NV_VDD ocp настройки.
Стр.63 добавить PQ72: IRF7832Z для NV-VDDP 

Fujifilm X100F Online References — RockyNook

[1] http://www.fujifilm.com/support/digital_cameras/manuals/x/#x_compact_camera

[2] https://www.apple.com/shop/product/MD837AM/A/apple-world-travel-adapter-kit?fnode=3c

[3] http: // www.fujifilm.com/support/digital_cameras/software/firmware/x/x100f/

[4] http://www.fujifilm.com/support/digital_cameras/software/

[5] http://digital-cameras.support.fujifilm.com/app/answers/detail/a_id/19061/kw/firmware/p/43/c/1524

[6] http://digital-cameras.support.fujifilm.com/app/answers/detail/a_id/18998/kw/firmware/p/43/c/1524

[7] http://digital-cameras.support.fujifilm.com/app/answers/detail/a_id/18997/kw/firmware/p/43/c/1524

[8] https: // en.wikipedia.org/wiki/Vignetting

[9] https://en.wikipedia.org/wiki/Distortion_(optics)

[10] https://en.wikipedia.org/wiki/Chromatic_aberration

[11] http://app.fujifilm-dsc.com/en/camera_remote/index.html

[12] https://en.wikipedia.org/wiki/Dark-frame_subtraction

[13] https://en.wikipedia.org/wiki/Raw_image_format

[14] https://en.wikipedia.org/wiki/WYSIWYG

[15] https: // en.wikipedia.org/wiki/Live_preview

[16] https://en.wikipedia.org/wiki/Parallax#Parallax_error_in_photography

[17] https://en.wikipedia.org/wiki/Zone_System

[18] https://en.wikipedia.org/wiki/Depth_of_field

[19] https://en.wikipedia.org/wiki/Motion_blur

[20] https://en.wikipedia.org/wiki/Aperture_priority

[21] https://en.wikipedia.org/wiki/Aperture

[22] http: // www.cambridgeincolour.com/tutorials/diffraction-photography.htm

[23] https://en.wikipedia.org/wiki/Shutter_priority

[24] https://en.wikipedia.org/wiki/Shutter_speed

[25] https://en.wikipedia.org/wiki/Panning_(camera)

[26] https://en.wikipedia.org/wiki/Long-exposure_photography

[27] http://www.cambridgeincolour.com/tutorials/camera-shake.htm

[28] https://en.wikipedia.org/wiki/Crop_factor

[29] https: // en.wikipedia.org/wiki/Bracketing

[30] https://en.wikipedia.org/wiki/Neutral-de density_filter

[31] https://en.wikipedia.org/wiki/Film_speed#Standard_output_sensitivity_.28SOS.29

[32] https://www.flickr.com/gp/ricopfirstinger/150rce

[33]

[34]

[35] https://en.wikipedia.org/wiki/High-dynamic-range_imaging

[36] https://en.wikipedia.org/wiki/Rolling_shutter

[37]

[38] https: // en.wikipedia.org/wiki/Hyperfocal_distance

[39] https://en.wikipedia.org/wiki/Circle_of_confusion

[40] https://www.youtube.com/watch?v=7FR3l6S12JA

[41] http://www.cambridgeincolour.com/tutorials/hyperfocal-distance.htm

[42] https://en.wikipedia.org/wiki/Panning_(camera)

[43] http://www.cambridgeincolour.com/tutorials/white-balance.htm

[44] https://en.wikipedia.org/wiki/Exif

[45] https: // en.wikipedia.org/wiki/Gray_card

[46] https://en.wikipedia.org/wiki/Contrast_(vision)

[47] https://en.wikipedia.org/wiki/Colorfulness

[48] https://en.wikipedia.org/wiki/Color_space

[49] https://en.wikipedia.org/wiki/SRGB

[50] https://en.wikipedia.org/wiki/Adobe_RGB_color_space

[51] https://en.wikipedia.org/wiki/Gamut

[52]

[53] http: //www.fujifilm.ru / news / n170907_08.html

[54] https://silkypix.isl.co.jp/en/

[55] http://www.fujifilm.com/support/digital_cameras/software/myfinepix_studio/rfc/

[56] http://www.adobe.com/products/photoshop-lightroom.html

[57] https://www.phaseone.com/en/Products/Software/Capture-One-Pro/Highlights.aspx

[58] http://www.iridientdigital.com

[59] http://www.picturecode.com

[60] https: // www.bhphotovideo.com/explora/video/tips-and-solutions/understanding-log-format-recording

[61] https://en.wikipedia.org/wiki/Through-the-lens_metering#Through_the_lens_flash_metering

[62] https://en.wikipedia.org/wiki/Flash_synchronization

[63] https://en.wikipedia.org/wiki/Red-eye_effect

[64] https://en.wikipedia.org/wiki/Catch_light

[65]

[66] http://app.fujifilm-dsc.com/en/camera_remote/index.html

[67] http://app.fujifilm-dsc.com/en/camera_remote/guide05.html

[68] http://app.fujifilm-dsc.com/en/camera_remote/guide01.html

[69] http://app.fujifilm-dsc.com/en/camera_remote/guide03.html

[70] http://app.fujifilm-dsc.com/en/camera_remote/guide02.html

[71]

[72]

[73]

[74] http://www.fuji-x-forum.com

[75] http: //www.fujixseries.com

[76]

[77]

Рико Пфирстингер изучал коммуникации и работал журналистом, публицистом и фотографом с середины 80-х годов. Он написал множество книг на самые разные темы, от компьютерных технологий до настольных издательских систем и гонок на собачьих упряжках. Он работал начальником отдела специальных заданий в Hubert Burda Media в Мюнхене, Германия, а также был главным редактором веб-сайта о зимних видах спорта.

После восьми лет работы внештатным кинокритиком в Лос-Анджелесе, Рико сейчас живет в Германии и посвящает свое время цифровой фотографии и системам компактных камер.

Рико ведет популярный блог X-Pert Corner и ведет семинары под названием Fuji X Secrets, где предлагает идеи, советы и рекомендации по использованию камер Fujifilm серии X.

Fujifilm X100F: 101 совет X-Pert по максимально эффективному использованию камеры

Рико Пфирстингер

www.fuji-x-secrets.net

Редактор проекта: Мэгги Йейтс

Руководитель проекта: Лиза Бразил

Менеджер по маркетингу: Мерседес Мюррей

Редактор: Мэгги Йейтс

Перевод: Рико Пфирстингер

Планировка и тип: Petra Strauch

Дизайн обложки: Ребекка Каулин

Индексатор: Мэгги Йейтс

ISBN: 978-1-68198-314-1

1-е издание (1-е издание, июль 2017 г.)

© 2018 Рико Пфирстингер

Все изображения © Rico Pfirstinger, если не указано иное

Rocky Nook, Inc.

улица 1010 Б, офис 350

Сан-Рафаэль, Калифорния 94901

США

www.rockynook.com

Распространяется в США компанией Ingram Publisher Services

Распространяется в Великобритании и Европе Publishers Group UK

Контрольный номер Библиотеки Конгресса: 2017939952

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

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

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

Напечатано в США

.