Дежурка сайт для дизайнеров: Дизайн журнал №1.

Содержание

Текст из воды в Adobe Photoshop

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

 

Исходники

Для выполнения урока вам понадобятся следующие исходники:

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

Шаг 1

Откройте изображение текстуры шелка, выберите в меню Image > Image Size/Изображение>Размер изображения, и измените Width/Ширину и Height/Высоту на 500 пикселей.

Шаг 2

В меню выберите Edit > Define Pattern/Редактировать>Определить узор, и нажмите OK.

Проделайте ту же процедуру с текстурой тающего льда.

Шаг 3

Создайте новый документ размером 960x650px, кликните по иконке Create new fill or adjustment layer/Создайте новый корректирующий слой или слой-заливку в нижней части палитры Layers/Слои, выберите Solid Color/Сплошной цвет, и используйте цвет #06131e.

Шаг 4

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

2. Выделяем воду на изображении

Шаг 1

Откройте изображение волны и выберите в меню Image > Calculations/Изображение>Вычисления.

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

Шаг 2

В меню выберите Select > Load Selection/Выделение>Загрузить выделение. Настройте параметры как показано ниже.

Шаг 3

Откройте палитру Channels/Каналы и кликните по квадратику возле канала RGB, чтобы увидеть оригинальное изображение.

Вернитесь в палитру Layers/Слои и нажмите Ctrl+C, чтобы скопировать выделенную область.

3. Добавляем маску изображению с водой

Шаг 1

Вернемся в наш документ. Нажмите Ctrl+V, чтобы вставить скопированную область в наш документ. Переименуйте этот слой в Water Fill, кликните по нему правой кнопкой и выберите Convert to Smart Object/Преобразовать в смарт-объект.

Шаг 2

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

Шаг 3

Скройте слой с текстом, перейдите к слою Water Fill, и кликните по иконке Add layer mask/Добавить маску слоя в нижней части палитры Layers/Слои.

4. Редактируем изображение внутри маски

Шаг 1

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

Шаг 2

Кликните по слою Water Fill, чтобы сделать активным его (по слою, а не по маске). Нажмите Command/Ctrl+T чтобы войти в режим свободного трансформирования, и масштабируйте изображение с водой таким образом, чтобы вам нравился результат. Нажмите клавишу Return/Enter, чтобы принять изменения.

Шаг 3

Укажите слою Water Fill параметр Fill/Заливка в 0% и дублируйте слой.

5. Стили для первого слоя с водой

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

Шаг 1

— Bevel and Emboss/Тиснение

Цвет: #ffffff

Шаг 2

— Contour/Контур

Шаг 3

— Texture/Текутсра

Pattern/Узор: узор шелка из первого шага

Вот что должно получиться:

6. Стили для второго слоя с водой

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

Шаг 1

— Bevel and Emboss/Тиснение

Цвет: #ffffff

Шаг 2

— Contour/Контур

Шаг 3

— Texture/Текстура

Pattern/Узор: узор с текстурой тающего льда

Вот что получится.

7. Стиль для слоя с брызгами

Шаг 1

Создайте новый слой поверх остальных, и назовите его Water Brushes. Укажите этому слою Fill/Заливку в 0%.

Кликните дважды по слою и укажите стили, которые указаны ниже.

Шаг 2

— Bevel and Emboss/Тиснение

Цвет: #ffffff

Шаг 3

— Contour/Контур

Шаг 4

— Texture/Текстура

Pattern/Узор: узор шелка

8. Добавляем маску и кисти брызг

Шаг 1

Возьмите инструмент Brush/Кисть и откройте палитру Brush/Кисть.

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

Шаг 2

Нарисуйте в новом слое всплески воды поверх букв.

Шаг 3

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

9. Создаем эффект, используя множество кистей

Шаг 1

Кликните правой кнопкой по слою Water Brushes и выберите Copy Layer Style/Копировать стиль слоя.

Создайте новый слой и назовите его Water Brushes 2, кликните по нему правой кнопкой и выберите Paste Layer Style/Вставить стиль слоя.

Можете также указать ему маску.

Шаг 2

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

Шаг 3

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

Шаг 4

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

10. Корректируем маску

Шаг 1

Выберите маску слоя Water Fill.

