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

41

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

Какие стратегии я мог бы предпринять, чтобы смягчить это?

Билли ОНил
источник
3
Просто чтобы прояснить: вы хотите создавать GUI, которые не используют внешний вид платформы по умолчанию? Тогда возникает первый вопрос: почему бы не полагаться на ОС для рисования вашего пользовательского интерфейса?
Конрад Рудольф
2
@KonradRudolph: Даже со стандартным внешним видом (который на самом деле мне нравится больше всего на свете), все еще есть художественные ресурсы, обычно необходимые для отточенного приложения, такие как значки.
Билли ONEAL
5
Активы значков: Используйте наборы значков с открытым исходным кодом. ;-) Есть несколько довольно качественных, например , Silk Icons или глификоны FamFamFam ... Лично я предпочитаю избегать слишком большого количества другой графики, но для этих контрактных работ, вероятно, лучшее решение ...
Конрад Рудольф,
method.ac может быть полезен после запуска.
Макс.

Ответы:

24

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

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

Я бы предложил сделать следующее ...

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

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

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

  • Простота
  • Согласованность (цвета, шрифты, использование кнопок, ссылок и т. Д.)
  • Разнос
  • Чем меньше, тем больше (скрывайте от пользователя столько, сколько можете, не снижая удобство использования)
  • Не используйте белый фон и черный шрифт. Убедитесь, что контраст достаточно хороший, но обычно меняйте фон на светло-серый, а шрифт - темно-серый.

Также ... не начинайте с дизайна. Начните с функциональности и дайте дизайну развиваться. Кроме того, эксперимент! Не расстраивайтесь, если после 1-2 «итераций» он не выглядит идеально. Со временем становится лучше. Но самое главное, вы должны попробовать .

c_maker
источник
3
Я говорю о польском, а не о UX. Знание того, как разработать «приятный» интерфейс, не помогает (например), чтобы ваши иконки выглядели лучше.
Билли ONEAL
5
@BillyONeal: Извините, но ваш вопрос ко мне был гораздо шире, чем «дизайн иконок».
c_maker
3
Это; Иконки - это простой пример. Моя точка зрения заключалась в том, что это не «скрывается за оправданием» - есть законные части приличного дизайна пользовательского интерфейса, которые требуют, ну, в общем, искусства. Есть красивые и непригодные интерфейсы, удобные и уродливые интерфейсы, непригодные и уродливые интерфейсы, а также полезные и красивые интерфейсы; Отшлифованное приложение должно быть удобным и визуально привлекательным. В этом ответе вы обращаетесь к удобству использования (+1); но «симпатичная» тоже законная забота.
Билли ONEAL
Я думаю, что цвет шрифта / цвет фона движется по правильному пути. Контрастность была одним из первых пунктов, на которые я получил публичную обратную связь с первого сайта, который я когда-либо опубликовал. Может быть, некоторые другие советы, например, как выбрать / применить цвет - сколько? Один или два? Больше? Светлый или темный? Поместите это в заголовки? Границы? Задний план? Все / нет / некоторые из вышеперечисленных?
Stoive
12

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

Обратите внимание, что на мой взгляд, графический дизайн не дизайн UI / UX. Я либо делаю большую часть UX, либо нанимаю эксперта по UX, чтобы сохранить контроль над UX, который затем работает с GD, чтобы он выглядел красиво. Хотя я уверен, что есть хорошие комбинированные профессионалы в области UX / GD, у меня был очень плохой опыт, когда GD делали вещи, которые выглядели красиво, имели очень плохой UX и были устаревшими через пару месяцев, и я не буду рисковать, пока я работал с GD для нескольких проектов.

mattnz
источник
1
Итак, заплатить кому-то за это или быть привязанным к кому-то, кто может сделать это бесплатно? :п. Что, если еще слишком рано платить дизайнеру - подтверждение концепции или опробование функциональности? Необходимо уделять минимальное внимание эстетике программного обеспечения, чтобы люди, которым я демонстрирую свое программное обеспечение, не отвлекались на неестественные цвета и шрифты, для которых я не знаю, как сделать лучше.
Stoive
2
@Stoive. Замечательно, теперь вы меня начали. Начальные впечатления действительно важны. Для любого не инженера (и многих инженеров) GD обычно критичен, к сожалению, он на несколько порядков перевешивает дизайн и конструкцию UX. Получите графику, выглядящую вспышкой и блестящей, и сороки будут стремиться к продукту, независимо от того, насколько это дерьмо. Неправильно
получи БЖ
1
Чтобы уточнить - я убедил клиента нанять графического дизайнера раньше (дизайн пользовательского интерфейса у меня все в порядке, графика ужасна), заявив, что хорошие визуальные эффекты проектируют доверие и надежность для пользователей. В этом случае клиент уже платил (их идеи, я просто кодировал), но в других обстоятельствах вам необходимо передать доверие и надежность клиентам, прежде чем вы потратите деньги на ресурсы графического дизайна. Или, согласно ОП (хобби-проекты?), Деньги никогда не будут задействованы - нанять дизайнера не представляется возможным, но презентация по-прежнему важна.
Stoive
9

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

  • Bootstrap для, возможно, лучшего (но, безусловно, самого горячего) веб-фреймворка пользовательского интерфейса
  • Глификоны для набора иконок, который дополняет фреймворк Twitter Bootstrap UI
  • Тонкие узоры для, ну, тонких фоновых узоров
  • Значки Silk от FamFamFam, которые используются во многих программах
  • Креативный рынок для разнообразных элементов

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

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

Пикассо сказал, что «великие художники крадут», но на самом деле это в основном бездарные хаки, и посмотрите, к чему это привело Microsoft и Samsung: к популярным платформам.

Конрад Рудольф
источник
8

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

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

Карл Билефельдт
источник
3

То, что вы можете искать, это "UI / UX Design для разработчиков". Одна книга, связанная с этой темой, - « Дизайн пользовательского интерфейса для программистов».

Если вы не ищете UI / UX-дизайн, но хотите улучшить навыки графического дизайна, я бы порекомендовал найти класс по использованию Adobe Photoshop или Adobe Illustrator (если нет, по крайней мере, некоторые учебные пособия в Интернете). Изучив несколько техник и взглянув на работу других людей, вы будете удивлены, насколько мало художественного творчества вам нужно.

Например, вы могли бы изучить Gradient Tool в Photoshop вместе с инструментом Rounded Rectangle, и вы могли бы сделать что-то похожее на кнопку «Подписаться на рассылку» справа (хотя в этом случае это делается с помощью чистого CSS).

Atif
источник
Большую часть (всех?) Книг
Фара
Похоже, около 2/3 книги там. Это не имеет главы 13-18.
Стив Беннетт
1

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

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

Если вы занимаетесь веб-дизайном и версткой, вот некоторые из этих css-сайтов:
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/

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