Как оформить рабочий стол: Как украсить свой рабочий стол, место в офисе: интерьер и декор

Как оформить рабочий стол на iPhone и iPad с iOS 14

Вопрос «Как оформить рабочий стол на iPhone/iPad?» часто волнует владельцев яблочных устройств. Ответом на него станет наша инструкция, которая поможет персонализировать ваш iPhone или iPad под управлением iOS 14 или iPadOS 14 соответственно.

1. Обновление iPhone до iOS 14

Первым делом следует убедиться в актуальности прошивки вашего смартфона. Для этого перейдите в «Настройки» → «Основные» → «Обновление ПО».

2.  Выбираем тему рабочего стола

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

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

3. Загружаем «Widgetsmith» и «Быстрые команды»

Две программы: «Widgetsmith» и «Быстрые команды», помогут настроить виджеты и иконки приложений на главном экране вашего iPhone.

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

«Быстрые команды» позволят настроить различные пользовательские команды для упрощения использования функций iPhone.  Для доступа можно вывести соответствующую кнопку на экран. Или просто попросить Siri выполнить нужное вам действие.

4. Очищаем рабочий стол

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

1. «Переместить в библиотеку приложений»;
2. «Удалить приложение».

Делаем это пока экран не будет пустым:

5. Как установить новые обои на iPhone

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

Идём сюда: «Настройки» → «Обои» → «Выбрать новые обои». Здесь можно выбрать в качестве фоновой заставки любое скачанное ранее изображение.

6. Как поменять значки приложений на iPhone

Заходим в «Быстрые команды» и выполняем следующие действия для кастомизации иконок приложений.

1. Нажимаем на «+» для создания нового ярлыка;
2. Выбираем «Добавить действие»;
3. Далее выбираем действие «Открыть приложение»;
4. На открывшейся странице приложения выбираем пункт «Выбрать»;
5. Теперь ищем необходимое приложение;
6. Нажимаем на троеточие в углу для открытия меню сведений о создаваемом ярлыке;
7. В открывшемся окне дайте ярлыку имя или фразу, которую сможет распознать Siri;
8. Нажимаем «Добавить на главный экран»;
9. Назовите ярлык так, как вам будет удобно и подтвердите свой выбор;
10. Далее вы сможете выбрать картинку или эскиз для нового ярлыка, для этого нажмите «Выбрать фото»;
11. Создайте кадр по предложенному шаблону с ранее скачанной картинки или эскиза;
12. После нажатия кнопки «Добавить» новый ярлык будет добавлен на главный экран. А работать будет, как стандартное приложение.

1-34-89-12

7. Как создать виджет в «Widgetsmith»

Здесь можно выбрать предоставляемые эскизы самим приложением и не искать решение в сети.

1. Открываем приложение «Widgetsmith»;
2. Выбираем размер нового виджета и нажимаем «Виджет по умолчанию»;
3. В разделе «Стиль» выбираем «Пользовательский»;
4. Даём приложению полный доступ к файлам на смартфоне и выбираем фото или картинку, которую хотим поставить в качестве фона для виджета;
5. Даём виджету название и сохраняем;

Заключение

Все вышеперечисленные методы оформления рабочего стола на iPhone или iPad относятся только к iOS 14/iPadOS 14 и новее. Также следует помнить, что все кастомные ярлыки, создаваемые на рабочем столе, не отображают своего содержимого. Следовательно, вам лучше запомнить для каких приложений или действий они создавались.

Данная инструкция вполне раскрывает вопрос «Как оформить рабочий стол на iPhone/iPad?». В последствии, вы сможете подобрать именно те цвета и эскизы, которые станут уникальными именно для вашего устройства Apple. Также нужно отметить возможность использовать, как платные приложения, вроде «Widgetsmith», так и бесплатные аналоги.

Знакомство с рабочим столом Mac

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

Изменение картинки рабочего стола

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

Использование уведомлений на Рабочем столе

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

Организация файлов на рабочем столе

Чтобы файлы на рабочем столе были под рукой, можно использовать стопки, в которых файлы аккуратно сгруппированы по типу или другим признакам вдоль одного края рабочего стола: при добавлении на рабочий стол файл автоматически попадает в стопку. См. раздел Использование стопок на Рабочем столе.

Поиск окна на рабочем столе

Если Рабочий стол закрыт большим количеством окон, можно воспользоваться Mission Control, чтобы быстро очистить Рабочий стол или отобразить все открытые окна и легко найти нужное Вам окно. См. раздел Просмотр открытых окон и пространств в Mission Control.

Использование нескольких рабочих столов

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

Оригинально оформить «рабочий стол»

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

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

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

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

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

Решили устроить своему ребенку праздник? Хотите чтобы он отлично и весело провел время? На нашем сайте stranachudes23.ru представлена игротека для детей, которая очень заинтересует вас и ваше чадо. Мы вас ждем.

Изменение цветов и фона рабочего стола

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

В разделе Фон выберите изображение или сплошной цвет либо создайте слайд-шоу из изображений.

В разделе Цвета позвольте Windows подобрать цветовую тему на основе фона или выберите собственные цвета.

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

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

В разделе Фон выберите изображение или сплошной цвет либо создайте слайд-шоу из изображений.