Шаг 2

В меню выберите Filter > Filter Gallery > Brush Strokes > Spatter/Фильтр>Галереи фильтров>Штрихи>Разбрызгивание. И настройте фильтр как показано ниже.

11. Финальные коррекции

Шаг 1

Создайте новый слой и назовите его High Pass. Нажмите Shift-Option-Command-E/Shift-Alt-Ctrl-E, чтобы создать слой, в котором объединены все видимые слои. Кликните по нему правой кнопкой и выберите Convert to Smart Object/Преобразовать в смарт-объект.

Шаг 2

В меню выберите Filter > Other > High Pass/Фильтр>Другое>Цветовой контраст, и укажите радиус в 1.5.

Шаг 3

Укажите слою Blend Mode/Режим наложения Soft Light/Мягкий свет, и снизьте Opacity/Непрозрачность до 50%.

Шаг 4

Кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой в нижней части палитры Layers/Слои, и выберите Color Lookup/Поиск цвета.

Выберите FallColors.look из меню 3DLUT, и снизьте Opacity/Непрозрачность до 50%.

Результат

Автор урока tutpad

Перевод — Дежурка

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

Более 40 фотореалистичных рисунков

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

Уэйн Форрест

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

Дрю Блэр

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

Линда Хубер

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

Роб Хефферан

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

Криштоф Лукасевич

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

Хуан Франциско Касас Руис

Хуан испанский художник, рисующий реалистичные портреты исключительно ручкой BIC. Конечно же в портфолио Хуана есть несколько просто потрясающих картин.

Халим Джодбан

Джереми Джеддас

Алисса Монкс

Дэн Витз

Майкл Гаскелл и его работа Гарри

Работа Дэвида Айхенберга

Рисунок с девочкой от Адама Стеннетта

Автор — hongkiat

Перевод — Дежурка



Комментарии

12 лучших сайтов для дизайнеров

Обновлено: 22. 04.2021 18:35:10

*Обзор лучших по мнению редакции expertology.ru. О критериях отбора. Данный материал носит субъективный характер, не является рекламой и не служит руководством к покупке. Перед покупкой необходима консультация со специалистом.

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

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

Рейтинг лучших сайтов для дизайнеров

Номинация Место Наименование Рейтинг
Лучшие англоязычные сайты для дизайнеров       1 bypeople. com       5.0
      2 davidairey.com       4.9
      3 bittbox.com       4.8
      4 pixabay.com       4.7
Лучшие русскоязычные сайты для дизайнеров       1 Render.ru       5.0
      2 allday2.com       4.9
      3 design-mania       4. 8
      4 dejurka       4.7
      5 designonstop       4.6
      6 Crello       4.5
      7 Canva       4.4
      8 Behance       4.3
      9 habr.com       4.2

Лучшие англоязычные сайты для дизайнеров

Первая номинация включает сайты с информацией на английском языке.

bypeople.com

Рейтинг: 5.0

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

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

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

davidairey.com

Рейтинг: 4.9

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

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

Достоинства
  • оригинальная подача материала;
  • интересные статьи от профессионала;
  • огромная популярность сайта;
  • автобиография знаменитого дизайнера.

bittbox.com

Рейтинг: 4.8

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

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

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

pixabay.com

Рейтинг: 4.7

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

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

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

Лучшие русскоязычные сайты для дизайнеров

Вторая номинация подойдет тем, кто предпочитает сайты на русском языке.

Render.ru

Рейтинг: 5.0

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

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

Достоинства
  • стильный дизайн сайта;
  • много бесплатных уроков;
  • большое количество примеров;
  • проведение денежных конкурсов.
Недостатки
  • не обнаружено.

allday2.com

Рейтинг: 4.9

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

Здесь много видеоуроков и книг по обработке фотографий. Радует огромное количество шрифтов, картинок и клипартов. Таким образом allday2 – это кладезь нужной информации. Каждый найдет здесь для себя что-нибудь полезное. Единственный минус, это большое количество рекламы.

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

design-mania

Рейтинг: 4.8

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

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

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

dejurka

Рейтинг: 4.7

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

Здесь есть все, что нужно – от сложных уроков в Photoshop до простых идей для открыток. Главное – не потеряться в таком большом объеме информации. На страницах портала можно поделиться своим опытом и написать статью, которую опубликуют в соответствующей рубрике.

