RSS
 

Интерфейс

10 Янв

В этом интерфейсе для сайта использовался тот же набор форм или фигур как и для интерфейса 01. Но на этот раз внутренний изгиб играл роль для определения формы интерфейса.

header

fig01

Figure 01

fig02

Figure 02

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

fig03

Figure 03

fig04

Figure 04

Процесс создания внутреннего изгиба тот же, что и для интерфейса 01. На рисунке 04 показано размещение прямоугольной области, а на рисунке 05 мы можем видеть точку касания эллиптического контура выделения с окружностью, обозначенной красным кружком. Другой край изгиба закрыт окружностью, так что нам не стоит о нём беспокоиться.

fig05

Figure 05

fig06

Figure 06 панель с закругленными углами

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

Author: fxzone.eyeball-design.com

 
Комментариев нет

Опубликовано в рубрике Уроки Photoshop

 

Прокомментировать