В разделе Цвета позвольте Windows подобрать цветовую тему на основе фона или выберите собственные цвета.

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

На экране выше показана темная тема. 

Вам также могут понравиться…

• Персонализ Windows 10 устройства с помощью тем (сочетания рисунков, цветов и звуков) из Microsoft Store. 
  Перейдите в Microsoft Store

✅ Как оформить рабочий стол своими руками

14 идей, которые помогут обустроить комфортное рабочее место для фрилансера

Получайте на почту один раз в сутки одну самую читаемую статью. Присоединяйтесь к нам в Facebook и ВКонтакте.

1. За спинкой дивана

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

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

2. В столовой

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

3. На балконе

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

4. Маленький стол

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

5. В нише

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

6. Органайзер внутри ящика

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

7. Рабочее место у окна

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

8. Возле кровати

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

9. В гостиной

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

10. Модный эксперимент

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

11. Место на двоих

Если в квартире живут два фрилансера, то практичным и удобным решением будет организовать двойное рабочее место. Каким образом? Здесь все очень просто: разместите домашний офис в углу, сделав поверхности перпендикулярными друг к другу. Для этого расположите два стола рядом возле соседних стен, чтобы они соединялись в углу.

12. Творческий уголок

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

13. В мансарде

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

14. Обзорная площадка

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

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

Понравилась статья? Тогда поддержи нас, жми:

Как украсить рабочий стол своими руками

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

Весьма полезно иметь обустроенное место для работы

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

Рабочий стол не обязательно должен быть большим

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

Какому стилю отдать предпочтение

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

Минимализм:

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

Ничто так не мотивирует к работе, как светлый комфортный кабинет, свободный от лишних деталей

Цветовая схема должна быть предельно простой

Скандинавский стиль:

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

Эффективность и сдержанность скандинавского стиля делает его идеальным выбором для современного рабочего кабинета

При желании монотонный белый интерьер можно разбавить ярким лимонным акцентом

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

Рабочее место в стиле лофт

Как обустроить кабинет в квартире

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

Отдельная комната – идеальное место для плодотворной работы

С чего же начать оформление и что нужно учитывать?

1. Выбирайте максимально нейтральные цвета для обустройства рабочей зоны: бежевый, белый, молочный, разбавляя их яркими аксессуарами.
2. Убедитесь, что в комнате присутствует достаточное количество света и помещение хорошо проветривается.
3. Подбирайте мебель по принципу: «чем больше в ней можно хранить вещей – тем лучше», это поможет избежать хаоса на рабочем столе.
4. Продумайте расположение розеток, они должны находиться рядом со столом.

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

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

Рабочее место на балконе

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

На просторной лоджии уместится письменный стол средних размеров

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

На узком балконе тоже можно устроиться вполне комфортно

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

Оформление рабочего пространства в нише

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

Рабочей поверхностью будет установленная в распор столешница

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

Небольшое рабочее место в нише, оформленное в духе 30-х годов

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

Установка стола на подоконник

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

Даже у небольшого окна можно организовать удобное рабочее место

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

Стол-подоконник в детской комнате

Полки прибейте на боковые стены. Так вы сохраните драгоценные квадратные метры от необходимости установки шкафа, да и все нужное будет всегда под рукой.

Рабочее место в кладовке

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

Кабинет в кладовке можно оформить в современном или классическом стиле

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

Потайная комната под маршевой лестницей

Опытные дизайнеры рекомендуют использовать несколько полезных советов:

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

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

Как отреставрировать старый стол: идеи декора

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

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

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

Декупаж. Понадобится несколько салфеток с любым рисунком, клей ПВА, широкая кисть и мебельный лак. Подготовьте стол, очистите его от пыли или других загрязнений. Нижнюю часть салфеток необходимо отделить от верхней, после чего рисунок нанести на поверхность, обильно смазывая клеем. Следите, чтобы верхняя часть салфетки плотно прилегала к столу. После высыхания клея, вскройте поверхность стола лаком в несколько слоев. Готово!

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

Кстати, грифельная доска – интересная идея для изготовления самодельного стола

Преимущество это способа в том, что «самоклейку» можно найти на любой вкус

Аксессуары и элементы декора

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

Организуйте свой персональный мудборд – своего рода «доску настроения», которая украсит интерьер и станет источником вдохновения

Яркие оттенки уместны в мелочах

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

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

Соберите канцелярские принадлежности в удобную коробочку

Наведите порядок среди проводов

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

Видео-советы по организации рабочего пространства

10 оригинальных способов организовать рабочее место дома

Рабочее место дома – необходимое пространство практически в каждой квартире. Но, к сожалению, не все располагают отдельным кабинетом. Поэтому встает вопрос, где найти и как обустроить рабочее пространство в жилой квартире таким образом, чтобы оно:
1. было удобным;
2. содержало все необходимое;
3. органично вписывалось в общий интерьер квартиры.

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

Правила организации

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

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

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

№4. Если вы решили организовать рабочее место дома, то его оформление не должно идти в разрез с общим интерьером вашей квартиры или комнаты.

Отдельная комната

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

В гостиной

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

В спальне

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

На кухне

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

На балконе

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

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

В кладовой

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

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

Варианты размещения

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

В нише

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

В шкафу

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

Откидной стол

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

Подоконник

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

Для двоих

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