Достоинства
  • ежедневное обновление материала;
  • много уроков в Photoshop;
  • возможность публикации.

designonstop

Рейтинг: 4.6

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

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

Достоинства
  • много информации об оформлении страниц соцсетей;
  • особенно полезен сайт для новичков;
  • простое и доступное изложение.
Недостатки
  • профессионалам здесь будет скучно.

Crello

Рейтинг: 4.

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

У истоков Crello стоит креативная команда одного из крупнейших мировых фотобанков Depositphotos. Идея состояла в создании простого и доступного, но одновременно мощного онлайн-сервиса для блогеров, SMM-специалистов, работников медиаресурсов и любых других творческих людей.

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

В настоящее время библиотека Crello насчитывает более 30тыс. шаблонов разных форматов для блогов и соцсетей, десятки самих форматов, тысячи готовых анимированных объектов, а число фотографий самых разных тематик исчисляется миллионами. Конечно, всё это богатство непрерывно пополняется.

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

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

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

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

Canva

Рейтинг: 4.

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

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

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

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

Законченную работу можно сохранять в разных форматах — JPG, PNG и PDF или распечатать, воспользовавшись специальным виджетом. Также доступна функция прямой публикации в соцсетях или отправки электронной почтой. Так как это облачный сервис, то показать кому-то своё творение можно просто поделившись прямой ссылкой.

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

Базовые функции Canva предоставляются бесплатно. Более «продвинутые» возможности доступны уже по подписке. Сервисы Canva и Crello могут вполне быть взаимозаменяемыми в плане бесплатной доступности тех или иных функций или наличия определённых возможностей вообще.

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

Behance

Рейтинг: 4.

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

Behance впервые появился в теперь уже далёком 2006 году как сервис для создания собственных галлерей. За считанные годы сервис развился настолько, что на него обратил внимание такой гигант как Adobe. В 2012 году Adobe полностью купила Behance и включила в состав Creative Cloud.

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

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

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

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

Достоинства
  • огромная платформа для черпания вдохновения;
  • мощные возможности для раскрутки собственного имени;
  • огромное сообщество единомышленников;
  • входит в Adobe Creative Cloud;
  • возможность отслеживания статистики посещений;
  • есть мобильное приложение.
Недостатки
  • «глюки» мобильного приложения.

habr.com

Рейтинг: 4.5

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

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

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


Оцените статью
 

Всего голосов: 0, рейтинг: 0

Внимание! Данный рейтинг носит субъективный характер, не является рекламой и не служит руководством к покупке. Перед покупкой необходима консультация со специалистом.

7 ошибок, которых легко избежать при дизайне сайта — подборки на Skillbox

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

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

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

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

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

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

Как избежать?

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

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

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

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

Как видите, отсутствие пространства приводит к тому, что сайт тяжело воспринимать.

Как избежать?

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

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

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

Отсутствие акцентов — не единственная проблема этого дизайна

Как избежать?

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

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

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

Хорошо, если вы начинаете свой дизайн с прототипа; плохо, если на нем и заканчиваете

Как избежать?

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

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

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

Как избежать

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

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

Если исправить типографику и поработать с блоками, сайт станет гораздо приятнее

Как избежать?

Чтобы воспитать вкус, почаще ищите наиболее удачные сочетания, а пока что используйте примеры удачных работ для подбора оптимальной пары шрифтов и не забывайте следить за нашими обновлениями в рубрике «Шрифт недели от Skillbox» на Facebook — там мы выкладываем самые удачные находки.

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

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

Как избежать?

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

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

Не хотите справляться с этим в одиночку и мечтаете о смене профессии в кратчайшие сроки? Тогда вам просто необходимо найти способ получать только актуальные и структурированные знания от лидеров отрасли, а еще лучше — наставника, который убережет от ошибок, ответит на все вопросы и направит. На нашем курсе «Веб-дизайн с нуля до PRO» все это есть!

Курс «Веб-дизайн с 0 до PRO»

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

  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Курсы веб-дизайна с нуля | Обучение в школе Coddy в Москве

