Нарезка (дизайн интерфейса) - Slicing (interface design)

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

Процесс включает в себя разбиение компа в любом одном слое [формат файл изображения] или многослойный родной формате файл в программном обеспечении графического искусства , используемом для разбиения. После разделения их можно сохранить как отдельные файлы изображений, обычно в формате GIF , JPEG или PNG , либо в пакетном режиме, либо по одному. Файлы многослойных изображений могут включать несколько версий или состояний одного и того же изображения, часто используемых для анимации или виджетов .

Практическое использование

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

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

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

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

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

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

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

инструменты

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

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

Альтернативы

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

Смотрите также

внешние ссылки