Как рисовать красивые GUI?

Question

[Игорь Михайлов]

Здравствуйте. Вот интересно, как люди умудряются на TFT и IPS дисплеях рисовать очень красивые и эстетичные графические интерфейсы?

Как уловить суть красивой разработки UI? Люди на простых камушках типа атмега328 вытворяют чудеса, а тут даже на STM32 не очень хорошо выходит. Что можно почитать дабы улучшить свой скилл в данном направлении? Есть опыт графический интерфейсов только в PyQT, в QT Designer, но там все таки просто... А как тут, все попиксельно как-то геморно отрисововать...

Answer 1

[Sanes]

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

Comments

[Игорь Михайлов]

У меня вопрос скорее не в фантазии, а в программной реализации... Как их с умом рисовать, как отрисовать все правильно. А не по пиксельно и забить весь буфер одними спрайтами экрана

[lonelymyp]

Игорь Михайлов, воспользоваться библиотеками графическими.

Answer 2

[Robur]

Как уловить суть красивой разработки UI?

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

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

Answer 3

[xmoonlight]

1. Приоритеты индикаторов в местах расположения сетки отображения
2. Цветовой дизайн.
3. Корректировка с добавлением элементов управления.
4. После - уже графический дизайн.

Answer 4

[Daddy_Cool]

1. Надо четко понимать что надо выводить на экран в первую очередь, что во вторую, что большими цифрами, что маленькими, в каких местах экрана это должно быть. Это не о дизайне, это о юзабилити.
2. Дизайн - размещение и вид элементов, использование цвета - так чтобы с одной стороны не удариться в красивости ради красивостей, с другой - чтоб не было слишком минималистично.
3. Надо показывать разным людям и чтобы они давали честную обратную связь.
4. Ну и просто читать и впитывать инфу по дизайну вообще - и рисовать. Желательно общаться с проф. дизайнерами, чтобы они объясняли, что хорошо. что плохо и почему. Их решения тоже будут спорны, но идеи уловить можно.
https://www.mann-ivanov-ferber.ru/creativity-books...

Answer 5

[Huo Yuhao]

Опыт и только опыт. Например чтобы создать красивый дизайн сайта, прежде всего тебе необходимо узреть своими глазами 100500+ других вариаций сайтов, и чтобы взять ото всех по чуть чуть и сделать своё и лучше.
Ещё ни одно изобретение не было создано без каких-либо примеров (из "ничего").

Другими словами, смотри на примеры GUI, какая что и как показывает и всё с этим связанное, ну и в процессе конечно же пытаешься создать что-то своё, без первого шага не будет и тысячного/конечного.

Источник: Жак Фреско