Результаты исследований показали, что современные дети в возрасте 8-10 лет проводят в интернете по 7-14 часов в неделю – то есть 1-2 часа в день. Они используют всемирную сеть для учебы, хобби, игр, общения и развлечений. И, конечно, внимание юных интернет-пользователей привлекают ресурсы с интересным и профессиональным веб-дизайном. Многие думают – как было бы круто создать собственный сайт!

Школа программирования для детей CODDY предлагает поддержать увлечения ребенка. На занятиях курса «Веб-дизайн с нуля» он сможет из простого потребителя контента превратиться в его создателя. Курс подходит для детей от 8 лет.

Что такое Web-дизайн?

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

Реально ли освоить эту специальность ребенку?

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

Что даст обучение на курсе?

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

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

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

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

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

Краткая история веб-дизайна. Инфографика.

Системные требования к компьютеру

Просьба убедиться, что Ваш компьютер подходит для курса. Рекомендации по ссылке

По завершении курса каждый ученик получает именной сертификат от CODDY.

4.4.10 Методы веб-дизайна

Для веб-дизайна используются следующие методы:

  • Сюжетная доска(storyboard) — графическая схема веб-сайта, может быть нарисована на бумаге, создана в любой графической программе, сгенерирована каким-либо веб-редактором (HTML editor).
  • Карта сайта (site map) — как правило, текстовое описание устройства сайта.
  • Решётчатая модель (wireframe) — оболочка, которая показывает создаваемые веб-страницы. Каждая страница нарисована информационными блоками, которые показывают где и как располагаются различные компоненты. Таким образом, представляется визуальное размещение объектов (layout), но не конечный внешний вид.
  • Сценарий (scenario) — текстовое описание вариантов использования (use case).

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

Рисунок 4-23. Типичная сюжетная таблица. Источник: http://www.eneta.ee/oppimine/veebistuudium/Lehed/veebidisain.aspx

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

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

Рисунок 4-24 Типичная карта сайта. Источник: http://www.eneta.ee/oppimine/veebistuudium/Lehed/veebidisain.aspx

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

Рисунок 4-25. Типичная решётчатая модель веб-страницы. Источник: http://www.eneta.ee/oppimine/veebistuudium/Lehed/veebidisain.aspx

Сценарий (scenario) — это текстовый прототип, который описывает устройство создаваемой веб-страницы. Включает в себя и варианты использования (user story, use case) — текстовые описания действий, выбора и результатов.

24+ ресурса для просвещения и вдохновения. Читайте на Cossa.ru

Зарубежный опыт

Medium — главный портал для дизайнеров. Он регулярно пополняется информационными статьями, которые дают почву для размышления, интересными иллюстрациями, обзорами последних трендов и аналитикой ведущих специалистов по дизайну. На «Медиуме» стоит искать не только рекомендации, но и вдохновение для работы. Для развития навыков и знаний подписывайся на Personal Growth, если ищите примеры красивых работ — на Good Web Design.

Чуть больше технической информации представлено на других американских сайтах: Nielsen Norman Group и askTog. На первом собраны рекомендации по улучшению юзабилити сайтов. Вторая платформа предлагает интересный материал о структурах взаимодействия от эксперта по технологиям Брюса Тоньяцци (Apple).

Чтобы прокачать свои скиллы в Photoshop, окунись с головой в PHLEARN. Узнать больше о логотипах, брендинге и тонкостях веб-дизайна можно в блоге Якоба Касса, который работал с такими мировыми брендами, как Red Bull, Nike, Coca-Cola и Disney. А для самых пытливых умов рекомендую How Design University — здесь собраны курсы и рекомендации от ведущих специалистов отрасли.

Культовый Smashing Magazine предлагает веб-дизайнерам базу знаний о проектировании и разработке в формате полезных статей и электронных книг. Обсудить свои веб-проекты с коллегами можно на Bounce — загрузить ссылку на собственный сайт и получить комментарии пользователей со всего мира.

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

Российские площадки

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

Ольга Скулкина вместе со своими друзьями-переводчиками ведёт блог Nancy Pong, на котором практически каждый день появляются русскоязычные переводы статей о веб-дизайне. Тут есть и обзоры стилей, и научные рекомендации по применению цвета в дизайне и многое другое, что пригодится в работе.

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