Интересные идеи

Организовать рабочее пространство дома не так сложно, как это может показаться.
№1. Для того чтобы экономичней использовать помещение, закрепляйте на стенах полки и небольшие органайзеры, чтобы «разгрузить» рабочую поверхность.
№2. Принтер можно устанавливать не только на столе, но и на закрепленной полке, тем самым оставляя его под рукой, но освобождая место для работы дома.
№3. Используйте грифельные доски для записи важных идей.
№4. Добавьте в свою рабочую зону цветы, что поможет освежить и оживать дизайн вашего пространства.

Фото галерея

Рабочее место в интерьере квартиры.

Видео

Организация домашнего офиса.

Сейчас читают:

30 способов мгновенно преобразить ваше рабочее место

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

1. Храните мелкие вещи в стойке для специй.

Только не забудьте тщательно их вымыть, или Ваш ластик будет вечно пахнуть тмином.

2. Храните расходные материалы в винной стойке под полкой. Вино тоже можно хранить здесь.

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

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

5. Сделайте эти красочные органайзеры из консервных банок

6. Уложите их друг на друга для экономии места.

7. Покройте их краской для школьных досок для удобства маркировки.

8. Посчастливилось иметь лишнюю пружинку Слинки? Используйте ее для хранения письменных принадлежностей.

9. Держите кабели в порядке с этим организатором, который монтируется на столе.

Он стоит всего 9,99$, и Вы больше не будете униженно ползать по полу в поисках кабеля.

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

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

12. С помощью зажимов можно сделать большой держатель для шнуров.

13. Обклейте картотеку кусками обоев. Ткань или бумага для творчества тоже подойдут.

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

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

16. Храните бумаги на стене, прикрепив их к планшетам с зажимами.

17. Используйте один для списка дел. Этот человек, очевидно, не имеет никаких обязательств.

18. Обновите свое кресло. Теперь, если кто-то захочет украсть Ваше кресло, Вы об этом узнаете.

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

20. Никогда не проливайте жидкость с помощью этого держателя для напитков. Он крепится к краю стола и предотвращает страшные бедствия, вроде встречи-соевого-латте-с- MacBook-Pro.

21. Обклейте внутренние панели полок бумагой для творчества, чтобы придать им красок.

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

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

24. Перфорированные доски сохраняют много пространства. Храните важные напоминание и фотографии, которые Вам нравятся, на уровне глаз.

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

26. Эта панель заметок около клавиатуры сделает процесс занесения заметок (ручкой! В Ваших руках!) легким и ненавязчивым.

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

28. Используйте сушку для посуды в качестве готовой файловой системы.

29. Украсьте скучные папки термонаклейками. Они сделают даже Ваши налоговые декларации приятными и спокойными.

30. Картотека на колесах позволит легко и быстро изменить Ваше рабочее место. Передвигайте её на 2-4 сантиметра каждый день, и сведите с ума своего раздражительного коллегу. Или просто отодвиньте её в сторону, когда Вам необходимо освободить комнату.

lena_view

Lena View

Style. Design. Inspiration. Joie de vivre

Стильные идеи для организации рабочего стола

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

Цели

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

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

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

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

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

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

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

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

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

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

Провода под рукой

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

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

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

Ссылки на товары под фото

Подставка-прищепка для кружек и стаканов
Кружка с котиком (много цветов)
Кружка, которая сама меняет картинку в зависимости от того как напиток остывает

Мемо-доска, которая крепится сбоку монитора, с пандой или зайчиком. Больше не нужно клеить стикеры на сам монитор!
Мотивирующая табличка с блокнотом для списков

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

3D постер с пейзажем для релаксации
Постер с надписью
Глобус, парящий в воздухе

А КАК ВЫГЛЯДИТ ВАШ РАБОЧИЙ СТОЛ?

Как оформить рабочий стол | Новости Казани. Авто новости Казани. Новости бизнеса в Казани

favoritlab.ru

03.11.2015, 10:43
67
0
prokazan.ru

---

Рабочий стол на экране компьютера может многое рассказать о его владельце.

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

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

Немаловажную роль играют обои для рабочего стола. Они не только создают призваны создавать настроение, радовать взгляд, но и не отвлекать от работы. Например, обои зима http://7fon.ru/Обои/Зима/ удачны по цветовому сочетанию и на их фоне ярлыки смотрятся заметнее. Чтобы установить новые обои для рабочего стола, щелкнув правой кнопкой, выбрать пункт «свойства экрана».

Среди обязательных ярлыков на рабочем столе должны присутствовать:

• «мой компьютер»
• «корзина»
• «мои документы»
• папка с рабочими программами
• программы для связи – скайп или вайбер

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

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

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

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

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

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

подписывайся на наши соц.сети

50 фото идей для организации и оформления

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

Виды и конфигурации рабочих столов

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

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

Комплектаций рабочих столов великое множество. Часто они снабжены:

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

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

    

Стиль декорирования и цветовые решения

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

    

Декорирование стола в разных стилях

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

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

Стол в стиле хай-тек может быть выполнен из МДФ с глянцевым покрытием, из прозрачного или черного стекла, из металла. Здесь будут уместны хромированные и пластиковые органайзеры, вазы из проволоки, авангардные дизайнерские аксессуары, подсветка, электронные устройства – фоторамка, часы, метеостанция.

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

    

