Что разработчику нужно знать о работе с дизайном/дизайнером / Хабр
На дворе 2021 год, и уже давно наступило время, когда дизайнеры и программисты стали работать совместно над одним продуктом. Сейчас уже почти не встретишь команду разработки, в которой нет дизайнера. Этому способствовало массовое переселение тогдашних “Операторов ЭВМ” на графические интерфейсы. Теперь операторы — это невероятное количество разновидностей менеджеров, которые занимаются управлением различными бизнес процессами в их организациях — начиная от формирования документации, заканчивая управлением станками по сборке техники.
Краткая история графических интерфейсов
Интерфейсы с начала 70-х претерпели много изменений — это напрямую связано с методами ввода информации в вычислительные машины. Поначалу это были рычаги и тумблеры (по типу управления радио и телевизором), были джойстики, манипуляторы, дальше появились клавиатуры, мыши, сейчас уже появляются новые методы ввода в виде захвата движения камерой и нейроинтерфейсы.
С появлением клавиатур были придуманы методы текстового ввода команд в компьютеры — то есть человек просто писал в заранее заданном формате то что ему нужно от машины и она давала ему результат. Так продолжалось достаточно долго, в компании пришли доступные компьютеры, и людей, которые занимаются бумажной работой массово стали пересаживать за ЭВМ.
В 1983 появился первый графический интерфейс для управления компьютером — это был оконный интерфейс, который принципиально по другому предлагал пользователю решать его задачи. С того времени нужно было всё меньше вводить текстовых команд, и всё больше кликать на кнопки. Рядовому пользователю стало проще и быстрее работать.
В 2021 году всё ещё используются текстовые интерфейсы, но почти все они нужны для очень узкого круга пользователей, все остальные пользуются графическими интерфейсами. Из этого и следует необходимость компаний нанимать не только разработчиков, но и дизайнеров пользовательских интерфейсов.
Лицо современного дизайнера
Этот человек будет рисовать картинки? Это пожалуй главный вопрос, которым задаются программисты, видя дизайнера интерфейсов.
Ответ — да! Этот человек будет рисовать картинки, как это делали дизайнеры сотни лет до него. Но… есть много дополнительной работы, которая отличает дизайнера интерфейсов от графического дизайнера.
Мы не просто рисуем картинки
Да, мы рисуем картинки — но это еще не всё, ведь когда вы видите интерфейс — то вы (первое) можете им пользоваться, взаимодействовать, менять… помимо этого (второе) вы четко понимаете для чего нужен интерфейс, и как им пользоваться.
Первое — это UI (User Interface) дизайн, или дизайн пользовательского интерфейса, который занимается отображением информации пользователю, графическим наполнением, адаптивностью, эстетикой и визуальной концепцией. В этой области дизайна интерфейсов решаются все задачи на тему графики — шрифты, цвета, размеры, композиция, универсальные компоненты (таблицы, кнопки, панели, меню….), иллюстрации, иконки… и многое другое, что относится к внешнему виду приложения.
Второе — это UX (user experience) дизайн или дизайн пользовательского опыта, который занимается объяснением пользователю того, как выполнить его задачу, что ему предстоит сделать и показать ему шаг за шагом, в привычном ему виде, процесс решения его задачи.
На этом этапе проводится анализ задачи, и уже готового решения, вычленяются структуры данных, бизнес процессы, и виды пользователей, простраиваются алгоритмы решения задачи пользователя, и принимается решение о том как и на каком этапе показывать данные пользователю.
Может ли UI существовать отдельно от UX?
Если в команде есть только UI дизайнер — то вы получите на выходе дизайн, который эстетичен, аккуратен, концептуален…. но отдален от реальности настолько же, как Земля далеко от Марса. Этот дизайн покорит сердце ваших инвесторов, но после начала разработки, вы получите результат, который разобьет сердце инвестора.
Если в команде есть только UX дизайнер — то вы получите на выходе рабочий интерфейс, которым будет лишен всего, кроме функционала. UX дизайнеры очень похожи по результатам своей работы на программистов, которые посредственно отображают данные пользователю — их нельзя за это винить, у их другая сфера, они не должны заботиться о внешности дизайна. Результат интерфейса, который строится лишь на UX — никакой коммерции, только решение задачи пользователя.
Примером могут служить графические оболочки Linux — вроде LXQT, или набора офисных программ LibreOffice — вроде да, они выполняют задачи пользователя, но если у пользователя будет выбор — то он с радостью пересядет на MSOfficе, или даже на GoogleDocs.
Выводы тут очевидны — работать над интерфейсом помимо разработчиков должен и UI и UX дизайнер, иначе ваш интерфейс рискует стать провальным.
Кто диктует условия?
Часто бывает так, когда дизайнер смотрит на интерфейс и видит, что (например) некоторые поля таблицы, которые есть в дизайне отсутствуют в интерфейсе приложения. Начинается выяснения того, почему дизайнер рисовал, а разработчик не сделал.
Или бывает так, когда разработчик завёл поле в таблице приложения, и просит дизайнера добавить его в таблице дизайна. Либо делает интерфейс на сугубо свой вкус, предполагая, что ему лучше знать.
Результатом становится неизбежный конфликт разработки и дизайна, который явно не ведёт ни к чему хорошему. Стресс, обиды, упрёки и все остальные симптомы отношений в команде становятся на лицо.
Архитектору вообще может быть глубоко положить на ваш конфликт, и он в полном праве отменить действия как разработчика, так и дизайнера, либо может полностью одобрить коррективы как дизайнера, так и разработчика — при этом логично встроив их в свою систему.
В ситуациях конфликта между разработкой и дизайном всегда стоит обращаться к лицу, которое уполномочено решать вопросы изменений в системе.
Вопросы компетенций
Тут всё просто — дизайнер не может диктовать разработчику как писать код, а разработчик не может диктовать дизайнеру как делать дизайн. Каждого наняли для того, что бы он выполнял ту работу, в которой он наиболее компетентен.
Конечно, никто не отменяет инициативы — но они должны быть максимально осторожными, дабы не вносить в команду хаос, а лучше когда разработчик и дизайнер совместно придумали нововведение в системе, и предложили ее проектировщику — тогда конфликт между дизайнером и разработчиком становится минимизированным, и каждый занимается своим делом.
Дизайнер интерфейсов не может не понимать того, как устроена работа программы
Банальный пример — ваше приложение строится на SSR, и каждый запрос сопровождается перезагрузкой страницы, для рендера ответа. А дизайнер делает так, словно можно обновить лишь часть контента, без перезагрузки. Тут большие вопросы возникают о том, как реализовать данный дизайн. Немногие ответят, что можно использовать AJAX — но это не является выходом, по причине высокой специфичности и трудозатрат решения. Это ошибка дизайнера, который сделал не то, что нужно проекту. Тут нужно задать вопросы о компетенции дизайнера, если он знал, что приложение на SSR, или о компетенции человека, который вводил дизайнера в курс дела, перед началом его работы над интерфейсом. Вопрос о компетенции разработчика который сделал приложение на SSR вместо SPA, тоже должен принять серьезный характер.
Работа дизайнера интерфейсов с JSON
Например возьмём задачу — нужно сделать карту товара, у которой есть много параметров (вариантов комплектации, цвета итд) товара, фото, цена и количество товара на складе.
В отдел разработки поступает задача, менеджер распределяет задачи по специалистам и начинается работа. Вы можете дать дизайнеру JSON объект, который содержит в себе все необходимые поля — а на выходе от дизайнера можете ожидать интерфейс, с нужной вам структурой и набором данных.
Завершение
Если статья окажется интересной, и по возможности полезной — то я с радостью напишу цикл статей о том как подружить разработку и дизайн.
Работа с бесплатными фотостоками. Зачем, как и почему. Личный опыт — Дизайн на vc.ru
Немного о том, что из себя представляют бесплатные стоки изображений, как помогают развиваться, немного статистики профилей топовых фотографов и аудитории стоков. Бонусом — про кладбища, немного про особенности съёмки на природе ну и немного позитива, иногда он нужен.
2952 просмотров
Просто секси-девочка.
Действительно живых и полностью бесплатных фотостоков очень мало. Наибольшей популярностью пользуются фотостоки Pexels, Unsplash и Pixabay.
Начнем с Pexels.
Знакомство со стока и началось именно с него. Когда-то скачивал оттуда картинки себе на рабочий стол, поэтому и начал сначала выкладывать фотографии туда.
Строгих требований к фото у стоканет, по крайней мере они не афишируются. Но на самом деле не так.
Модерация на самом деле жёсткая. Первый этап, проверка фотографии на основные ттребования — на изображение не должно быть логотипов, подписей, должно быть адекватного качества и не 3D рендером.Забавно, но например мою фотографию старой игрушки в чаще леса, почему-то отбраковали по причине того, что фото похоже на 3D изображение.
Китайский лего-рыцарь на природе против отвратительного фотографа.
Второй этап, самый непонятный, споров в сети вокруг него много. Качественная фотография по идее должна получить звёздочку, которая значит, что фото попало в общий поиск и доступна всем желающим для скачивания, если звёзды на фото нет, фотография доступна только на странице вашего профиля.
Причин отсутствия звёзды может быть много — фотография не актуальна для пользователей по мнению модераторов, не представляет ценности или имеет массу других эстетических недостатков. Вряд ли очередная фотография Красной площади вызовет восторг у российского пользователя. Об этом фотографа никто не уведомит, поэтому приходится гадать самому о причине отсутствия звезды.
Вот они заветные звёздочки
Стоит также помнить, что количество скачиваний зависит от того, как регулярно вы загружаете новые фото и на сколько оно актуально для потребителя. Например, на момент написания этой части статьи(18 августа) у меня исчезли последние подписчики. Последние фотографии были сделаны две недели. Но в субботу, я планирую отправиться вновь на фотоохоту.
Еще один показатель отличного фотографа на Pexels, ссылки на известные сайты, которые со временем появятся в профиле автора. Самые благодарные готовы оставить ваше имя в подписи к фотографии, хотя по правилам стокам они ничего фотографу не должны.
Например, фотографии этого парня пользуются успехом на India Times
А у этого парня именитых пользователей гораздо больше и некоторых из них вы можете знать.
Другие ваши фотографии можно увидеть на сторонних сайта банально поиском по картинкам.
Еще, Pexels регулярно делает подборки лучшиф фотографий на какую-либо темаатику. Однажды и мне повезло угодить в одну из таких подборок с фотографией корабля плывущего по берегу реки.
Знали бы модераторы как я блевал во время съемки. В ответственный момент накрыл приступ, я почти на последнем дыхании делал эту фотку. Но это уже совсем другая история.
Заработок на Pexels. Этот вопрос был поднят в предыдущей статье. Ответ банальный — никто вам не заплатит.
А все почему? Это бесплатный сток. Если вы фотограф, хотите немного популярности, или это ваше увлечение как у меня, можно сделать немного траффика на свой сайт или страницы в социальных сетях.
На следующий день я был малость в восторге от того как повезло. Гуляя в парке под вечер, меня попыталась загрызть белка. Ну как загрызть. Зчем-то вцепилаась жвалами в подошву ботинка. Я взял камеру. Белка испугалась и пустилась в бега, а я как порядочный маньяк за ней.
Ты кто такой? Иди на*уй отсюда!
На самом деле белка просто зевала. Много ли людей видели зевающих белок? Парень заключивший пари все же перевел мне 200 долларов и как рассказал сделал из этой белки фотообои на стене комнаты.
Мелких и юрких животных довольно сложно фотографировать, когда под рукой нет хорошего объектива с мощным зумом. Поэтому с годами пришлось научиться бесшумно передвигаться по природе, чтобы успеть сфотографировать птиц и белок пока те зевают.
П**да тебе фотограф е*анный.
Очень хотелось на шашлык пустить эту мойку, которая клюнула меня в макушку, когда я пытался снимать сову. Улетели обе птицы в итоге, а сову не успел снять.
Pixabay.
Пожалуй это самый дружелюбный к фотографам и пользователям сайт.
Его отличие в двойной модерации. Сначала загруженные фото модерирует пользователи и ставят лайк или дизлайк.
А потом фотография отправляется на модерацию администрации сайта. В случае как и с Pexels, фотография может заработать звездочку, а может просто остаться валяться в профиле. Кроме того, Pixabay разрешает загрузку 3d картинок, векторных картинок и png-изображения с обрезанными объектами, а еще музыку и видео. Самое позитивное в этом моменте, можно и самому попробовать модерировать фото, достаточно перейти в соответствующий раздел. Достаточно много классных фотографий встречается, откровенного треша и креативных фотографий, вызвающий улыбку. Некоторые оставляю себе на память.
Кроме того, создатели встроили мессенджер, через который без email можно общаться друг с другом, что облегчает диалог. А еще к фотографиям можно оставлять комментарии.
Фото не очень по качеству, имеет массу артефактов заметных невооруженным взглядом. Даже если оно очень вам понравилось, оно не пройдет модерацию.
Кто-то снимает свою прогулку по каналам Венеции
А это что? Есть идеи? У меня нет.
Моя статистика по профилю, созданному в июне. В этом году я обленился, много основной работы свалилось.
Но фотографии скачивают и используют. Причем гораздо в большм количестве чем на Pexels. Рекордсменами по скачиваниям стали пейзажи железной дороги и городской реки.
Еще помимо фотографии я время от времени занимался созданием фотошоп-коллажей. Еще когда-то давно на Pixabay загрузил свое первое «мега-творение», от которого у меня сеодня кровью глаза истекают.
Здесь куча ошибок,слишком явно что работал новичок
Несмотря на отвратительное исполнение, этот медведь очень быстро разошелся по интернету.
Украшают статью о женщинах. Не стал вчитываться
Даже стал обложкой дл чьей-то книжки.
Я теперь постоянно испытвыаю испанский стыд. Но решил исправиться и сделать нового медведя.
Ошибки есть, заметны. Но выполнен коллаж заметно лучше.
Работа была встречена тепло на DeviantArt, а еще охотно скачивается на Pixabay. Правда обложку той книжки жалко уже не переделать….
Благодаря этим фото и коллажу мне посчастливилось выйти в первую тысячу фотографов на стоке, о чем свидительствует цифра в шапке профиля.
Плюс подробная статистика на момент написания статьи. Сколько раз скачали, лайки поставили и комментировали.
Первую пятерку фотографов на Pixabay, а вернее контент-мейкров занимает этот позитивный мужчина, рисующий картины.
Выглядит здорово и красиво. Мужик делает картины на холсте а потом фотографирует и выкладывает их на сток.
Практическая польза от бесплатных фотостоков.
По факту это один из инструментов в контент-маркетинге, который подразумевает отдачу аудитории качественного и актуального контента, в счёт чего вы привлекаете к своему проекту внимание.
Самый очевидный пример. Это реклама фотографа и его работ.
Также знаю одну клинику, которая продемонстрировала на фотостоке Pexels свои кабинеты, тем самым заработав органическую ссылку на свой сайт и привлекла оттуда несколько клиентов.
Кроме того, если вы производите к какой-либо продукт, почему бы его также не показать публике на фотостоке? Например на Pexels довольно большой сегмент российских пользователей, который не просто скачивает красивые картинки, но и исследует то, что на них изображено.
Российские фотостоки
Очень остро встаёт этот вопрос особенно для тех, кто использует изображения в своих проектах в современных реалиях. Pexels и Pixabay благодаря нашему «любимому» государству недоступны в России (нужен ВПН). Конечно пока ещё продолжает работать Unsplash, но для использующих может стать проблемой, а именно ограниченная лицензия в отличии от Pexels и Pixabay. Чтобы использовать бесплатное изображение в коммерческих целях по правилам фотостока, вам придется с ней основательно поработать. Плюс подливают масла в огонь сами фотографы.
Мне например не раз встречались фотографы, которые в описании угрожали судом в случае использования фото без их разрешения.
К сожалению полноценных аналогов сейчас нет.
Часто это коллекции изображений с иностранных стоков и качеством далёким от оригинала. С одной стороны, это хорошо, иметь доступ к фотографиям, которые могут оказаться недоступными, с другой стороны плохо — нынешнее поколение фотографов часто очень жадные на качественные фотографии, поэтому в-первую очередь бесплатные фотостоки у нас в России поставляют копии контента с других стоков, поэтому уникальных качественных иллюстраций к проектам придется очень долго ждать.
Ну и бонусом фото ккладбища как и обещал
Уютные апартаменты на старом городском кладбище. Местные зомби тихие, и редко когда покидают свое обиталище.
На одном из подходов к другому кладбищу осенью. В сопровождении товарища неравнодушного к природе и заброшенных местам. Тоже понравился кому-то на стоках.
Если вы дочитали до конца, огромное спасибо, вы человек с большой буквы и с огромным запасом терпения к ляпам в тексте. Так как блоггер я никакой и о себе и своих увлечениях пишу раз в сто лет. Статья кроме того, писалась в разное время и в разном состоянии, в маршрутке, во время работы и перекуров, не всегда трещвым. А дописал ее как раз после очередного приступа эпилепсии.
Подписываться не надо, лучше получайте удовольствие от жизни и занимайтесь только тем, что вам нравится
WOW CUSTOM Photo Booth Наложение шаблона печати Дизайн 4×6 2×6
Нажмите, чтобы увеличить
Цена: €45,23
Загрузка
С учетом НДС
1163 продажи |
5 из 5 звездДобавьте свою персонализацию
Пожалуйста, укажите:
— Выбор макета (2B, 4C и т.
д.)
— Желаемый текст
— Желаемая цветовая схема или тема (например, тропические цветы, розовый детский душ, тема 80-х, классический черно-белый и т. д.)
— Любая дополнительная актуальная информация.
1024
Вы можете сделать предложение только при покупке одного товара
Самые популярные свадебные поиски для покупок
Подарки подружке невесты
Подарки жениха
Свадебные подарки
Подарки на помолвку
Внесен в список 15 марта 2023 г.
16 избранных
Информация о продавце
Сообщить об этом элементе в Etsy
Выберите причину… С моим заказом возникла проблемаОн использует мою интеллектуальную собственность без разрешенияЯ не думаю, что это соответствует политике EtsyВыберите причину…
Первое, что вы должны сделать, это связаться с продавцом напрямую.
Если вы уже это сделали, ваш товар не прибыл или не соответствует описанию, вы можете сообщить об этом Etsy, открыв кейс.
Сообщить о проблеме с заказом
Мы очень серьезно относимся к вопросам интеллектуальной собственности, но многие из этих проблем могут быть решены непосредственно заинтересованными сторонами. Мы рекомендуем связаться с продавцом напрямую, чтобы уважительно поделиться своими проблемами.
Если вы хотите подать заявление о нарушении прав, вам необходимо выполнить процедуру, описанную в нашей Политике в отношении авторских прав и интеллектуальной собственности.
Посмотрите, как мы определяем ручную работу, винтаж и расходные материалы
Посмотреть список запрещенных предметов и материалов
Ознакомьтесь с нашей политикой в отношении контента для взрослых
Товар на продажу…не ручная работа
не винтаж (20+ лет)
не принадлежности для рукоделия
запрещены или используют запрещенные материалы
неправильно помечен как содержимое для взрослых
Пожалуйста, выберите причину
Расскажите нам больше о том, как этот элемент нарушает наши правила.
Расскажите нам больше о том, как этот элемент нарушает наши правила.
Как эффективно использовать фотографии природы
Знаете ли вы, что просмотр сцен природы, будь то на фотографии или прямо перед вами, может уменьшить стресс и улучшить ваше настроение? В 1979 году ученый-бихевиорист Роджер С. Ульрих обнаружил, что зеленые насаждения оказывают на взрослых эффект антидепрессанта.
“ Его психологическое тестирование показало различия в психическом состоянии и мировоззрении после того, как ученики просмотрели различные сцены окружающей среды. Сцены природы усилили положительные чувства привязанности, игривости, дружелюбия и восторга ». (Исходная статья, Seeing Green: The Importance of Nature for Our Health)
Согласно нашей математике, если наблюдение за одним изображением природы может дать такие впечатляющие результаты, то целая презентация великолепных природных изображений может изменить плохой день. Мы создали колоду, наполненную фактами о национальных парках Америки, чтобы показать одни из самых красивых доступных фотографий природы.
Ознакомьтесь с этим здесь, а затем прокрутите вниз, чтобы узнать, как вы можете использовать те же приемы в своем собственном дизайне презентации:
Правило №1: Следите за чистотой предметного стеклаЗачем золотить лилию? Если у вас отличное изображение, не закрывайте его слишком большим количеством текста, наложений или других элементов дизайна. В этом примере колоды текстовые дополнения размещаются на открытых пространствах в кадре. Это означает, что самая лучшая часть каждой фотографии очевидна, привлекая внимание зрителя и, надеюсь, вызывая у него чувство «аааа».
Правило № 2: Минимизируйте количество цветовых добавок Цвета в природе богаты и разнообразны; их не нужно минимизировать или конкурировать с ними. В нашей презентации мы выбрали тонкий белый оттенок для наложения всего текста. Прислушайтесь к нашему дизайну и ограничьте свою палитру 1-3 дополнительными оттенками, которые четко отображают ваш текст или элементы, не слишком стараясь привлечь внимание.
Горы, джунгли, сады и озера. Есть так много биомов и природных сцен на выбор, если вы хотите включить природу в свой дизайн. Наша рекомендация заключается в том, что если вы выбираете конкретную сцену природы, вы должны оставаться в том же «жанре» природы. Хотите описать проблемы, которые преодолела ваша компания? Используйте фотографии скалистых горных утесов. Хотите описать обильный рост? Используйте изображения сада, растущего из рассады в подсолнух. Природа предлагает так много различных тем, чтобы приспособить так много различных типов видений; убедитесь, что вы выбрали лучший вариант для своего сообщения, а затем соблюдайте его последовательность.
Вы не прогадаете с библиотекой красивых фотографий природы. Он добавляет мгновенное настроение и возможность улучшения дизайна, а также то, что на него по своей сути интересно смотреть. Соедините свое сообщение с визуальной темой природы и следуйте этим удобным правилам, и «вау» последует.