Блог «Дизайн Мания» — платформа для обмена полезной информацией как теоретического, так и практического формата. Кроме того, он регулярно предлагает бесплатные картинки и иконки.

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

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

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

Подборки для вдохновения

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

  • Muzli — плиточный сайт, собирающий красивые веб-решения ведущих брендов, художников и дизайнеров.

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

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

  • UserOnboard — очень подробные примеры онбординга популярных сайтов и приложений. Оформлено в виде слайдшоу.

  • The Great Discontent — вдохновляющие интервью с талантливыми творческими людьми.

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

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на [email protected]. А наши требования к ним — вот тут.

Описание работы и обязанности веб-дизайнеров

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

Обязанности веб-дизайнера и должностные обязанности

Требуя как технических, так и творческих навыков, описание вакансии веб-дизайнера обычно включает в себя некоторые из следующих задач и обязанностей:

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

Квалификация и требования к вакансии веб-дизайнера

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

  • Веб-дизайн
  • Цифровые медиа
  • Информационные технологии
  • Наука или информатика
  • Графический дизайн

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

  • HTML
  • CSS
  • jQuery
  • JavaScript
  • Adobe Suite — Photoshop, Illustrator, InDesign
  • Веб-интеграция API
  • Опыт работы с пользователем (UX) и пользовательский интерфейс (UI)

Robert Half — ведущая компания по подбору персонала в Австралии.Ознакомьтесь с нашими последними вакансиями веб-дизайнеров здесь.

цзи до и после: столовая для двоих | Traci Zeller Interiors

Пришло время для еще одного Traci Zeller Designs «до» и «после»… потому что разве это не самая интересная часть дизайна интерьера? Эта домовладелец воспользовалась моей услугой Double Day Design, чтобы проработать многие из своих комнат, и было так приятно видеть, как этот дом развивается.

Когда пришло время заняться столовой, я точно знал, что должно произойти: Double Duty Design! Для семьи из шести человек — родителей-тройняшек и драгоценной маленькой девочки (помните ее комнату?) — этот дом не был особенно просторным, и им нужно было максимально использовать каждый дюйм. Для столовой это означало много сидячих мест за столом… плюс возможность использовать комнату, когда семья не развлекается.

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

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

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

Как вы думаете? Соответствует ли эта столовая Double Duty выставленным счетам? Есть ли у вас в доме комната для двоих?

Дизайн интерьера — Трейси Целлер. Фотография Дастина Пека. Фотография.

Архитекторы — Чем занимаются архитекторы?


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Архитекторы — Чем они занимаются — Страница 2

Академические программы по интересам

Архитектор

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


История архитектуры

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


Инженерное проектирование

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


Архитектура интерьера

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


Разница между UX и дизайном пользовательского интерфейса

UX и UI: два термина, которые часто используются взаимозаменяемо, но на самом деле означают очень разные вещи. Так в чем же разница?

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

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

  1. В чем разница между UX и UI дизайном?
  2. Как взаимодействуют UX-дизайн и UI-дизайн?
  3. UX vs. UI-дизайн: какой карьерный путь подходит вам?
  4. Почему я написал эту статью?
  5. Подведение итогов и дополнительная литература

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

1. В чем разница между UX и UI дизайном?

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

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

Что такое UX-дизайн?

Дизайн пользовательского опыта — это способ создания продуктов, ориентированный на человека.Дон Норман, ученый-когнитивист и соучредитель консалтинговой компании Nielsen Norman Group Design Consulting, придумал термин «пользовательский опыт» в конце 1990-х годов. Вот как он это описывает:

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

— Дон Норман, когнитивист и архитектор пользовательского опыта

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

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

По сути, UX применим ко всему, что можно испытать — будь то веб-сайт, кофеварка или посещение супермаркета. Часть «пользовательский опыт» относится к взаимодействию между пользователем и продуктом или услугой. Взаимодействие с пользователем Дизайн , таким образом, учитывает все различные элементы, формирующие этот опыт. Дизайнер UX думает о том, какие впечатления вызывают у пользователя чувства и насколько легко пользователю выполнять желаемые задачи. Например: насколько легко оформить заказ при совершении покупок в Интернете? Насколько легко тебе держать овощечистку в руке? Облегчает ли ваше приложение онлайн-банкинга управление своими деньгами? Конечная цель UX-дизайна — создать для пользователя простой, эффективный, актуальный и всесторонний приятный опыт.

