Автор будет очень признателен, если Вы кликнете по одной из белых ссылок выше.
Вам это ничего не стоит, а автору сайта будет приятно ;)
Найдено страниц: 39 [показано 10]
Windows с маленькой буквы w
Степень соответствия запросу: 73,69%
Фрагменты текста поста : ... Windows с маленькой буквы w Все программы базируются на основе двух типов окон: главных и вспомогательных, таких как диалоговые окна и окна документов... ... Создавая удобный пользовательский интерфейс, нельзя просто гадать, какие окна использовать в программе... ... Лишние комнаты Если изобразить программу в виде дома, то можно представить каждое окно в виде отдельной комнаты... ... Дом будет соответствовать главному окну программы, а каждая комната – окну диалога или документа... ... Точно так же и при создании программы мы не должны добавлять окно в нее до тех пор, пока оно не будет служить какой-то цели, которой нельзя или невозможно достичь в уже существующих окнах... ... Например, в большинстве программ для рисования, для установки глубины тени объекта часто используется текстовое поле или ползунок в отдельном диалоговом окне... ... После изменения этого значения программа для продолжения работы возвращается к главному окну... ... В программе для рисования главной задачей является работа с изображением, а так как изображение находится в главном окне, то все инструменты для работы c ним тоже должны быть расположены здесь же, в главном окне... ... Вынесение функций в диалоговое окно отделяет их от главной задачи... ... Однако с точки зрения художника эта функция – часть процесса рисования и поэтому должна находиться в главное окно... ... Соедините это с невероятной легкостью создания новых окон и в результате получите по одному окну на одну функцию... ... Современные средства разработки программ позволяют создавать диалоговые окна, но добавление своих элементов управления или создание идиом непосредственной манипуляции (direct manipulation) в них обычно не поддерживается, поэтому разработчик, желающий создать качественный интерфейс, вынужден создавать свои элементы управления... ... Очистка должна происходить в отдельном окне... ... В этом случае создание специального окна для функции будет уместным... ... Если это программа для рисования, то цель пользователя - создать привлекательное изображение... ... В программе функция вставки изображения тоже должна быть легко доступной, но, так как для нее нужен отдельный набор инструментов, которые в обычной работе не используются, ее следует разместить в отдельном окне... ... В программном эквиваленте этого процесса, пользователь временно оставляет программу рисования вместе со всеми инструментами, находит подходящее место на диске, чтобы сохранить изображение, после чего, возможно, посылает его по электронной почте... ... Вместо того, чтобы просто помещать каждую новую функцию в новое окно, мы видим, что некоторые функции вообще не нужно помещать в диалоговые окна, другие должны быть вынесены в отдельное окно, интегрированное в общий интерфейс, а некоторые функции вообще нужно убрать из программы... ... Загрязнение окнами Некоторые разработчики считают, что каждую функцию нужно помещать в отдельное диалоговое окно... ... Если в программе используется одно окно для одной функции, экран быстро становится визуально загроможденным... ... В Visual Basic, Delphi, C# и других языках легко создавать формы, которые представляют собой независимые окна верхнего уровня... ... По поведению они представляют собой все те же немодальные диалоговые окна... ... Стратегия создания приложения в виде набора форм была довольно спорной, и не применялась широко до тех пор, пока среды разработки не дали возможность создавать окна легко и просто... ... Каждое новое окно приводит к увеличению лишних телодвижений - манипуляций с окнами... ... Ни одну программу с 57 формами нельзя использовать эффективно... Подробнее: http://fit-media.com/post_1204300625.htmlКручу, верчу, обмануть хочу!
Степень соответствия запросу: 7,2%
Фрагменты текста поста : ... Для начала сделаю одно важное замечание... ... То же относится и к фоновому слою, который создается автоматически когда вы открываете в фотошопе изображение из файла... ... Такой слой по умолчанию является заблокированным, поэтому его нужно либо разблокировать дважды кликнув по нему в палитре слоев (окно Layers), либо работать с его частями, предварительно выделив их... ... вы сами будете управлять тем, насколько сильно повлияет трансформация на исходное изображение... ... :) Как только вы выберете любой из первых шести пунктов меню трансформаций, ваше изображение изменится... ... На нем появится описывающий прямоугольник (ОП), линии которого будут проходить точно по краям выделенной области (или изображения из слоя, если вы работаете с целым слоем)... ... Стоит сказать, что как только вы войдете в любой из режимов трансформаций, верхняя панель окна Photoshop изменится - в ней появятся поля для ввода точных значений... ... Потянув за квадратики в серединах горизонтальных сторон появившегося описывающего прямоугольника, вы сможете увеличить или уменьшить вертикальный размер выделенного изображения, т... ... Соответственно, тягая квадратики в серединах вертикальных сторон прямоугольника, вы сможете изменить ширину выделенного изображения... ... если схватить квадрат в середине правой стороны описывающего прямоугольника и тащить его влево, то, когда вы его затащите левее левого квадрата, изображение станет зеркально отраженным относительно левой вертикальной стороны ОП... ... Таким образом вы получите симметричное сжатие или растяжение относительно центра изображения... ... Кстати, центром трансформации (не только масштабирования, но и всех остальных) является вовсе не центр изображения, а специальная метка - кружок с вертикальными и горизонтальными палочками - "... ... Этот пункт позволяет повернуть выделенную область изображения относительно центральной точки (которая задается уже известным вам "... ... В отличии от предыдущих режимов, при изгибании вы увидите не описывающий прямоугольник, а целую сетку, которая будет лежать поверх выделенного изображения... ... Таскать тут можно не только углы, но и узлы, и линии и вообще любую точку изображения... ... При перетаскивании сетка будет изгибаться, а за ней точно так же будет изгибаться и ваше изображение... ... С помощью этого режима трансформации вы можете как угодно изогнуть свое изображение, добиваясь при этом совершенно потрясающих эффектов... ... Но при этом, если вы нажмете Enter , то трансформация закрепится, если же Escape , то трансформация отменится и изображение станет таким, каким было до начала трансформации... ... :) %%%Adobe Photoshop, поворот картинки, трансформация изображения, transform, графический редактор%%%... Подробнее: http://fit-media.com/post_1212106379.htmlПользовательский интерфейс
Степень соответствия запросу: 4,6%
Фрагменты текста поста : ... Еще одна книга, очень популярная среди американских специалистов по пользовательским интерфейсам, анализирует развитие столовых приборов в средние века... ... Например, такой интерфейсный элемент как линейка прокрутки находится в противоречии с одним из основных принципов психологии восприятия: у человека может быть только одна точка активного внимания... ... При использовании же линейки прокрутки приходится смотреть в две совершенно различные точки - на прокручиваемое изображение (не пора ли остановиться) и на линейку... ... Использованием метафоры убивается сразу несколько зайцев: Во-первых, пользователю легче понимать и интерпретировать изображение на экране... ... Еще мы должны найти изящный способ изображения как отдельных элементов так и их групп... ... Об общем стиле экранного изображения речи вообще не идет, если только не считать за таковой набор "тем"... ... Исключением, подтверждающим правило, является кнопка OK, которая смотрится не как текст, а как изображение (иероглиф)... ... Поле экрана разбивалось на прямоугольники-окна и вся работа велась только в одном из них - так называемом активном окне... ... Это требовалось для облегчения проблемы поиска текстового курсора в окне... ... В конце концов, во многих приложениях используются разные формы динамики изображения, которые называются модным словом " мультимедиа "... ... Одна - "Конические деревья" - является визуализацией файловой системы компьютера и похожа на систему детских пирамидок, каждый уровень которой соответствует уровню файлового каталога... ... Динамические визуальные сигналы - это изменение изображения на экране с целью дать пользователю дополнительную информацию... ... Второй пример - изменение изображения кнопки при нажатии на нее мышью... ... На каждом такте работы такой программы заново строится изображение на экране, а события, инициированные пользователем, например ввод с клавиатуры, отрабатываются всего лишь изменением состояния программы... ... Все компьютерные программы в корне меняют дизайн при переходе от одного окна к другому... ... Точнее называть их неподвижной составляющей подвижного изображения... ... Так, самое модное сейчас применение компьютеров - блуждание по Сети - имеет тот интерфейс, который вытекает из языка HTML, а он, в свою очередь, производит впечатление "времянки", которая, как теперь ясно, пришла всерьез и надолго... Подробнее: http://fit-media.com/post_1204019048.html14 принципов создания вежливых программ
Степень соответствия запросу: 3,45%
Фрагменты текста поста : ... Действительно, ни одна из программ на моем персональном компьютере не помнит ни меня, ни моих привычек, несмотря на то, что только я и никто другой постоянно, снова и снова пользуюсь ею... ... Вместо этого, программа ведет себе довольно глупо, всегда предлагая мне окно для выбора нужного Дейва из 11 вариантов... ... Почему бы не использовать это время, чтобы предварительно загрузить страницы, ссылки на которые видны в окне... ... Однако когда я меняю разрешение обратно, окна не возвращаются к своим размерам... ... Я раскрываю на весь экран окно любой запущенной программы... ... Я так часто максимизирую окна, что мои предпочтения должны быть ясными и однозначными... ... Другие пользователи работают с программами в маленьком окне, чтобы видеть Рабочий Стол... ... Затем я возвращаюсь чтобы обнаружить посреди экрана бессмысленное и пугающее окно диалога с вопросом "Вы действительно хотите печатать... ... Adobe Photoshop например осыпает пользователя множеством ненужных маленьких вопросов, каждый в отдельном окне... ... Отсутствие это качества – одна из главных причин нечеловечности компьютерных систем... ... Одно из больших преимуществ подстраиваемой системы – уменьшение числа ошибок... ... Подстраиваемость – одно из немногих качеств человека, связанных с вежливостью, которое трудно встроить в компьютерную систему... ... Ни одна из этих характеристик не отличается от других, более очевидных целей информационного бизнеса... Подробнее: http://fit-media.com/post_1203349390.htmlAJAX — WEB 2.0 за 5 минут
Степень соответствия запросу: 3,32%
Фрагменты текста поста : ... сервер возвращает простой HTML, вместо XML, как того требует технология AJAX... ... html <... ... html (но вы, естественно, можете дать любое имя)... ... html')... ... html... ... html <... ... html> <... ... html')... ... /html> Сохраните файлы index... ... html, jquery... ... html в одной папке, откройте index... ... html в вашем любимом броузере, кликните по ссылку Run... ... html')... ... html <... ... html> <... ... /html> Как видите, теперь я создал форму и использовал два поля &mdash... ... html - загрузка файлов <... ... html> <... ... /html> Чуть комментариев к коду... Подробнее: http://fit-media.com/post_1262093659.htmlОптимизируем мышиную возню
Степень соответствия запросу: 2,17%
Фрагменты текста поста : ... Большинство компьютеров в наше время оборудовано всего двумя такими устройствами - мышью и клавиатурой , но даже два устройства хуже, чем одно... ... Меню должны иметь как можно меньше вложенных подменю Лучше сделать больше пунктов главного меню с одной выпадающей менюшкой в каждом пункте,чем все команды загнать в одно меню с кучей вложенных подменю... ... Везде где можно используйте возможности технологии "Drag-and-Drop" Пользователю гораздо удобнее схватить объект и перетащить его в корзину или в другое окно, чем отметить объект и потом лазить по пунктам меню (или по многочисленным тулбарам) в поисках команды удаления/переноса... ... Очень полезными бывают расположенные в окне "зоны посадки"... ... Очень желательно реализовать грамотное поведение окон Окна, которые знают в какой момент им следует появиться на экране, а в какой исчезнуть - отличные помощники в работе... ... Посмотрите, как действуют окошки, расположенные по краям главного окна в среде Microsoft Visual Studio... ... Идея состоит в том, чтобы окно меню исчезало не сразу после клика по его пунктам, а с некоторой задержкой... ... Позвольте пользователю закреплять немодальные окна... ... Там можно установить атрибут "Поверх всех окон" (Always On Top) для абсолютно любого окна... ... Еще одна классная идея касательно мышиного управления и меню подсмотрена мною в LiteStep... Подробнее: http://fit-media.com/post_1199978157.htmlЕсли бы microsoft не была такой ленивой...
Степень соответствия запросу: 1,8%
Фрагменты текста поста : ... ) возможности операционной системе линукс, суть которой заключается в том, что можно окну любого приложения придать статус "Поверх всех"... ... Сегодня возникла еще одна идея, реализовав которую, microsoft смогла бы заработать нехилую благодарность, как от пользователей, так и от программистов... ... Наконец мое рвение получило по заслугам - "оно" наконец заработало... ... Замеченные в первые минуты неудобства: Проверка осуществляется только над всем текстом целиком и состоит в вызове стандартного окна замены неверно написанных слов... ... При каждой проверке запускается сам Word (хоть и в фоне в невидимом окне) и по окончании проверки убивается... ... После окончания проверки и перед тем как окно Ворда будет убито, оно странным образом появляется на экране, хотя при создании ему ясно указали быть невидимым... ... Следствие – моргание полноэкранного окна ворда поверх вашей программы при каждой проверке орфографии... ... Для работы программа использовала бы только одну копию ворда, т... ... А вот собственно и она: Пример класса: /*********************************/ /* Simple Spell Checker */ /* Copyright (C) FIT-Media, 2008 */ /* http://fit-media... Подробнее: http://fit-media.com/post_1205882168.htmlКак создать хороший интерфейс пользователя?
Степень соответствия запросу: 1,74%
Фрагменты текста поста : ... Вот пара простых примеров: Когда группа пользователей постоянно меняет свой состав и предполагаемый образец использования используется нечасто, акцентируйте внимание на простоте понимания интерфейса Когда одна и та же задача повторяется многократно, и группа пользователей довольно большая, самой важной целью должна быть эффективность использования... ... Окна нашей программы просто не поместятся на экране... ... Например, для графического интерфейса пользователя выбор следующий: Множественные окна MDI (много-документный интерфейс) Множественные фреймы Неструктурированное взаимодействие: экраны с гиперссылками Различные структуры взаимодействия обеспечивают разные степени гибкости для пользователей... ... Ваш дизайн - ваши окна, меню и текст - должен передать это понимание пользователю... ... Навигационная модель определяет как пользователям смогут перемещаться как между различными задачами так и внутри отдельной задачи... ... Если вы пропустите раннюю фазу разработки, ваш интерфейс может страдать от следующих проблем: Несоответствие группам пользователей Сложность в обучении Неадекватная степень гибкости Нецелостное или непредсказуемое использование разных типов окон Разработка на основе задач пользователя Итак, ваши окна пока не имеют содержания... ... Затем сконструируйте окна, основываясь на своих заметках... ... Если вы не будете использовать этот подход, вы рискуете создать программу, в которой пользователи будут перемещаться от одного окна к другому для того, чтобы выполнить свою задачу... ... Визуальный дизайн: использование компонентов На этом этапе вы должны правильно использовать компоненты визуального дизайна чтобы показать пользователю для чего нужно каждое окно, и как им пользоваться... ... В тестировании вы предлагаете пользователю выполнить определенное задание на некоторой версии вашей программы (рисунок одного окна, бумажный прототип, или рабочая система)... Подробнее: http://fit-media.com/post_1205661604.htmlМиф о метафоре
Степень соответствия запросу: 1,03%
Фрагменты текста поста : ... Хотя в современных программах встречаются все три подхода, одна лишь метафорическая парадигма так широко популярна, что следуя по ее ложному следу мы часто препятствуем созданию по-настоящему хороших интерфейсов... ... Подавляющее большинство компьютерных программ сегодня строятся по такой же архитектуре, безо всякого стыда показывая нам как они были созданы: одна кнопка на функцию, одна функция на модуль кода, команды и процессы, которые точно отражают внутренние алгоритмы и структуры данных... ... Графический интерфейс пользователя, разработанный в PARC состоял из различных объектов: окна, кнопки, мыши, иконки, метафоры, меню... ... Золотые арки МакДональдс , три алмаза Мицубиси , пять пересекающихся Олимпийских колец и даже летящее окно Майкрософт - не метафорические идиомы, которые наполнены внутренним смыслом и опознаются сразу же... ... Такие артефакты, как кнопки закрытия окна, окна с изменяемыми размерами, бесконечно вложенные папки с файлами, щелчки мышью и перетаскивание пиктограмм - не метафорические операции, потому что их нет в реальном мире... ... Он не может хранить больше, чем один объект, не помнит, что хранил ранее, не может определить, откуда взялось изображение, он не может показать вам уменьшенные картинки того, что содержит и не хранит свое содержимое от запуска до запуска системы... ... Создатели телефонов были бы в экстазе, если бы могли создать телефон, по которому можно звонить друзьям, нажимая на их изображения... Подробнее: http://fit-media.com/post_1206190085.htmlЧто есть грамотный интерфейс?
Степень соответствия запросу: 1,01%
Фрагменты текста поста : ... И речь здесь идет вовсе не о красоте, всяких кнопочках/рюшечках и полупрозрачных окнах... ... К такого рода действиям относятся контекстные меню, изменяющие свой состав, модифицирующиеся тулбары, динамически изменяющие контент окна помощи и т... ... Окна должны появляться молниеносно как только в них возникла необходимость и так же быстро исчезать, как только необходимость в их отображении пропала... ... Плохой пример из этой области - окно с единственной надписью "Ждите, идет расчет... ... Хороший пример - окно, содержащее кроме надписи еще и "градусник" хода процесса и показывающее примерное время до завершения... ... Высший пилотаж - добавить к этому окну звуковой сигнал по окончании процесса... Подробнее: http://fit-media.com/post_1199807872.html