Аксессуары в качестве декора рабочего стола

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

    

Советы по размещению в интерьере

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

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

    

Дополнительное освещение

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

    

Рабочее кресло – неотъемлемая часть рабочего стола

Выбор кресла – ответственная задача. Здесь учитываются следующие факторы:

• эргономичность;
• соответствие росту владельца;
• стиль;
• цветовое решение;
• материал исполнения;
• наличие подлокотников.

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

    

Способы декора своими руками

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

Способы декорирования:

1. Декупаж – изображение с декупажных карт или салфеток переносится на столешницу и фиксируется при помощи специального клея и лака. Также для этого можно использовать фрагмент обоев, оставшихся после оклейки стен.
2.  Роспись – для того, чтобы расписать стол, не обязательно быть художником. Рисунок можно создать при помощи трафарета.
3. Кракелюр – мебель декорируют специальным лаком для придания ей винтажного вида.
4. Наклейки – отличный выбор для оформления детского стола, а также хорошее средство для маскировки дефектов.
5. Мозаика – с помощью маленьких плиточек можно создать оригинальное покрытие. Такая поверхность устойчива к воздействию влаги и механическим повреждениям.
6. Под стеклом – самый простой способ украшения стола – под стекло можно положить календарь, различные открытки, фотографии и даже осенние листья.

Правила размещения оборудования

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

Советы по расположению стола по фэн-шуй

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

    

Заключение

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

Оптимизация дизайна настольных приложений

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

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

Предотвратить сползание функций

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

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

Создайте знакомый интерфейс

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

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

Сделать важные элементы видимыми или легко обнаруживаемыми

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

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

Четкая иконография

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

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

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

Единый дизайн настольных приложений

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

Учитывать особенности платформы

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

Диалоговое окно Windows.Диалоговое окно macOS.

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

Разработайте правильную информационную плотность

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

Вот две вещи, которые следует помнить, когда
проектирование для настольных ПК:

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

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

Обеспечение визуальной обратной связи

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

Визуальная обратная связь при нажатии кнопки. Изображение от codemyui.

Всегда разрешать «Отменить»

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

«Пользовательский контент священен и не должен быть потерян», — говорит Джеф Раскин. Вот почему пользовательский интерфейс рабочего стола всегда должен иметь возможность быстро отменить действие. Создайте опцию «Отменить» в главном меню и как ярлык (например, Ctrl + Z).

Дизайн для сети

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

Адаптация содержимого к сетке. Изображение предоставлено Adobe XD.

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

Предоставить ярлыки

Мобильные и настольные устройства имеют разные
элементы управления вводом. Сенсорный экран — это основной способ ввода данных на мобильном телефоне,
а для настольных компьютеров у нас есть мышь и клавиатура. Сочетания клавиш позволяют пользователям
работать эффективнее. Например, чтобы что-то скопировать, мы используем Ctrl + C
вместо того, чтобы щелкнуть кнопкой мыши и выбрать опцию Копировать в
контекстное меню.

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

Ярлыки рядом с параметрами навигации.

Дизайн для более длительных пользовательских сеансов

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

Разрешить пользователям переключаться с мобильного на настольный

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

Имитация взаимодействия с приложением

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

Инструменты для создания прототипов, такие как Adobe XD, упростили для дизайнеров возможность увидеть свои проекты в реалистичной среде рабочего стола macOS или Windows. Все, что нужно сделать дизайнерам, — это выбрать подходящий фрейм и создать связи между экранами.

Заключение

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

Как разрабатывать UX для настольных приложений — приложения Win32

• 09.02.2021
• Читать 12 минут

Эта страница полезна?

Оцените свой опыт

да

Нет

Любой дополнительный отзыв?

Отзыв будет отправлен в Microsoft: при нажатии кнопки отправки ваш отзыв будет использован для улучшения продуктов и услуг Microsoft.Политика конфиденциальности.

Представлять на рассмотрение

В этой статье

Примечание

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

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

Мощный:

Мощно и просто:

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

Что делает приложение мощным?

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

Приложение является мощным, если оно имеет правильное сочетание этих характеристик:

• Включение. Приложение удовлетворяет потребности своих целевых пользователей, позволяя им выполнять задачи, которые они не могли бы выполнить другим способом, и эффективно достигать своих целей.
• Эффективно. Приложение позволяет пользователям выполнять задачи с уровнем производительности и масштаба, который раньше был невозможен.
• Универсальность. Приложение позволяет пользователям эффективно выполнять широкий спектр задач в самых разных обстоятельствах.
• Прямой. Кажется, что приложение напрямую помогает пользователям в достижении их целей, вместо того, чтобы мешать или требовать ненужных шагов. Такие функции, как сочетания клавиш, доступ с клавиатуры и макросы, улучшают ощущение непосредственности.
• Гибкий. Приложение позволяет пользователям полностью контролировать свою работу.
• Интегрированный. Приложение хорошо интегрировано с Microsoft Windows, что позволяет ему обмениваться данными с другими приложениями.
• Продвинутый. Приложение обладает необычными, инновационными и современными функциями, которых нет в конкурирующих решениях.

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

Все эти характеристики можно объединить в наше определение мощности:

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

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

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

Если вы делаете только одно …

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