Мы ответим на вопрос «Чем занимается UX дизайнер?» в четвертом разделе. А пока вот что вам нужно знать о UX-дизайне в двух словах:

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

Что такое дизайн пользовательского интерфейса (UI)?

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

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

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

Итак, какой из них правильный? Печальный ответ: ни то, ни другое.

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

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

В четвертом разделе мы рассмотрим процесс разработки пользовательского интерфейса и конкретные задачи, которые может ожидать дизайнер пользовательского интерфейса. Прежде чем мы рассмотрим основные различия между UX и UI, давайте кратко рассмотрим, что такое дизайн пользовательского интерфейса (UI):

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

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

Основные различия между UX и UI

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

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

Но не волнуйтесь, если вы все еще не уверены! Ты не единственный!

По словам Рахула Варшни, соавтора Foster.fm:

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

Если у вас есть место для еще одной аналогии, Дейн Миллер прекрасно резюмирует взаимосвязь между UX и UI-дизайном:

«UI — это седло, стремена и поводья. UX — это ощущение, что вы можете ездить на лошади ».

— Дейн Миллер, веб-разработчик

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

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

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

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

Надеюсь, теперь вы начинаете понимать, что UX и UI-дизайн — это действительно две очень разные вещи. Подводя итог:

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

2. Как UX-дизайн и UI-дизайн работают вместе?

Мы изучили различия между UX и UI; теперь давайте посмотрим, как они работают вместе. Вы можете задаться вопросом, важнее ли одно по сравнению с другим, но на самом деле они оба важны! Позвольте мне процитировать дизайнера и эксперта Хельгу Морено, которая довольно красноречиво выразила это в своей статье «Разрыв между UX и дизайном пользовательского интерфейса:

».

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

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

Дизайн пользовательского интерфейса

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

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

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

3. UX vs. UI-дизайн: какой карьерный путь подходит вам?

Хотя UX и UI-дизайн идут рука об руку, вам не нужно быть мастером и того, и другого.Итак, какой карьерный путь вам больше всего подходит: UX или UI? Если вам интересно, что вам больше подходит: UX или UI-дизайн, посмотрите мое видео ниже. Я касаюсь тех качеств, которые предрасполагают вас к успешной работе в каждой области. Если вы хотите узнать больше о том, чем на самом деле занимаются UX- и UI-дизайнеры изо дня в день, продолжайте читать!

Какие ключевые задачи и навыки требуются от UX-дизайнеров по сравнению с UI-дизайнерами?

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

Чем занимается дизайнер UX?

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

Стратегия и содержание:
  • Анализ конкурентов
  • Анализ клиентов и исследования пользователей
  • Структура продукта и стратегия
  • Разработка контента
Каркас и прототипирование:
Исполнение и аналитика
  • Координация с дизайнером (ами) пользовательского интерфейса
  • Согласование с разработчиками
  • Отслеживание целей и интеграция
  • Анализ и итерация

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

Чем занимается дизайнер пользовательского интерфейса?

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

Внешний вид продукта:
  • Анализ клиентов
  • Проектные исследования
  • Разработка бренда и графики
  • Руководства пользователя и сюжетные линии
Отзывчивость и интерактивность:
  • Прототипирование пользовательского интерфейса
  • Интерактивность и анимация
  • Адаптация ко всем размерам экрана устройств
  • Реализация с разработчиком

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

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

Что лучше оплачивается: UX или UI?

Заработная плата, конечно, продиктована многими факторами, но в первую очередь:

  • Расположение
  • очков опыта
  • Промышленность
  • Тип проекта / продукта

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

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

Годовой:

  • Заработная плата младшего уровня 28 000–33 000 евро 900 10
  • Средняя зарплата 38–45 000 евро
  • Зарплата старшего звена 50 000–80 000 евро

Почасовая:

  • Младший фрилансер 30–50 евро
  • Фрилансер среднего уровня 50–75 евро
  • Консультант старшего уровня 75–100 евро

* Цифры основаны на данных о заработной плате в Германии и Центральной Европе.

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

Почему компании часто рекламируют роли UX / UI как единое целое?

