UI-дизайн: Что здесь не так?

Графический дизайн

UI-дизайн: Что здесь не так?

13.01.2020 статья 0

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

Представьте себя очень креативным арт-директором с малиновыми волосами ). К вам в кабинет заходит дизайнер-стажер с очередной работой. Давайте поможем ему улучшить её!

Работа выглядела вот так:


Посмотрите на предоставленный выше дизайн и предположите, что здесь не так? (выбрать правильные ответы):




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

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



Какой принцип здесь сработал (выбрать один правильный ответ)?



 

Какой принцип здесь сработал (выбрать один правильный ответ)?



 

Какой принцип здесь сработал (выбрать один правильный ответ)?

 

Какой принцип здесь сработал (выбрать один правильный ответ)?

 


Как работает цвет в дизайне рассмотрим на примере все того же первого экрана посадочной страницы. 

Какой интерфейс читается быстрее?

 

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

Как изучать тренды в дизайне интерфейсов? Больше смотреть хороших и плохих работ, например на Behance или Pinterest.

Ну а теперь, постигнув все визуальные тонкости UI-дизайна можно переходить к созданию своего собственного экрана. Сделать это можно с помощью Фигмы.