Что упрощает взаимодействие с пользователем?

Мы определяем простоту следующим образом:

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

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

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

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

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

Простота против простоты использования

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

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

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

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

Если вы делаете только одно …

Начните процесс проектирования с простейших проектов, которые хорошо справляются со своей задачей.

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

Получение простоты при сохранении мощности

Принципы проектирования

Чтобы добиться простоты, всегда учитывайте вероятное, а не возможное.

Возможное

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

Вероятное

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

Принцип простоты конструкции

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

То, что будут делать пользователи, гораздо важнее для дизайна, чем то, что они могут делать.

Техника проектирования

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

Выбор правильного набора функций

«Совершенство достигается не тогда, когда больше нечего добавить,

, но когда уже нечего забирать », — Антуан де Сент-Экзюпери

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

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

Оптимизация презентации

«Возможность упрощения означает устранение ненужных

, чтобы нужные могли говорить «. — Ханс Хофманн

Используйте следующие методы проектирования для сохранения мощности при достижении простоты за счет уменьшения или удаления:

• Объедините то, что нужно объединить. Объедините основные функции, поддерживающие задачу, так, чтобы задачу можно было выполнять в одном месте. Шаги задачи должны иметь единый, отлаженный поток. Разбейте сложные задачи на набор простых и понятных шагов, чтобы «одно» место могло состоять из нескольких поверхностей пользовательского интерфейса, например мастера.
• Отделите то, что нужно отделить. Не все можно представить в одном месте, поэтому всегда имейте четкие, хорошо выбранные границы. Сделайте функции, поддерживающие основные сценарии, центральными и очевидными, и скройте дополнительные функции или сделайте их периферийными.Разделите отдельные задачи и предоставьте ссылки на связанные задачи. Например, задачи, связанные с манипулированием фотографиями, должны быть четко отделены от задач, связанных с управлением коллекциями фотографий, но они должны быть легко доступны друг для друга.
• Избавьтесь от того, что можно устранить. Распечатайте свой дизайн и выделите элементы, используемые для выполнения наиболее важных задач. Выделите даже отдельные слова в тексте пользовательского интерфейса, которые передают полезную информацию. Теперь просмотрите, что не выделено, и подумайте об удалении этого из дизайна.Если убрать предмет, случится ли что-нибудь плохое? Если нет, удалите его!
• Последовательность, настраиваемость и обобщение часто являются желательными качествами, но они могут привести к ненужной сложности. Проверьте свой дизайн на предмет ошибочных усилий в отношении согласованности (например, наличия повторяющегося текста), обобщения (например, наличия любого количества часовых поясов, когда достаточно двух) и настраиваемости (например, параметров, которые пользователи вряд ли изменят), и исключите что можно устранить.
• Поставьте элементы в нужное место. В окне расположение элемента должно соответствовать его полезности. Основные элементы управления, инструкции и объяснения должны быть в контексте в логическом порядке. Если требуются дополнительные параметры, отобразите их в контексте, щелкнув шеврон или аналогичный механизм; если требуется дополнительная информация, отображать всплывающую подсказку при наведении курсора мыши. Поместите менее важные задачи, параметры и справочную информацию вне основного потока в отдельное окно или страницу. Техника отображения дополнительных деталей по мере необходимости называется прогрессивным раскрытием.
• Используйте значимые высокоуровневые комбинации. Часто бывает проще и масштабируемее выбирать группы связанных элементов и управлять ими, чем отдельными элементами. Примеры высокоуровневых комбинаций включают папки, темы, стили и группы пользователей. Такие комбинации часто соответствуют цели или намерению пользователя, которые не очевидны для отдельных элементов. Например, цель цветовой схемы High Contrast Black гораздо более очевидна, чем у черного фона окна.
• Выберите правильные элементы управления. Элементы дизайна воплощены в элементах управления, которые вы используете для их представления, поэтому выбор правильного элемента управления имеет решающее значение для эффективного представления. Например, поле выбора шрифта, используемое Microsoft Word, показывает как предварительный просмотр шрифта, так и последние использованные шрифты. Точно так же способ, которым Word показывает возможные орфографические и грамматические ошибки на месте, намного проще, чем альтернатива диалоговому окну, как показано в начале этой статьи.

Снижение усилий

«Простые вещи должны быть простыми.

Сложные вещи должны быть возможны »- Алан Кей

Следующие методы проектирования позволяют сократить усилия пользователей:

• Сделайте задачи обнаруживаемыми и видимыми. Все задачи, но особенно частые, должны легко обнаруживаться в пользовательском интерфейсе. Шаги, необходимые для выполнения заданий, должны быть видимыми и не должны зависеть от запоминания.
• Присутствуют задачи в домене пользователя. Сложное программное обеспечение требует, чтобы пользователи сопоставляли свои проблемы с технологиями.Простое программное обеспечение делает это отображение за них, показывая то, что естественно. Например, функция уменьшения эффекта «красных глаз» отображается непосредственно на проблемное пространство и не требует от пользователей размышлений о деталях, таких как оттенки и градиенты.
• Внесите в программу знания предметной области. От пользователей не требуется доступа к внешней информации для успешного использования вашего приложения. Знания в предметной области могут варьироваться от сложных данных и алгоритмов до простого разъяснения того, какой тип ввода допустим.
• Используйте текст, понятный пользователям. Хорошо составленный текст имеет решающее значение для эффективного общения с пользователями. Используйте понятия и термины, знакомые вашим пользователям. Полностью объясните, о чем спрашивают, простым языком, чтобы пользователи могли принимать разумные и обоснованные решения.
• Используйте безопасные, надежные, вероятные значения по умолчанию. Если параметр имеет значение, которое применяется к большинству пользователей в большинстве случаев, и этот параметр является одновременно безопасным и надежным, используйте его в качестве значения по умолчанию. Заставьте пользователей указывать значения только при необходимости.
• Используйте ограничения. Если существует много способов выполнить задачу, но только некоторые из них верны, ограничьте задачу этими правильными способами. Нельзя позволять пользователям совершать легко предотвратимые ошибки.