Мы установили, что UX и UI-дизайн — это две разные области, поэтому теперь вы можете задаться вопросом: почему так много объявлений о вакансиях требуют от UX / UI дизайнеров в одном?

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

Однако это не всегда просто недопонимание. Многие компании будут сознательно искать универсальных дизайнеров, которые могут охватить как UX, так и UI, или, по крайней мере, имеют представление о принципах UX или UI в дополнение к их основному набору навыков.

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

UX vs. UI: как решить, что лучше?

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

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

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

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

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

Как вы изучаете навыки UX и UI-дизайна?

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

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

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

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

4.

Почему я написал эту статью?

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

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

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

Разница между UX и UI: визуальный обзор

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

5. Подведение итогов и дополнительная литература

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

Шаблон описания вакансии веб-дизайнера

Обязанности веб-дизайнера:

  • Выполнение всех этапов визуального проектирования от концепции до окончательной передачи и проектирования

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

Краткая информация о вакансии

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

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

Обязанности

  • Выполнение всех этапов визуального проектирования от концепции до окончательной передачи и проектирования

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

  • Создание каркасов, раскадровок, пользовательских потоков, потоков процессов и карт сайтов для обмена идеями взаимодействия и дизайна

  • Представлять и защищать проекты и ключевые результаты перед коллегами и заинтересованными сторонами на исполнительном уровне

  • Установление и продвижение руководящих принципов, передовых методов и стандартов проектирования

Требования

  • Подтвержденный опыт работы веб-дизайнером
  • Отличные навыки графического дизайна с сильным портфолио
  • Большой опыт в создании каркасов, раскадровок, пользовательских потоков, потоков процессов и карт сайта
  • Знание Photoshop, Illustrator или других инструментов визуального дизайна и каркасного моделирования
  • Знание HTML, CSS и JavaScript для быстрого прототипирования
  • Опыт работы в процессе разработки Agile / Scrum
  • Отличные навыки визуального дизайна с чувствительностью к взаимодействию пользователя с системой
  • Умение творчески и эффективно решать проблемы
  • В курсе последних тенденций, методов и технологий Интернета
  • BS / MS в области взаимодействия человека и компьютера, дизайна взаимодействия или предмета изобразительного искусства

Как написать краткое описание дизайна для проектов веб-дизайна (2021)

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

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

Развивайте свой бизнес с помощью партнерской программы Shopify

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

Зарегистрироваться

Что такое бриф на дизайн?

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

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

«Краткое описание проекта может стать одним из самых мощных инструментов управления проектами.«

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

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

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

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

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

Анатомия дизайнерского задания

Краткие описания дизайна

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

1. Профиль компании

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

Вот ключевые элементы, которые следует включить в этот раздел:

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

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

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

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

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

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

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

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

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

2. Обзор проекта

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

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

  • Вы строите что-то новое?
  • Вы что-то переделываете?
  • Какие еще активы вы ожидаете по завершении проекта?
  • Насколько активно заинтересованные стороны клиента хотят (или нуждаются) в этом?
  • Какие потенциальные проблемы или препятствия вы предвидите?
  • Что из не входит в объем проекта ?

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

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

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

3. Цели и задачи

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

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

Цель: клиент хочет увеличить посещаемость своего веб-сайта
Цели:

  • Увеличить количество еженедельных сеансов на 20 процентов к дате X
  • Увеличить долю нового ежемесячного трафика до 40 процентов от общего к дате X
  • Установить годовой объем трафика на 20 процентов выше, чем в прошлом году

Цель: клиент хочет увеличить доход от своего веб-сайта
Цели:

  • Увеличить ежедневный доход на 50 процентов к дате X
  • Увеличить общую среднюю сумму заказа на 25 процентов к дате X
  • Снижение количества брошенных корзин на 15 процентов к дате X

Цель: клиент хочет увеличить взаимодействие с его онлайн-контентом
Цели:

  • Уменьшить средний показатель отказов на 10 процентов к дате X
  • Увеличить среднее количество страниц, просматриваемых за сеанс, на 25 процентов к дате X
  • Увеличить среднее время просмотра страницы на пользователя на 15 процентов к дате X

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

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

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

4. Целевая аудитория

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

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

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

