Principles and elements of Design

Kandinsky’s Composition 8

Принципы и элементы дизайна тема которая интересует меня с самого первого дня моего серьезного изучения компьютерных технологий. Дизайн, в современном понимании, это наука требующая знаний из различных областей деятельности человека. По сути дела дизайн есть способ привлечения и удержания внимания, в которой применяются важнейшие принципы геометрии и форм, гармонии красок, психологии и философии, а также физиологии, математики и физики. Как и в любой другой науке здесь есть свои правила (или принципы) и "действующие лица", т.е. элементы. Знание этих основ помогает правильно выбрать стратегию разработки для представления "продукта", а также упрощает сам процесс его создания. Одним из основных условий хорошего дизайна является гармония композиции, которая неразрывно связана с удивительными свойствами "Золотого сечения". 

Любой человек способен ощущать гармонию окружающего его мира, он сам является практически идеальным гармоническим воплощением природы. Наш разум настолько силен и велик, что мы можем создавать вещи из пустого пространства - воплощая в жизнь свои мысли. Один из американских поэтов XX века однажды сказал: "Все, что существует на свете, когда-то было мечтой", и я полностью с ним согласен.

С точки зрения науки, дизайн выделяет психологические закономерности восприятия человеком материи (формы), пространства и времени, есть даже специальный раздел психологии изучающий процессы осознания объектов за счет выделения групп - гештальтпсихология. Здесь я попробую дать обобщенные определения основным понятиям дизайна, тому как они могут быть связаны друг с другом. Изложенный материал содержит большое количество примеров собранных мною на просторах глобальной сети, большая часть которых взята с зарубежных источников и книг. Некоторые выкладки и замечания написаны мною на основе моего личного опыта и знаний. Многие картинки нельзя отнести к одному определенному разделу, но я постарался определить их туда, где описанный прием наиболее заметен. Тем не менее, хочу настоять чтобы вы повторно просмотрели всю статью и постарались, самостоятельно проанализировать представленные изображения. Очень надеюсь, что собранная здесь информация будет полезна и поможет вам лучше понять творческий процесс создания композиций.

TriangleFill V2

Новая версия с новыми возможностями. Новый тип треугольников - равносторонние, при этом сохранилась и прошлая раскладка. Играя с первой версией программы я заметил много недостающих функции и решил реализовать их в этой версии. К примеру теперь можно сохранять и загружать палитру цветов, а также сам рисунок. Немного изменен функционал для кнопок:

• [ APPLY C|H ] - изменяет цвет и размер (если они изменились), 
• [ CHANGE C ] - изменяет цвет всего рисунка (регенерация).

PixelMonsters

Генератор пиксельных монстров. Очень интересный эффект получается если отразить рандомно сгенерированную последовательность квадратиков, начинают видется различные "лица", модельки и маски и т.п. Программка написана на Adobe Air и включет в себя несколько настроек. 

SquareRun

Интерактивное приложение с бегающими разноцветными квадратиками. : )

Идею мне подсказал один из разработчиков компании Interactive Labs Valentin Simonov, это что то вроде тестового задания. Я немного ейо усовершенствовал и развил. Добавил возможность генерирования "круговых квадратиков" (LMB), возможность переключения на полный экран (F) и возможность сохранить рисунок на рабочий стол (Ctrl+S). Стандартная, горизонтальная волна квадратиков генерируется при нажатии на правую клавишу мыши (RMB).

TriangleFill

Будучи вдохновленным туториалом по созданию треугольной абстракции на сайте blog.spoongraphics.co.uk, я решил сделать свою собственную. Но работа в Adobe Illustrator-е совсем не доставляла мне удовольствия. Я хотел сделать огромное полотно из таких треугольников и постоянное копирование, смещение, повороты, а затем раскрашивание меня быстро утомили. И тут у меня родилась идея - быстренько это все запрограммировать, сделав простенькое приложение на Adobe Air. Название было придумано сразу - TriangleFill.

Air Native Process (.exe and .jar)

Начиная с версии 2.0 в Adobe Air появилась возможность общаться со сторонними приложениями через специальный встроенный класс NativeProcess. Это делает возможным написание "ядра" любого приложения на "нативном" языке портируемой платформы (Objective-C, Java, C#), в то время как сам интерфейс и анимацию можно сделать в удобных инструментах Flash-платформы (Flash Professional, Flex, Flash Catalyst). Здесь мы рассмотрим простейший пример взаимодействия Adobe Air и приложения Windows написанного на C#, а также, аналогичного приложения написанного на Java. В результате сделаем AIR приложение для создания "снимков экрана" - Screenshooter.

Design Pattern - Proxy Pattern

Proxy Pattern представляет из себя "обертку", вспомогательный контейнер для объекта функционал которого мы хотим использовать. К примеру, Proxy шаблон позволяет работать с удаленным объектом так, как будто он локальный, т.е. пользователь имеет возможность вызывать методы и свойства удаленного объекта через Proxy, не заботиться о создании соединения или загрузке этого объекта. При этом интерфейс у Proxy объекта может быть такой же как и у оригинального объекта, но реализация отличаться, "прокси паттерн" предоставляет замену (прототип) для другого объекта с целью обеспечения контроля над ним.