Простота не означает упрощения

«Все должно быть сделано как можно проще,

, но не проще »- Альберт Эйнштейн

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

Простота означает больше усилий для вас

«Я сделал это письмо длиннее только потому, что у меня

Не время делать его короче ». — Блез Паскаль

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

Мощный и простой

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

Дизайн настольных компьютеров и мобильных приложений: как оптимизировать взаимодействие с пользователем

Сильно ударила мобильная волна.Еще в 2014 году использование Интернета для мобильных приложений превзошло использование настольных компьютеров (в США), а вскоре после этого, в 2016 году, общее количество просмотров Интернета на мобильных устройствах превысило их количество на настольных компьютерах (во всем мире). Эта волна изменила правила игры в цифровой дизайн.

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

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

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

Дизайн приложений для настольных ПК и мобильных: большие различия

—

Размер экрана

Рабочий стол = большой

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

Приложения

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

Большой экран рабочего стола позволяет навигационному меню eBay «предлагать» категории, которые изначально скрыты на мобильных устройствах. Через ebay

Мобильный = маленький

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

Взаимодействие

Рабочий стол = курсоры

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

Не смейтесь над управлением жестами; Tinder построил на них империю. Через Loop

Mobile = жесты

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

Организация контента

Рабочий стол = столбцы

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

Приложения Spotify для настольных ПК, мобильных устройств и планшетов. Через Spotify

Mobile = прокрутка

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

Мобильное устройство = книжная и альбомная ориентация

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

Функциональность

Рабочий стол = большие задачи

Судя по результатам опроса Gallup Panel, пользователи предпочитают настольные приложения для выполнения более длительных и сложных задач.Причина одна: мобильные экраны ограничивают количество функций, доступных одновременно. Это одна из причин, по которой Adobe выбрала гибридное приложение Photoshop Mix вместо того, чтобы переносить весь Photoshop на мобильные устройства.

Просто невозможно перенести все инструменты Photoshop на мобильные устройства, поэтому на мобильных устройствах доступны только гибриды и версия Lite. Через Adobe.

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

Mobile = экспериментальный

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

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

Вот лишь несколько примеров:

• Виртуальная реальность
• Дополненная реальность
• Несколько камер
• Акселерометры и гироскопы
• Мобильные списки контактов
• Магнитные датчики

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

Лучшие практики для настольных ПК vs.дизайн мобильного приложения

—

Что все это означает на практике? Что вы должны делать по-разному для каждой среды? Давайте посмотрим на конкретные советы по дизайну, которые помогут вам оптимизировать дизайн каждого из них.

Go для мобильных устройств

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

Приоритет элементов

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

Настольное приложение Skype имеет левостороннюю навигацию, а мобильное приложение — полностью вертикальное. Через Skype.

Работа с колоннами

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

Воспользуйтесь преимуществами мобильного телефона

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

Не забывайте менталитет

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

Сделайте ваши приложения союзниками

—

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

Индивидуальный дизайн веб-сайтов и приложений от Майка Барнса.

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

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

Ищете дизайн для настольного или мобильного приложения?

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

Как создать свои собственные обои для рабочего стола или смартфона

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

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

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

Используйте Canva для создания собственных обоев

Как только вы зарегистрируетесь, вам будет предложено выбрать, почему вы используете Canva.Выберите Personal . Щелкните Может быть, Позже в правом верхнем углу следующей карточки, чтобы пропустить регистрацию Canva Pro.

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

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

Если вам нужно что-то простое, вы можете выбрать один из шаблонов в разделе шаблонов. Вы даже можете искать определенные слова и темы. Допустим, вам нужна мирная сцена. Вы можете ввести nature , и появятся соответствующие результаты.

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

Или щелкните и перетащите границы, чтобы отрегулировать размер. Либо щелкните и перетащите значок поворота, чтобы повернуть элемент.

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

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

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

Имейте в виду, что разрешение обоев по умолчанию — 1920 × 1080 для рабочего стола и 1080 × 1920 для смартфона, поэтому вы можете выбрать фотографии, соответствующие этим разрешениям.

Если вам нужны обои с другим разрешением, просто нажмите кнопку Изменить размер вверху, а затем нажмите Пользовательские размеры .Введите нужные размеры и нажмите Изменить размер или Копировать и изменить размер .

Чтобы снова найти шаблоны обоев, просто введите wallpaper в поле поиска.

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

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

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

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

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

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

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

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