Например, клиенты вашего клиента чаще используют мобильные устройства, чем компьютеры? Соответствуют ли определенные цвета их образу жизни? Какие аспекты UX или UI отсутствуют? Какие дополнительные принципы универсального дизайна вы можете применить для улучшения доступности сайта?

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

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

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

5. Требования к конструкции

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

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

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

  • Размеры / разрешение объекта
  • Форматы файлов
  • Требуемая цветовая палитра
  • Включенные графические ресурсы
  • Сопутствующие копии документов

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

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

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

6. Бюджет и график

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

Бюджет

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

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

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

График

Проекты

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

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

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

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

Вам также может понравиться: Руководство веб-дизайнера по расписаниям проектов.

Начните использовать краткое описание дизайна в рабочем процессе проекта

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

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

Руководство по критике продуктивного дизайна | Toptal

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

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

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

Это руководство должно помочь вам:

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

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

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

Роли

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

Ведущий

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

Координатор

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

Блокнот

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

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

Критикующие

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

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

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

Перед сессией Design Critique

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

  • Что подарить. Какой уровень точности должен быть представлен? Будет ли это настольный или мобильный интерфейс? Какие сценарии использования следует рассмотреть? Есть ли какие-либо предыдущие работы, которыми следует поделиться заранее, чтобы предоставить контекст?
  • Кого пригласить. Кто наиболее важные члены команды и заинтересованные стороны? Сколько точек зрения нужно включить, чтобы получить полную критику дизайна?
  • Кто будет выполнять ключевые роли. Кто возьмет на себя обязанности ведущего, ведущего и делопроизводителя? Каким образом результаты сеанса критики будут зафиксированы и переданы остальной команде после сеанса?

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

Пример электронного письма ведущего перед критикой дизайна.

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

  1. Цель сеанса критики дизайна, особенно конкретные вопросы или проблемы, которые дизайн пытается решить.
  2. Повестка дня с изложением того, что будет представлено (со ссылками на проекты / прототипы), чтобы помочь участникам подготовиться.
  3. Любые исследования или отзывы пользователей, зафиксированные ранее.
  4. Информация, чтобы участники знали, насколько важно присутствовать и почему

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

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

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

Введение в критику дизайна

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

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

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

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

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

Правила критики дизайна

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

Будьте готовы. Чтение предоставленной информации делает отзыв более действенным.

  • Не говорите: «Я не уверен насчет этого логотипа».
  • Скажите: «Юридический отдел хочет, чтобы мы использовали логотип, как вы сказали ранее — вы пытались сгруппировать его с другими в нижнем колонтитуле?»

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

  • Не говорите: «Поместите призыв к действию над баннером — так он всегда будет виден».
  • Скажите: «Каков приоритет элементов, которые должны быть в верхней части страницы?»

Будьте конкретны. Сделайте обратную связь как можно более четкой; объясните, что работает, а что нет.

  • Не говорите: «Мне нравятся шрифты Google, они всегда красиво выглядят».
  • Скажите: «Мне нравится сочетание шрифтов. Он выглядит чистым, но я не заметил гиперссылок — как вы думаете, его цвет обеспечивает достаточный контраст? »

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

  • Не говорите: «Кажется, все нормально».
  • Скажите: «В целом мобильный макет выглядит чистым и сбалансированным, как вы думаете?»

Свяжите отзывы с целями. Дело не в личных предпочтениях. Держите его объективным. Как дизайн соответствует (или не соответствует) целям клиента и бизнеса?

  • Не говорите: «Кнопка призыва к действию должна быть зеленой.”
  • Скажите: «Как вы думаете, достаточно ли ясен призыв к действию для увеличения конверсии?»

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

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

Двенадцать различных аспектов критики. (Источник: Designlab)

Прогулка участников по сценариям использования

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

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

Участники должны вставать во время занятия; это способствует большему вовлечению в представляемую работу. (от The Corner London)

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

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

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

Поощрять равное участие.

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

Прямая обратная связь.

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

Делайте заметки.

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

Следите за временем.

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

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

Слушайте отзывы и обязательно держите всех в курсе.

Следующие шаги

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

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

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

• • •

Дополнительная литература в блоге Toptal Design:

.

Добавить комментарий

*
*

Необходимые поля отмечены*