Если вы работаете в Windows, вы можете щелкнуть правой кнопкой мыши загруженный файл и выбрать установить в качестве фона рабочего стола . На Mac вы можете щелкнуть правой кнопкой мыши фотографию в приложении «Фото», нажать Поделиться , затем нажать Установить изображение рабочего стола .

Для Android и iOS необходимо сначала передать файл на смартфон, а затем установить его в качестве фона рабочего стола или экрана блокировки в меню настроек.Если в какой-то момент вы захотите внести изменения, Canva автоматически сохранит ваши дизайны, чтобы вы могли вернуться и внести изменения, а затем загрузить их снова.

Designlab | Фигма 101, день 6

Цели обучения:

• Узнать об ограничениях
• Изучите шаблоны дизайна для планшетов и настольных ПК
• Попрактикуйтесь в адаптации дизайна мобильного приложения для экрана большего размера
• Закрепите вчерашние навыки создания прототипов

Время выполнения: 45 минут

---

Сегодняшнее руководство

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

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

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

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

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

1. Щелкните и перетащите, чтобы выбрать все элементы на панели навигации. Сгруппируйте эти элементы с помощью ⌘G (Mac) или CtrlG (ПК). Затем преобразуйте новую группу в фрейм, используя раскрывающееся меню в верхней части инспектора. В Figma кадры могут быть вложенными — это означает, что один кадр может содержать другой кадр.Переименуйте этот новый фрейм в «Панель навигации».
2. Затем давайте установим ограничения на то, как фрейм «Панель навигации» будет соотноситься с фреймом контейнера «Страница фотографий — Меню». Выбрав фрейм панели навигации, измените настройки ограничений на «Слева и справа» и «Снизу» соответственно. Это означает, что Figma сохранит положение панели навигации относительно левого и правого краев, и что она будет привязана к нижнему краю рамки.
3. Наконец, нам нужно установить, как объекты в рамке панели навигации соотносятся с их контейнером.Дважды щелкните рамку панели навигации, затем выберите каждый объект по очереди и установите для него ограничения следующим образом:
   • Фоновый прямоугольник: слева и справа, снизу
   • Значок камеры: по центру, снизу
   • Стрелка назад: влево, вниз
   • Кнопка гамбургера: правая, нижняя

   Попробуйте изменить размер рамки. Вуаля! Панель навигации, которая правильно изменяет размер и масштаб и остается прикрепленной к нижней части фрейма.

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

Планшет (горизонтальный):

1. Нажмите F, чтобы выбрать инструмент Frame
2. Щелкните раскрывающееся меню «Планшет» в Inspector

.

3. Нажмите «iPad Pro 10.5»
4. После создания кадра переключите ориентацию на альбомную в верхней части инспектора, рядом с раскрывающимся меню, которое мы только что использовали для создания кадра.
5. В Инспекторе добавьте Layout Grid, как мы это делали в первый день, измените количество столбцов на 12, установите отступ на 16 и поле на 32

Рабочий стол:

1. Нажмите F, чтобы выбрать инструмент Frame
2. Щелкните раскрывающееся меню «Рабочий стол» в Inspector

.

3. Щелкните «Рабочий стол» (1440 * 1024)
4. В Инспекторе добавьте Layout Grid, как мы это делали в первый день, измените количество столбцов на 12, установите отступ на 16 и поле на 128

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

Вот контрольный список, который следует помнить при работе над этим:

• Как пользователь, что бы вы хотели согласовывать между мобильной и планшетной / настольной версиями приложения? (Возможно, цвет или определенные шаблоны макета, такие как фотопоток?)
• В равной степени, чем бы вы хотели отличаться? (Например, чем могут отличаться навигация и меню на планшете или компьютере?)
• Взгляните на другие сайты, чтобы понять, как относительный масштаб, размеры и интервалы между элементами могут отличаться на более крупном устройстве.
• Посетите сайт UI Patterns, чтобы узнать, как вы можете расположить элементы в другом формате: ui-patterns.com

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

Сегодняшние бонусы

+ Образец файла с выполненным на сегодня заданием

Настольное прототипирование.Как сеттинг играет важную роль в… | Зак Джонстон | Dropbox Design

Как настройки играют важную роль при проектировании для настольных компьютеров

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

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

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

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

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

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

Имитация рабочего стола

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

Итак, чтобы дизайнерам было проще разместить свою работу на рабочем столе, мы создали шаблон Sketch с несколькими базовыми средами рабочего стола macOS и Windows.

Шаблон Sketch для упрощения моделирования среды рабочего стола.

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

Добавление измерения времени

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

⏮️ До: Почему они устанавливают Dropbox? Нетерпеливый клиент просто прислал им ссылку на папку Dropbox, и они устанавливают Dropbox для доступа к этой папке?

⏸ Во время: К каким приложениям им нужно получить доступ при установке Dropbox? Нужно ли им переключаться между Safari и Finder, чтобы завершить процесс адаптации?

⏭ После: Что отвлекает их от установки Dropbox? Были ли они на полпути процесса адаптации, когда предупреждение Календаря напомнило им позвонить клиенту через 5 минут?

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

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

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

Моей первой идеей было просто расширить наши шаблоны Sketch и использовать InVision для создания прототипов. Это не совсем попало в цель. Окончательные прототипы не казались реалистичными, и базовые действия на системном уровне, такие как перетаскивание, были невозможны.

Поскольку Framer был моим любимым инструментом для создания прототипов настольных компьютеров и команда Dropbox уже активно использовала его, я решил сделать его нашим основным инструментом для создания прототипов настольных компьютеров. С помощью нашей команды Design Systems мы создали набор компонентов рабочего стола Framer многоразового использования.Он включает в себя все строительные блоки, которые могут понадобиться нашей команде для создания прототипов реалистичных сред MacOS и Windows.

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

Загрузите наш комплект Framer Desktop

Мы хотим, чтобы сообщество дизайнеров извлекло пользу из недель работы, потраченных на создание этого набора прототипов, поэтому сегодня мы публикуем Desktop Kit на веб-сайте Framer! Обратитесь к разработчику .com / resources , чтобы загрузить его.

Вот несколько советов по началу работы с Desktop Kit:

Вкладка «Дизайн»

Первое, на что следует обратить внимание при открытии набора, это то, что приложения macOS и Windows 10 отображаются прямо на вкладке «Дизайн». Это значительно ускоряет процесс обучения и дает людям, более знакомым со Sketch, удобное место для начала.

Создайте нарисованные от руки иллюстрированные обои для рабочего стола

Предварительный просмотр

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

Скачать бесплатно обои

Я сделал персонализированный рабочий стол доступным для бесплатной загрузки. Установите его и установите в качестве обоев рабочего стола, чтобы показать Design Instruct немного любви. Размер 2560×1600 пикселей, поэтому он довольно велик даже для огромных компьютерных мониторов. Щелкните ссылку, указанную ниже, чтобы получить обои.

Учебные ресурсы

Шаг 1. Подумайте о документе, теме и макете

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

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

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

Затем я выбираю тему и макет иллюстрации. Я решил использовать типографику как центральный элемент иллюстрации.Я выбрал тему Summer .

Шаг 2: Выберите шрифты

Я выбрал шрифт PT Banana Split, так как считаю, что он соответствует моему стилю иллюстрации.

Шаг 3: перерисовать шрифт

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

Шаг 4: Найдите образы и вдохновение для выбранной темы

Следующим шагом будет поиск подходящих изображений для выбранной вами темы.Мне нравится проводить мозговой штурм по теме и таким образом придумывать подходящие изображения. Я просматриваю свои альбомы, использую Google Images и стоковые фотографии для вдохновения.

Шаг 5. Размещение изображений в макете

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

Шаг 6: Использование тонкой подводки и кальки

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

Шаг 7. Сканирование в Photoshop

Обведя иллюстрацию, отсканируйте ее в Photoshop. Хотя это для экрана, я сканирую изображение с разрешением 600 dpi, что упрощает редактирование. В конце разрешение будет уменьшено.

Чтобы импортировать рисунок прямо со сканера в Photoshop, в Photoshop выберите «Файл»> «Импорт»>, затем выберите источник для сканера.

Шаг 8. Сделайте линии более четкими

После сканирования изображения пора сделать линии более резкими и удалить все промежуточные тона. У вас должны остаться четкие черные линии и белый фон.

Первым шагом является преобразование изображения в оттенки серого путем обесцвечивания изображения. Сделайте это, перейдя в Image> Adjustments> Desaturate (Cmd / Ctrl + U). Это удалит любые нежелательные цвета с изображения.

Второй шаг — удалить все полутона, так что у нас останется только черно-белый слой.Используйте диалоговое окно настройки уровней, выберите Изображение> Коррекция> Уровни, чтобы открыть его.

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

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

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

Шаг 9: Организуйте слои

Создайте новый слой и назовите его «цвет». Затем перетащите этот слой под слой «линия».

Теперь выберите инструмент Magic Wand Tool (W) на панели инструментов.

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

Как только это будет сделано, выберите белый фон с помощью инструмента Magic Wand Tool и вырежьте его (Edit> Cut). Теперь у вас должна остаться только иллюстрация с черной линией.

Создайте новый слой под названием «Фон» и перетащите его под слой «линия».

Теперь, когда на панели слоев выбран слой «Фон», щелкните значок Paint Bucket Tool (G) на панели инструментов и используйте этот инструмент, чтобы залить слой коричневым цветом (# 512c1a).

Шаг 10. Давайте добавим цвет

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

Следующая часть (раскраска линий) полностью зависит от ваших предпочтений.

Я выбрал следующие цвета:

• Аквамарин : # 38b2a3
• Аква : # 72e6d8
• Розовый : # e54e77
• Зеленый : # a0c923
• Белый : #ffffff

С «цветным» слоем, активным слоем на панели «Слои», начните раскрашивать элементы иллюстрации.

Цветовая шкала

Шаг 11: Затенение иллюстрации

После добавления цвета создайте новый слой над слоем «цвет» и назовите его «тень». Установите цвет переднего плана на черный (# 000000) и установите непрозрачность слоя «тень» на 40%

Теперь начните закрашивать темные участки на иллюстрации.

Шаг 12: Последние штрихи

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

Когда (и только когда) вас устраивает иллюстрация, вы можете уменьшить разрешение. Создайте новый документ с размерами 2560 на 1600 пикселей и разрешением 72 точки на дюйм.

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

Краткое содержание учебника

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